*{box-sizing:border-box}body{color:#101828;background:#f5f7fb;margin:0;font-family:Arial,sans-serif}.container{max-width:1100px;margin:0 auto;padding:32px 20px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;margin-bottom:16px;padding:20px;box-shadow:0 2px 8px #1018280a}.row{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.row:last-child{border-bottom:0}input,select,textarea{background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;padding:11px 12px}button{color:#fff;cursor:pointer;background:#101828;border:0;border-radius:8px;padding:11px 16px}button:disabled{opacity:.5;cursor:not-allowed}a{color:#175cd3;text-decoration:none}h1,h2{margin-top:0}.fleetVehicleTable{background:#fff;border:1px solid #e4e7ec;border-radius:14px;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 16px}.fleetVehicleRow{border-bottom:1px solid #eaecf0;grid-template-columns:180px minmax(280px,1fr) minmax(320px,1.2fr);align-items:center;gap:24px;padding:18px 8px;display:grid}.fleetVehicleRow:last-child{border-bottom:0}.fleetVehicleRow small{display:block}@media (max-width:800px){.fleetVehicleRow{grid-template-columns:1fr;gap:6px}}.customerCard{color:#101828;cursor:pointer;background:#fff;border:1px solid #e4e7ec;border-radius:10px;grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) auto;align-items:center;gap:16px;margin-bottom:10px;padding:16px;text-decoration:none;display:grid}.customerCard:hover{border-color:#175cd3;box-shadow:0 2px 8px #10182814}.customerName{font-weight:700}.customerAction{color:#175cd3;font-weight:600}@media (max-width:700px){.customerCard{grid-template-columns:1fr}.customerAction{margin-top:4px}}.jobEvidence{margin-top:24px}.jobEvidence label{margin-bottom:12px;display:block}.jobEvidence .serviceCheck{align-items:center;gap:10px;display:flex}.serviceCheck input{width:auto}.evidenceColumns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.photoGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:16px 0;display:grid}.photoGrid figure{break-inside:avoid;border:1px solid #e4e7ec;border-radius:10px;min-width:0;margin:0;padding:10px}.photoGrid img{object-fit:cover;border-radius:6px;width:100%;height:220px;display:block}.photoGrid figcaption{white-space:pre-wrap;overflow-wrap:anywhere;padding-top:10px}.reportActions{margin-top:18px}.reportActions button{margin-left:12px}.reportHeader{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;display:flex}.reportHeader img{width:180px;max-width:100%;height:auto}.reportHeader h1{margin-bottom:8px}.completionReport p,.completionReport li{overflow-wrap:anywhere;line-height:1.5}.completionReport footer{text-align:center;color:#667085}@media (max-width:700px){.evidenceColumns{grid-template-columns:1fr}.reportActions button{margin:12px 0}.photoGrid{grid-template-columns:1fr}}@media print{body{background:#fff}.noPrint{display:none!important}.completionReport{max-width:none;padding:0}.completionReport .card{box-shadow:none;border-color:#ccc}.completionReport .photoGrid img{object-fit:contain;height:auto;max-height:380px}.completionReport h2,.completionReport h3{break-after:avoid}.completionReport .reportHeader{break-inside:avoid}}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:not(:disabled):active,.buttonLink:active,.reportButton:active{transform:translateY(1px)}button,a,input,select,textarea,summary{touch-action:manipulation}:focus-visible{outline-offset:3px;outline:3px solid #82b3ff}.error{color:#9c2525;background:#fff2f0;border:1px solid #efb5af;border-radius:8px;padding:12px;line-height:1.5}.auth{place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.authCard{background:#fff;border:1px solid #dbe3ee;border-radius:18px;width:100%;max-width:440px;padding:32px;box-shadow:0 12px 32px #17233808}.authCard h1{letter-spacing:-.035em;margin:8px 0 12px;font-size:1.8rem}.authCard p{color:#536177;line-height:1.55}.authCard .authBrand{letter-spacing:.14em;color:#164db3;margin:0 0 24px;font-size:.75rem;font-weight:700}.authCard .authStep{margin:0 0 8px;font-size:.8rem}.authCard label{margin:18px 0 8px;font-size:.9rem;font-weight:600;display:block}.authCard input{min-height:46px}.authCard .authSubmit,.authPrimaryLink{color:#fff;background:#164db3;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:46px;margin:22px 0 0;padding:12px;font-weight:600;display:flex}.authCard .authFootnote{text-align:center;margin:22px 0 0;font-size:.9rem}.authCard .textAction{color:#164db3;background:0 0;min-height:36px;padding:6px 0;font-size:.8rem}.passwordHelp{justify-content:space-between;align-items:center;gap:8px;display:flex}.passwordHelp small,.setupOptions small,.optional{color:#667085;font-size:.8rem;font-weight:400}.setupPreview{overflow-wrap:anywhere;background:#f5f8fc;border-radius:8px;padding:12px;font-size:.85rem}.setupOptions>summary{cursor:pointer;color:#164db3;min-height:44px;padding:12px 0;font-size:.85rem}.setupOptions small{margin-top:6px;line-height:1.5;display:block}@media (max-width:480px){.auth{align-items:start;padding:20px 16px}.authCard{margin-top:24px;padding:24px 20px}.authCard h1{font-size:1.65rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pageLoading h1{font-size:1.5rem}.pageLoading p{color:#536177}.loadingPlaceholder{background:#eaf0f7;border-radius:14px;max-width:900px;height:120px;margin:16px 0}html{background:#f5f7fb}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}.appShell>.nav{max-width:1240px;margin:0 auto;padding-left:20px;padding-right:20px}.invoicePage>.nav{display:none}h1,h2,h3{letter-spacing:-.025em}p{overflow-wrap:anywhere}input,select,textarea{transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:#98a2b3}input:focus,select:focus,textarea:focus{border-color:#528bff;outline:0;box-shadow:0 0 0 3px #dbeafe}button{font-weight:650;transition:transform .15s,background .15s,box-shadow .15s}:where(button:hover:not(:disabled)){background:#1d2939;box-shadow:0 3px 8px #10182821}a:hover{text-decoration:underline}@media (max-width:640px){.container{padding:24px 16px}.appShell>.nav{padding-left:16px;padding-right:16px}}.appShell .top{display:none}.appShell .main{max-width:1100px;margin:0 auto;padding:32px 20px}.appShell .main>h1{margin-bottom:8px;font-size:clamp(2rem,4vw,3rem)}.appShell .main>h1+p{color:#667085;max-width:760px;margin-top:0;margin-bottom:24px}.inlineForm{background:#fff;border:1px solid #e4e7ec;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:18px 0;padding:16px;display:grid}.inlineForm button{align-self:end}.table{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:0 16px;overflow-x:auto}.table>.row{color:#101828;text-align:left;background:0 0;border-radius:0;width:100%}.table>.row:hover{box-shadow:none;background:#f8fafc}.table>.row span{color:#475467}.table>.row small{color:#667085;white-space:nowrap}.appShell label{color:#344054;font-weight:650}.appShell .card>h2{margin-bottom:8px}.appShell .card>p{color:#667085}@media (max-width:640px){.appShell .main{padding:24px 16px}.inlineForm{padding:12px}.table{padding:0 12px}.table>.row{flex-direction:column;align-items:flex-start;gap:5px}}.paymentResult{background:linear-gradient(135deg,#eff6ff,#f8fafc 55%,#ecfdf3);place-items:center;min-height:100dvh;padding:24px;display:grid}.paymentResultCard{background:#fff;border:1px solid #dbe3ee;border-radius:18px;width:min(100%,560px);padding:34px;box-shadow:0 18px 46px #1018281a}.paymentResultCard h1{margin-bottom:12px;font-size:clamp(2rem,5vw,2.7rem)}.paymentResultCard>p:not(.paymentResultEyebrow){color:#536177;line-height:1.6}.paymentResultEyebrow{letter-spacing:.12em;color:#175cd3;margin:0 0 12px;font-size:.75rem;font-weight:800}.successResult .paymentResultEyebrow{color:#027a48}.paymentResultAction{margin-top:24px}.paymentResultAction a{color:#fff;background:#101828;border-radius:8px;padding:11px 15px;font-weight:700;display:inline-flex}.paymentResultAction a:hover{background:#1d2939;text-decoration:none}@media (max-width:540px){.paymentResult{padding:16px}.paymentResultCard{padding:26px 22px}}.appShell{background:radial-gradient(circle at 0 0,#e9f2ff 0,#0000 32rem),radial-gradient(circle at 100% 18rem,#e6fbf6 0,#0000 30rem),#f7f9fc;min-height:100dvh}.appShell .main,.appShell .container{position:relative}.appShell .card,.appShell .table,.appShell .fleetVehicleTable,.appShell .customerCard{border-color:#dce5f1;box-shadow:0 12px 28px #19335b0e}.appShell .card,.appShell .table,.appShell .fleetVehicleTable{border-radius:18px}.appShell h1{color:#10213d;letter-spacing:-.045em;font-weight:800}.appShell h2{color:#162b4b;font-weight:760}:where(.appShell) button{background:linear-gradient(135deg,#1554b7,#2563eb);box-shadow:0 7px 15px #1554b72b}.appShell button:hover:not(:disabled){background:linear-gradient(135deg,#0f469d,#1d4ed8);box-shadow:0 9px 20px #1554b73b}.appShell input,.appShell select,.appShell textarea{background:#fcfdff;border-color:#d5dfed}.appShell .row{border-color:#edf1f6}.appShell .customerCard:hover{border-color:#82adf4;transform:translateY(-2px);box-shadow:0 16px 32px #19335b1c}.notice{color:#067647}.billingBanner{color:#175cd3;text-align:center;background:#eff8ff;border-bottom:1px solid #b2ddff;padding:10px 20px}.billingBannerWarn{color:#b54708;background:#fffaeb;border-color:#fedf89}
.appShell{background:#f5f7fb}.appShell .container,.appShell .main{width:100%;min-width:0}.appShell h1{font-size:clamp(1.85rem,4vw,2.65rem);line-height:1.15}.appShell .card,.appShell .table,.appShell .fleetVehicleTable,.appShell .customerCard{border-radius:14px;box-shadow:0 3px 12px #17233804}.appShell .quoteHeader{background:#fff;border:1px solid #dce5ef}.appShell .screenHeader,.appShell .pageHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.screenHeader h1{margin:0 0 10px}.screenHeader p{color:#667085;margin:0}.screenHeader .eyebrow{letter-spacing:.1em;color:#356199;margin-bottom:8px;font-size:.72rem;font-weight:750}.uiPrimary{color:#fff;background:#1956b2;border-radius:9px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:650;display:inline-flex}.uiPrimary:hover{color:#fff;background:#12458e;text-decoration:none}.listToolbar{flex-wrap:wrap;align-items:end;gap:16px;margin:22px 0;display:flex}.listToolbar>label:first-child{flex:1;min-width:min(240px,100%)}.listToolbar>label{min-width:180px}.listToolbar>span{color:#667085;padding:12px 0;font-size:.85rem}.appShell label.uiField,.listToolbar label,.formGrid>label{flex-direction:column;gap:7px;font-size:.85rem;display:flex}.appShell label small{color:#667085;font-weight:400}.inlineForm>label{gap:7px;font-size:.85rem;display:grid}.appShell .table>button.row,.appShell .table>button.row:hover{color:#172338;box-shadow:none;background:#fff;padding:18px 8px}.appShell .table>button.row:hover{background:#f0f5fc}.appShell .row>*,.appShell .grid>*,.formGrid>*{min-width:0}.appShell .row{overflow-wrap:anywhere}.appShell .row input,.appShell .row select{min-width:0}.uiEmpty{color:#596579;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:28px}.uiEmpty h2{font-size:1.15rem}.uiEmpty p{margin-bottom:0}.uiNotice{color:#236343;background:#f0faf4;border:1px solid #badcca;border-radius:10px;padding:12px 16px}.uiDisclosure{background:#fff;border:1px solid #dce5ef;border-radius:12px;margin:16px 0;padding:4px 18px}.uiDisclosure>summary,.recordActions>summary{cursor:pointer;color:#224e88;min-height:44px;padding:12px 0;font-size:.9rem;font-weight:650}.uiDisclosure[open]>summary{border-bottom:1px solid #e8edf4;margin-bottom:12px}.uiDisclosure .inlineForm{border:0;margin:12px 0;padding:0}.recordActions{min-width:0}.recordActionItems{gap:10px;margin-top:6px;display:grid}.recordActionItems a{padding:8px 0}.recordActionItems label{gap:6px;font-size:.8rem;display:grid}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;scroll-margin-top:100px;display:grid}.formGrid>h2,.formGrid>.row,.formGrid>div,.formGrid>button{grid-column:1/-1}.formGrid h2{margin:0}.formGrid>div:has(button){flex-wrap:wrap;gap:8px;display:flex}#request-detail,#request-estimate,#service-editor{scroll-margin-top:100px}.settingsPage .singlePanel{grid-template-columns:1fr}.addServiceButton{margin:0 0 18px}.appShell .invoiceActionsDisclosure{border-top:1px solid #e8edf4;grid-column:1/-1;margin-top:8px}.appShell .invoiceActionsDisclosure .invoiceActions{border-top:0;margin-top:0}.appShell .invoiceSummary button{color:#172338;background:#fff;box-shadow:0 3px 12px #17233804}.appShell .invoiceSummary button:hover{color:#172338;background:#edf4ff}.appShell .invoiceSummary button span,.appShell .invoiceSummary button small{color:#526177}.publicDocument{max-width:900px;padding-top:40px;padding-bottom:48px}.publicDocument h1{font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.2}.publicDocument form>label{gap:7px;margin:16px 0;font-size:.9rem;font-weight:600;display:grid}.publicDocument form>button{min-height:46px;margin-top:14px}.publicDocument .card{box-shadow:0 6px 20px #17233805}.publicDocument table{border-collapse:collapse;width:100%}.publicDocument td,.publicDocument th{overflow-wrap:anywhere;padding:10px 6px}.publicDocument input,.publicDocument select{min-height:44px}.appShell form.card>label{margin-top:16px;margin-bottom:16px;display:block}.appShell input[type=checkbox],.appShell input[type=radio]{accent-color:#1956b2;width:auto;min-height:0}.appShell .card>button+button{margin-left:8px}@media (max-width:700px){.appShell .main,.appShell .container{padding:24px 16px}.appShell h1{font-size:1.9rem}.formGrid{grid-template-columns:1fr}.screenHeader>button,.screenHeader>.uiPrimary{width:100%}.listToolbar{gap:12px}.listToolbar>label{flex:140px;width:100%;min-width:0}.appShell .row{flex-wrap:wrap}.appShell .row>label{flex:140px}.appShell .customerCard{gap:6px}.appShell .customerCard:hover{transform:none}.appShell .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.appShell .grid .card{padding:14px}.appShell .quoteRow{grid-template-columns:1fr!important;gap:8px!important}.quoteRow .recordActions{border-top:1px solid #e8edf4}.paymentSection table{min-width:0!important}.paymentSection thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.paymentSection tbody,.paymentSection tr,.paymentSection td{width:100%;display:block}.paymentSection tr{border-bottom:1px solid #dce5ef;padding:12px 0}.paymentSection td{white-space:normal;border:0!important;padding:6px 0!important}.paymentSection td:before{content:attr(data-label);color:#667085;margin-bottom:3px;font-size:.72rem;font-weight:600;display:block}.paymentSection td small{margin-left:6px;display:inline-block}.paymentTableWrap{overflow:visible}.appShell .paymentMetrics{grid-template-columns:1fr;gap:10px}.paymentMetrics .card{gap:5px;margin:0}.paymentMetrics strong{font-size:1.7rem}.publicDocument{padding:24px 16px}.publicDocument .card{padding:20px 16px}.publicDocument .row{flex-wrap:wrap}.publicDocument .row>*{min-width:0}input,select,textarea{font-size:16px}}@media print{.appShell{background:#fff}.appShell>nav{display:none!important}.appShell .main,.appShell .container,.publicDocument{max-width:none;padding:0}.publicDocument .card{box-shadow:none}.noPrint{display:none!important}}.appShell .invoiceActions button,.appShell .invoiceActions a,.appShell .settingsServiceActions button,.appShell .linkButton{color:#24518b;box-shadow:none;background:#fff;border:1px solid #cad7e8}.appShell .invoiceActions button:hover,.appShell .settingsServiceActions button:hover,.appShell .linkButton:hover{color:#173e75;box-shadow:none;background:#edf4ff}.appShell .invoiceCard{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr)}.appShell .paymentOverlay{z-index:80;overflow:auto}.appShell .paymentForm{max-height:calc(100dvh - 40px);overflow:auto}.appShell .paymentActions button{color:#244b80;box-shadow:none;background:#eef3fa}.appShell .paymentActions button[type=submit]{color:#fff;background:#1956b2}@media (max-width:700px){.appShell .invoiceCard{grid-template-columns:1fr}.appShell .invoiceSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appShell .invoiceSummary button{min-height:112px;padding:14px}.invoiceSummary strong{margin-top:10px;font-size:1.45rem}}.appShell .quoteHeader p{color:#596579}.appShell .quoteHeader .quoteEyebrow{color:#356199!important}.appShell>nav button:hover:not(:disabled){color:#153e78;box-shadow:none;background:#e1ebf9}.dangerAction{color:#b42318}.deleteConfirm{color:#b42318;margin:0;font-size:.85rem;line-height:1.4}
:root{--df-bg:#f5f7fa;--df-panel:#fff;--df-raised:#f8fafc;--df-line:#e4e7ec;--df-line-soft:#eef1f4;--df-text:#101828;--df-muted:#667085;--df-accent:#1b5fd0;--df-accent-deep:#1b5fd0;--df-on-accent:#fff;--df-good:#067647;--df-warn:#b54708;--df-bad:#d92d20;--df-info:#175cd3;--df-violet:#5925dc;--df-teal:#0e7090;--df-font-ui:Figtree,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--df-font-display:"Bricolage Grotesque",Figtree,ui-sans-serif,system-ui,sans-serif;--df-edge:0 1px 2px #1018280d;--df-nav-current:#ffffffd9;--df-nav-bar:#ffffff94;--df-nav-line:#ffffffb3;--df-nav-edge:#1018280f;--df-nav-shadow:#1018281f;--df-nav-scrim:#10182859}:is(html:has(.appShell),html:has(.auth),html:has(.paymentResult)){background:var(--df-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:is(body:has(.appShell),body:has(.auth),body:has(.paymentResult)){background:var(--df-bg);color:var(--df-text);font-family:var(--df-font-ui)}body .appShell{background:radial-gradient(60rem 28rem at 0 -6rem,transparent,transparent 70%),var(--df-bg);color:var(--df-text);font-family:var(--df-font-ui)}body .appShell h1,body .appShell h2,body .appShell h3{color:var(--df-text);font-family:var(--df-font-display);letter-spacing:-.02em;font-weight:700}body .appShell h1{font-size:clamp(1.7rem,5.4vw,2.4rem);line-height:1.1}body .appShell h2{font-size:1.2rem}body .appShell p,body .appShell li{color:var(--df-muted)}body .appShell strong{color:var(--df-text)}body .appShell small{color:var(--df-muted)}body .appShell a{color:var(--df-accent)}body .appShell a:hover{color:#1849a9;text-decoration:none}body .appShell label{color:var(--df-text);font-weight:600}body .appShell .eyebrow,body .appShell .quoteEyebrow{display:none}body .appShell hr{border:0;border-top:1px solid var(--df-line)}body .appShell :focus-visible{outline:2px solid var(--df-accent);outline-offset:3px}body .appShell .card,body .appShell .table,body .appShell .fleetVehicleTable,body .appShell .customerCard,body .appShell .inlineForm,body .appShell .dashboardPanel,body .appShell .todayBoard,body .appShell .calendarPanel,body .appShell .uiDisclosure,body .appShell .dashboardDisclosure,body .appShell .quoteHeader,body .appShell .uiEmpty{background:linear-gradient(180deg,#fff,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge),0 1px 3px #1018280f;color:var(--df-text);border-radius:18px}body .appShell .uiEmpty{box-shadow:none;color:var(--df-muted);border-style:dashed}body .appShell .row,body .appShell .panelHeader,body .appShell .dashboardRow,body .appShell .invoiceRow{border-color:var(--df-line-soft)}body .appShell .row span,body .appShell .table>.row span,body .appShell .table>.row small{color:var(--df-muted)}body .appShell .table>.row:hover,body .appShell .table>button.row:hover{background:var(--df-raised)}body .appShell .table>button.row,body .appShell .table>button.row:hover{color:var(--df-text);box-shadow:none}body .appShell .table>button.row{background:0 0}body .appShell .customerCard{color:var(--df-text)}body .appShell .customerCard:hover{border-color:var(--df-accent-deep);box-shadow:var(--df-edge),0 1px 3px #1018280f;transform:none}body .appShell .customerName{color:var(--df-text)}body .appShell .customerAction{color:var(--df-accent)}body .appShell input,body .appShell select,body .appShell textarea{color:var(--df-text);border:1px solid var(--df-line);min-height:46px;font-family:var(--df-font-ui);background:#fff;border-radius:12px}body .appShell input::placeholder,body .appShell textarea::placeholder{color:#98a2b3}body .appShell input:hover,body .appShell select:hover,body .appShell textarea:hover{border-color:#98a2b3}body .appShell input:focus,body .appShell select:focus,body .appShell textarea:focus{border-color:var(--df-accent);box-shadow:0 0 0 3px #50a0ff47}body .appShell input[type=checkbox],body .appShell input[type=radio]{accent-color:var(--df-accent);min-height:0}body .appShell option{background:var(--df-panel);color:var(--df-text)}body .appShell .boardControls input,body .appShell .boardControls select{color:var(--df-text);border-color:var(--df-line);background:#fff}body .appShell button,body .appShell .buttonLink,body .appShell .uiPrimary{background:var(--df-accent-deep);color:var(--df-on-accent);min-height:46px;font-weight:700;font-family:var(--df-font-ui);border:0;border-radius:12px;box-shadow:0 1px 2px #1018281f}body .appShell button:where(:hover:not(:disabled)),body .appShell .buttonLink:hover,body .appShell .uiPrimary:hover{color:var(--df-on-accent);background:#1849a9;text-decoration:none;box-shadow:0 1px 2px #1018281f}body .appShell button:disabled{opacity:.45}body .appShell .secondaryAction,body .appShell .invoiceActions button,body .appShell .invoiceActions a,body .appShell .settingsServiceActions button,body .appShell .linkButton,body .appShell .paymentActions button,body .appShell .calendarControls button,body .appShell .jobQuickActions a,body .appShell .invoiceSummary button{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line);box-shadow:var(--df-edge)}body .appShell .secondaryAction:hover,body .appShell .invoiceActions button:hover,body .appShell .invoiceActions a:hover,body .appShell .settingsServiceActions button:hover,body .appShell .linkButton:hover,body .appShell .paymentActions button:hover,body .appShell .calendarControls button:hover,body .appShell .jobQuickActions a:hover,body .appShell .invoiceSummary button:hover{color:var(--df-text);box-shadow:var(--df-edge);background:#eef2f6}body .appShell .paymentActions button[type=submit]{background:var(--df-accent-deep);color:var(--df-on-accent);border:0}body .appShell .invoiceSummary button span,body .appShell .invoiceSummary button small{color:var(--df-muted)}body .appShell .boardRefresh{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line);box-shadow:var(--df-edge)}body .appShell .boardRefresh:hover:not(:disabled){color:var(--df-text);background:#eef2f6}body .appShell .error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}body .appShell .notice,body .appShell .uiNotice{color:var(--df-good);background:#ecfdf3;border:1px solid #abefc6;border-radius:12px;padding:12px 14px}body .appShell .billingBanner{color:var(--df-text);border-bottom:1px solid var(--df-line);background:#f8fafc}body .appShell .billingBanner a{color:var(--df-accent);font-weight:700}body .appShell .billingBannerWarn{color:#b54708;background:#fffaeb;border-color:#fedf89}body .appShell .loadingPlaceholder{background:var(--df-panel)}body .appShell .dashboardHeader h1{font-size:clamp(1.7rem,5.6vw,2.5rem)}body .appShell .dashboardIntro{color:var(--df-muted)}body .appShell .dashboard .metricCard,body .appShell .metricCard{background:linear-gradient(180deg,#fff,var(--df-panel));color:var(--df-text);border:1px solid var(--df-line);box-shadow:var(--df-edge)}body .appShell .dashboard .metricCard:hover{border-color:var(--df-accent-deep);transform:none}body .appShell .metricCard span{color:var(--df-muted);opacity:1;font-weight:600}body .appShell .metricCard strong{font-family:var(--df-font-display);color:var(--df-text);font-weight:800}body .appShell .metricCard small{color:var(--df-muted)}body .appShell .quickActions a{background:linear-gradient(180deg,#fff,var(--df-panel));border:1px solid var(--df-line);color:var(--df-text);box-shadow:var(--df-edge);border-radius:16px}body .appShell .quickActions a:hover{border-color:var(--df-accent-deep);text-decoration:none}body .appShell .quickActions span{color:var(--df-muted)}body .appShell .dashboardDisclosure>summary,body .appShell .uiDisclosure>summary,body .appShell .recordActions>summary{color:var(--df-text)}body .appShell .dashboardDisclosure>summary span{color:var(--df-muted)}body .appShell .uiDisclosure[open]>summary{border-color:var(--df-line)}body .appShell .dashboardRow{color:var(--df-text)}body .appShell .dashboardRow:hover strong,body .appShell .invoiceRow:hover strong{color:var(--df-accent)}body .appShell .dashboardRow time,body .appShell .dashboardRow small,body .appShell .invoiceRow small{color:var(--df-muted)}body .appShell .invoiceRow{color:var(--df-text)}body .appShell .panelHeader a{color:var(--df-accent)}body .appShell .emptyPanel{color:var(--df-muted)}body .appShell .emptyPanel strong{color:var(--df-text)}body .appShell .boardSummary{border:1px solid var(--df-line-soft);color:var(--df-muted);background:#fff;border-radius:14px}body .appShell .boardSummary strong{color:var(--df-text);font-family:var(--df-font-display)}body .appShell .boardInvoices{border-color:var(--df-line)}body .appShell .boardHint{color:var(--df-muted)}body .appShell .boardJobAction small{color:var(--df-accent)}body .appShell .leadAvatar{color:var(--df-accent);background:#eff8ff;border:1px solid #b2ddff}body .appShell .statusPill{color:var(--df-text);border:1px solid var(--df-line);background:#f2f4f7;font-weight:600}body .appShell .status-new{color:#344054;background:#f2f4f7}body .appShell .status-confirmed{color:var(--df-info);background:#eff8ff;border-color:#b2ddff}body .appShell .status-in_progress{color:var(--df-violet);background:#f4f3ff;border-color:#d9d6fe}body .appShell .status-completed{color:var(--df-good);background:#ecfdf3;border-color:#abefc6}body .appShell .jobProgress li{border-color:var(--df-line);color:var(--df-muted)}body .appShell .jobProgress li[data-complete=true]{border-color:var(--df-good);color:var(--df-good)}body .appShell .jobProgress li[aria-current=step]{border-color:var(--df-accent);color:var(--df-accent)}body .appShell .calendarGrid,body .appShell .calendarWeekday,body .appShell .calendarDay{border-color:var(--df-line)}body .appShell .calendarWeekday{color:var(--df-muted);background:#f8fafc}body .appShell .calendarBlank{background:#fff}body .appShell .calendarToday{background:#eff8ff}body .appShell .calendarDate,body .appShell .calendarLegend,body .appShell .calendarFootnote{color:var(--df-muted)}body .appShell .calendarRequested{color:#b42318;border-left-color:var(--df-bad);background:#fef3f2}body .appShell .calendarScheduled{color:var(--df-good);border-left-color:var(--df-good);background:#ecfdf3}body .appShell .calendarEvent button{color:#b42318;box-shadow:none;background:#fef3f2;border:1px solid #fecdca;min-height:0}body .appShell .paymentForm{background:var(--df-panel);border:1px solid var(--df-line);color:var(--df-text)}body .appShell .paymentOverlay{background:#030609b3}body .appShell .invoiceActionsDisclosure{border-color:var(--df-line)}.auth,.paymentResult{background:radial-gradient(50rem 24rem at 50% -8rem,transparent,transparent 70%),var(--df-bg);font-family:var(--df-font-ui)}.authCard,.paymentResultCard{background:linear-gradient(180deg,#fff,var(--df-panel));border:1px solid var(--df-line);color:var(--df-text);box-shadow:var(--df-edge),0 1px 3px #1018280f;border-radius:22px}.authCard h1,.paymentResultCard h1{color:var(--df-text);font-family:var(--df-font-display);letter-spacing:-.025em}.authCard p,.paymentResultCard>p:not(.paymentResultEyebrow){color:var(--df-muted)}.authCard .authBrand,.paymentResultEyebrow{color:var(--df-accent);font-family:var(--df-font-display)}.authCard label{color:var(--df-text)}.authCard input{color:var(--df-text);border:1px solid var(--df-line);background:#fff;border-radius:12px;min-height:50px}.authCard input:focus{border-color:var(--df-accent);box-shadow:0 0 0 3px #50a0ff47}.authCard .authSubmit,.authPrimaryLink,.paymentResultAction a{background:var(--df-accent-deep);color:var(--df-on-accent);border-radius:12px;min-height:50px;font-weight:700}.authCard a{color:var(--df-accent)}.authCard .textAction{color:var(--df-accent);background:0 0}.authCard .error{color:#b42318;background:#fef3f2;border-color:#fecdca}.setupPreview{color:var(--df-muted);background:#fff}@media (max-width:720px){body .appShell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}body .appShell .main,body .appShell .container{padding:20px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left))}}@media (max-width:600px){body .appShell .dashboardRow{grid-template-columns:78px minmax(0,1fr)}body .appShell .dashboardRow time{white-space:nowrap}body .appShell .dashboardRow .statusPill{grid-column:2;justify-self:start}}body .appShell .invoiceEyebrow{display:none}body .appShell .appointmentsPage{color:var(--df-text)}body .appShell .appointmentsHeader p,body .appShell .bookingHeading p,body .appShell .appointmentHint,body .appShell .appointmentFootnote,body .appShell .appointmentWhen time,body .appShell .appointmentEmpty,body .appShell .appointmentEmpty p,body .appShell .appointmentResults>span,body .appShell .appointmentCard .appointmentMeta,body .appShell .bookingExtras summary span{color:var(--df-muted)}body .appShell .appointmentEmpty h3{color:var(--df-text)}body .appShell .appointmentWorkspace,body .appShell .bookingPanel{background:linear-gradient(180deg,#fff,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge),0 1px 3px #1018280f;border-radius:18px}body .appShell .bookingPanel{border-top:3px solid var(--df-accent-deep)}body .appShell .appointmentsPage .appointmentPrimary,body .appShell .appointmentStatusEditor>button{background:var(--df-accent-deep);color:#fff}body .appShell .appointmentsPage .appointmentSecondary{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line)}body .appShell .appointmentsPage .appointmentText{color:var(--df-accent);box-shadow:none;background:0 0;min-height:0}body .appShell .bookingExtras summary,body .appShell .appointmentStatusEditor summary{color:var(--df-accent)}body .appShell .depositHint{border:1px solid var(--df-line-soft);color:var(--df-muted);background:#fff}body .appShell .appointmentSuccess{color:var(--df-good);background:#ecfdf3;border:1px solid #abefc6}body .appShell .appointmentViewSwitch{border:1px solid var(--df-line-soft);background:#fff}body .appShell .appointmentViewSwitch button{color:var(--df-muted);box-shadow:none;background:0 0}body .appShell .appointmentViewSwitch button[aria-pressed=true]{background:var(--df-raised);color:var(--df-text);box-shadow:var(--df-edge)}body .appShell .appointmentFilters{border:1px solid var(--df-line-soft);background:#fff}body .appShell .appointmentCard{border-color:var(--df-line-soft)}body .appShell .appointmentOpen{border:1px solid var(--df-line);background:var(--df-raised);color:var(--df-text)}body .appShell .appointmentStatus{color:#344054;border:1px solid var(--df-line);background:#f2f4f7}body .appShell .appointmentStatus.status-in_progress{color:var(--df-violet);background:#f4f3ff;border-color:#d9d6fe}body .appShell .appointmentStatus.status-completed{color:var(--df-good);background:#ecfdf3;border-color:#abefc6}body .appShell .appointmentStatus.status-requested,body .appShell .appointmentStatus.status-proposed{color:var(--df-info);background:#eff8ff;border-color:#b2ddff}body .appShell .invoiceHeader p,body .appShell .invoiceIdentity p,body .appShell .invoiceIdentity small,body .appShell .invoiceState small,body .appShell .invoiceAmounts span,body .appShell .invoiceSummary span,body .appShell .invoiceSummary small,body .appShell .invoiceEmpty{color:var(--df-muted)}body .appShell .invoiceAmounts strong,body .appShell .invoiceEmpty strong,body .appShell .invoiceSummary strong{color:var(--df-text)}body .appShell .invoiceCard,body .appShell .invoiceEmpty{background:linear-gradient(180deg,#fff,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge),0 1px 3px #1018280f;border-radius:18px}body .appShell .invoiceEmpty{box-shadow:none;border-style:dashed}body .appShell .invoiceSummary button{background:linear-gradient(180deg,#fff,var(--df-panel) 60%);border:1px solid var(--df-line);color:var(--df-text);border-radius:16px}body .appShell .invoiceSummary button:hover{border-color:var(--df-accent-deep);background:linear-gradient(180deg,#fff,var(--df-panel) 60%);box-shadow:var(--df-edge)}body .appShell .invoiceFilters button{background:var(--df-raised);color:var(--df-muted);border:1px solid var(--df-line);box-shadow:none;border-radius:99px;min-height:40px}body .appShell .invoiceFilters button.selected,body .appShell .invoiceActions .recordPayment{background:var(--df-accent-deep);color:#fff;border-color:#0000}body .appShell .invoiceActions a,body .appShell .invoiceActions button{align-items:center;min-height:40px;display:inline-flex}body .appShell .invoicePrimaryAction{background:var(--df-accent-deep);color:#fff;border-radius:12px;min-height:46px}body .appShell .invoiceNotice.success{color:var(--df-good);background:#ecfdf3;border:1px solid #abefc6}body .appShell .invoiceNotice.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}body .appShell .invoiceBadge{border:1px solid var(--df-line)}body .appShell .draft{color:#344054;background:#f2f4f7}body .appShell .sent{color:var(--df-info);background:#eff8ff;border-color:#b2ddff}body .appShell .financial-unpaid{color:#b54708;background:#fffaeb;border-color:#fedf89}body .appShell .financial-partially_paid{color:var(--df-info);background:#eff8ff;border-color:#b2ddff}body .appShell .financial-paid{color:var(--df-good);background:#ecfdf3;border-color:#abefc6}body .appShell .financial-overdue{color:#b42318;background:#fef3f2;border-color:#fecdca}body .appShell .paymentForm label,body .appShell .paymentForm label small,body .appShell .paymentForm p{color:var(--df-muted)}body .appShell .paymentForm h2{color:var(--df-text)}body .appShell .paymentForm input,body .appShell .paymentForm select{color:var(--df-text);border:1px solid var(--df-line);background:#fff}body .appShell .paymentActions button{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line)}body .appShell .paymentMetrics small,body .appShell .paymentSection small,body .appShell .paymentSection th{color:var(--df-muted)}body .appShell .paymentSection th,body .appShell .paymentSection td{border-bottom-color:var(--df-line-soft)}body .appShell .paymentMetrics strong{font-family:var(--df-font-display)}body .appShell .paymentSection td:before{color:var(--df-muted)}body .appShell .quoteHeader{background:linear-gradient(120deg,#eff8ff,#fff 70%);border:1px solid #b2ddff}body .appShell .quoteHeader h1{color:var(--df-text)}body .appShell .quoteHeader p{color:var(--df-muted)}body .appShell .quoteList{background:linear-gradient(180deg,#fff,var(--df-panel) 60%);border:1px solid var(--df-line);border-radius:18px}body .appShell .quoteNav a,body .appShell .quoteRow small{color:var(--df-muted)}body .appShell .quoteRow button{min-height:40px}body .appShell .reports{color:var(--df-text)}body .appShell .reports header p,body .appShell .reportNote,body .appShell .reportSummary span,body .appShell .reportTitle small,body .appShell .reportRows dt,body .appShell .reportFilterActions>span,body .appShell .reportCounts,body .appShell .reportExplanation .reportNote{color:var(--df-muted)}body .appShell .reports .back,body .appShell .rowLink,body .appShell .reportAdvanced>summary,body .appShell .reportExplanation>summary{color:var(--df-accent)}body .appShell .reportFilters,body .appShell .categoryEditor,body .appShell .emptyReport{border:1px solid var(--df-line);background:#f8fafc;border-radius:18px}body .appShell .reportSummary article,body .appShell .reportRows article{background:linear-gradient(180deg,#fff,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge);border-radius:16px}body .appShell .reportSummary strong{font-family:var(--df-font-display);color:var(--df-text)}body .appShell .reports input,body .appShell .reports select{color:var(--df-text);border:1px solid var(--df-line);background:#fff}body .appShell .reports button,body .appShell .reports .reportButton{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line);box-shadow:var(--df-edge)}body .appShell .reports button:hover:not(:disabled){color:var(--df-text);background:#eef2f6}body .appShell .reports .primary,body .appShell .reportMenuList button[aria-pressed=true]{background:var(--df-accent-deep);color:#fff;border-color:#0000}body .appShell .reportMenuList{background:var(--df-panel);border:1px solid var(--df-line);box-shadow:0 1px 3px #1018280f}body .appShell .reports .reportMenuList button{box-shadow:none;background:0 0;border:0}body .appShell .reportMenuList button:hover{background:var(--df-raised)}body .appShell .reportMenuList button[aria-pressed=true]:hover{background:var(--df-accent-deep)}body .appShell .reportAdvanced{border-color:var(--df-line)}body .appShell .filterCount{color:var(--df-info);background:#eff8ff}body .appShell .reportError{color:#b42318;background:#fef3f2;border:1px solid #fecdca}body .appShell .previewNote{border-color:var(--df-line)}body .appShell .settingsPanel{background:linear-gradient(180deg,#fff,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge),0 1px 3px #1018280f;color:var(--df-text);border-radius:18px}body .appShell .settingsService{border-color:var(--df-line-soft)}body .appShell .settingsService p,body .appShell .settingsService small,body .appShell .settingsPage header p:last-child{color:var(--df-muted)}body .appShell .settingsEditor input:not([type=checkbox]),body .appShell .settingsEditor textarea{border:1px solid var(--df-line);border-radius:12px}body .appShell .settingsError{color:#b42318}body .appShell .settingsNotice{color:var(--df-good)}body .appShell .jobSteps li{color:var(--df-muted)}body .appShell .jobSteps span{background:var(--df-raised);color:var(--df-muted);border:1px solid var(--df-line)}body .appShell .jobSteps [aria-current=step]{color:var(--df-text)}body .appShell .jobSteps [aria-current=step] span{background:var(--df-accent-deep);color:#fff;border-color:#0000}body .appShell .jobWizard fieldset,body .appShell .wizardInset,body .appShell .wizardSummary{border:1px solid var(--df-line);background:#f8fafc;border-radius:14px}body .appShell .wizardService,body .appShell .wizardFooter{border-color:var(--df-line-soft)}body .appShell .wizardService small,body .appShell .newJob .hint{color:var(--df-muted)}body .appShell .newJob button.quiet{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line);box-shadow:var(--df-edge)}body .appShell .newJob summary{color:var(--df-accent)}body .appShell .wizardTotal{color:var(--df-text)}:is(html:has(.publicDocument),body:has(.publicDocument),html:has(.smsPage),body:has(.smsPage)){background:var(--df-bg);color:var(--df-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:is(body:has(.publicDocument),body:has(.smsPage)){font-family:var(--df-font-ui)}body .publicDocument{color:var(--df-text);font-family:var(--df-font-ui)}body .publicDocument h1,body .publicDocument h2,body .publicDocument h3{color:var(--df-text);font-family:var(--df-font-display);letter-spacing:-.02em}body .publicDocument p,body .publicDocument li,body .publicDocument small{color:var(--df-muted)}body .publicDocument strong,body .publicDocument th{color:var(--df-text)}body .publicDocument a{color:var(--df-accent)}body .publicDocument hr{border:0;border-top:1px solid var(--df-line)}body .publicDocument .card{background:linear-gradient(180deg,#fff,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge),0 1px 3px #1018280f;color:var(--df-text);border-radius:20px}body .publicDocument .row{border-color:var(--df-line-soft)}body .publicDocument img{border-radius:14px}body .publicDocument td,body .publicDocument th,body .publicDocument div[style*=border-top]{border-top-color:var(--df-line)!important}body .publicDocument input,body .publicDocument select,body .publicDocument textarea{color:var(--df-text);border:1px solid var(--df-line);background:#fff;border-radius:12px}body .publicDocument input:focus,body .publicDocument select:focus,body .publicDocument textarea:focus{border-color:var(--df-accent);outline:0;box-shadow:0 0 0 3px #50a0ff47}body .publicDocument label{color:var(--df-text)}body .publicDocument button{background:var(--df-accent-deep);color:#fff;border:0;border-radius:12px;min-height:46px;font-weight:700;box-shadow:0 1px 2px #1018281f}body .publicDocument button:hover:not(:disabled){background:linear-gradient(#4a9bff,#1b5fd0);box-shadow:inset 0 1px #ffffff4d,0 8px 20px #2878f06b}body .publicDocument .error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}body .publicDocument :focus-visible{outline:2px solid var(--df-accent);outline-offset:3px}.authCard .authStep,.passwordHelp small,.setupOptions small,.optional,.authCard .authFootnote{color:var(--df-muted)}.setupOptions>summary{color:var(--df-accent)}.authCard .authBrand{letter-spacing:.02em;font-size:1rem}.auth :focus-visible,.paymentResult :focus-visible{outline:2px solid var(--df-accent);outline-offset:3px}.smsPage{background:radial-gradient(50rem 24rem at 100% -6rem,transparent,transparent 70%),var(--df-bg);color:var(--df-text);font-family:var(--df-font-ui)}.smsCard{background:linear-gradient(180deg,#fff,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge),0 1px 3px #1018280f;color:var(--df-text)}.smsCard .brand{color:var(--df-text)}.smsCard .brand span,.lead,.disclosure,.formHint{color:var(--df-muted)}.smsBadge{color:var(--df-info);background:#eff8ff}.keywordBox{border:1px solid var(--df-line);background:#fff}.keywordLabel{color:var(--df-muted)}.keyword strong{color:var(--df-accent)}.messagePreview,.optInForm{border:1px solid var(--df-line);background:#f8fafc}.messagePreview p{color:var(--df-text);background:#eff8ff}.messageFrom{color:var(--df-muted)}.consentLabel,.phoneField{color:var(--df-text)}.phoneField input{color:var(--df-text);border:1px solid var(--df-line);background:#fff}.optInForm button{background:var(--df-accent-deep);color:#fff}.formStatus{color:var(--df-accent)}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media screen and (max-width:720px){.auth,.paymentResult,.smsPage,body .publicDocument{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}body .appShell .table,body .appShell .paymentTableWrap,body .appShell .agingTableWrap{overscroll-behavior-x:contain;overflow-x:auto}body .appShell .paymentOverlay{z-index:60;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));align-items:start;overflow-y:auto}body .appShell .paymentForm{margin:auto 0}body .appShell .calendarWeek,body .appShell .calendarWeekDay{border-color:var(--df-line-soft)}body .appShell .calendarWeekDay .calendarDate{color:var(--df-text);font-family:var(--df-font-display)}body .appShell .calendarDayName{color:var(--df-muted);font-family:var(--df-font-ui)}body .appShell .calendarWeekDay.calendarToday .calendarDate,body .appShell .calendarWeekDay.calendarToday .calendarDayName{color:var(--df-accent)}body .appShell .calendarNone{color:#98a2b3}body .appShell .calendarWeekDay.calendarToday{background:0 0}@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}body .appShell .invoiceFilters button,body .appShell .invoiceActions a,body .appShell .invoiceActions button,body .appShell .quoteRow button,body .appShell .quoteRow select,body .appShell .aging .agingRow .rowLink,body .appShell .appointmentsPage .appointmentText,body .appShell .calendarEvent button,.authCard .textAction{min-height:44px}body .appShell .appointmentsPage .appointmentText,.authCard .textAction{align-items:center;display:inline-flex}body .appShell .back,body .appShell .appointmentBack,body .appShell .billingBanner a{align-items:center;min-height:44px;display:inline-flex}body .appShell .billingBanner{padding-top:0;padding-bottom:0}body .appShell .customerCard:hover,body .appShell .dashboard .metricCard:hover{transform:none}}@media print{:root{--df-bg:#fff;--df-panel:#fff;--df-raised:#fff;--df-line:#cfd4dc;--df-line-soft:#e4e7ec;--df-text:#101828;--df-muted:#475467;--df-accent:#175cd3}html,body,body .appShell{color:#101828!important;background:#fff!important}html:has(.publicDocument){color:#101828!important;background:#fff!important}body:has(.publicDocument){color:#101828!important;background:#fff!important}body .appShell .card,body .publicDocument .card,body .appShell .reportSummary article,body .appShell .reportRows article{box-shadow:none!important;background:#fff!important;border-color:#cfd4dc!important}body .appShell h1,body .appShell h2,body .appShell h3,body .appShell strong,body .publicDocument h1,body .publicDocument h2,body .publicDocument h3,body .publicDocument strong,body .publicDocument th{color:#101828!important}body .appShell p,body .appShell small,body .appShell span,body .publicDocument p,body .publicDocument small,body .publicDocument li{color:#344054!important}body .publicDocument img{border-radius:0}}body .appShell .teamSeats,body .appShell .teamRoleHelp small,body .appShell .todayCustomizeBar p{color:var(--df-muted)}body .appShell .todaySectionEditing{background:linear-gradient(180deg,#fff,var(--df-panel));border-color:var(--df-line);box-shadow:var(--df-edge)}body .appShell .todaySectionEditing small{color:var(--df-muted);font-weight:500}body .appShell .todaySectionControls button[aria-pressed=true]{border-color:var(--df-accent-deep);color:var(--df-accent)}body .appShell .dangerAction{color:#d92d20;border-color:#f9706673}body .appShell .deleteConfirm{color:#d92d20}@media (min-width:1100px){body .appShell{padding-left:232px}}body .appShell .secondaryAction,body .appShell .linkButton,body .appShell .invoiceActions button,body .appShell .invoiceActions a,body .appShell .settingsServiceActions button,body .appShell .paymentActions button,body .appShell .calendarControls button,body .appShell .jobQuickActions a{border-color:var(--df-line);background:#fff}body .appShell .dangerAction:hover:not(:disabled){color:#b42318;background:#fef3f2}body .appShell .card,body .appShell .settingsPanel,body .appShell .invoiceCard,body .appShell .quoteList,body .appShell .appointmentWorkspace,body .appShell .bookingPanel,body .appShell .reportSummary article,body .appShell .reportRows article{border:1px solid var(--df-line);background:#fff;border-radius:16px;box-shadow:0 1px 2px #1018280d}body .appShell .quoteHeader{box-shadow:none;background:0 0;border:0;padding:0}body .appShell h1{letter-spacing:-.025em;font-size:clamp(1.6rem,4.6vw,2.1rem)}body .appShell input,body .appShell select,body .appShell textarea{background:#fff;border-color:#d0d5dd;border-radius:10px}body .appShell input:focus,body .appShell select:focus,body .appShell textarea:focus{border-color:var(--df-accent);outline:none;box-shadow:0 0 0 3px #1b5fd026}body .appShell .timelineKinds button,body .appShell .timelineFilters button,body .appShell .appointmentViewSwitch button,body .appShell .newInvoiceMatches button,body .appShell button.leadCard{color:var(--df-text);box-shadow:none;background:0 0}body .appShell .timelineKinds button:hover,body .appShell .timelineFilters button:hover,body .appShell .appointmentViewSwitch button:hover{color:var(--df-text);background:var(--df-raised)!important}body .appShell .appointmentViewSwitch button[aria-pressed=true],body .appShell .appointmentViewSwitch button.selected{color:var(--df-text);background:#fff;box-shadow:0 1px 2px #1018281a}html:has(.appShell){background:#eef3fa}body .appShell{background-color:#0000;background-image:radial-gradient(55rem 38rem at 8% -12%,#6096ff4d,#0000 62%),radial-gradient(48rem 34rem at 100% 4%,#a78bfa38,#0000 60%),radial-gradient(60rem 40rem at 45% 115%,#38bdf833,#0000 62%),linear-gradient(#f3f6fb,#eef3fa);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}body .appShell .card,body .appShell .settingsPanel,body .appShell .invoiceCard,body .appShell .invoiceEmpty,body .appShell .quoteList,body .appShell .appointmentWorkspace,body .appShell .bookingPanel,body .appShell .reportSummary article,body .appShell .reportRows article,body .appShell .todayBoard,body .appShell .dashboardPanel,body .appShell .businessOverview,body .appShell .dashboardDisclosure,body .appShell .customerList,body .appShell .fleetList,body .appShell .leadList,body .appShell .customerForm,body .appShell .timelineLog,body .appShell .metricCard,body .appShell .quickActions a,body .appShell .invoiceSummary button,body .appShell .profileTile,body .appShell .fleetStats>div,body .appShell .reportFilters,body .appShell .emptyReport,body .appShell .newInvoice,body .appShell .todaySectionEditing{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#ffffff9e;border:1px solid #ffffffbf;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1018280a,0 10px 30px #1e408c14}body .appShell .card .card,body .appShell .todayBoard .boardSummary,body .appShell .card .timelineLog,body .appShell .card .profilePanel{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#ffffff8c;border-color:#1018280f}body .appShell .quickActions a:hover,body .appShell .metricCard:hover,body .appShell .invoiceSummary button:hover{background:#ffffffd1;border-color:#1b5fd040}body .appShell .profileTile:hover{background:#ffffffd1}body .appShell .profileTile.on{background:#1b5fd01f;border-color:#1b5fd059}body .appShell input,body .appShell select,body .appShell textarea{background:#ffffffc7;border-color:#1018281f}body .appShell input:focus,body .appShell select:focus,body .appShell textarea:focus{background:#fff}body .appShell button,body .appShell .buttonLink,body .appShell .uiPrimary{color:#fff;background:linear-gradient(#3d7ef0,#1b5fd0);border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff59,0 1px 2px #1018281f,0 6px 18px #1b5fd038}body .appShell button:where(:hover:not(:disabled)),body .appShell .buttonLink:hover,body .appShell .uiPrimary:hover{color:#fff;background:linear-gradient(#3572e0,#1849a9)}body .appShell .secondaryAction,body .appShell .linkButton,body .appShell .invoiceActions button,body .appShell .invoiceActions a,body .appShell .settingsServiceActions button,body .appShell .paymentActions button,body .appShell .calendarControls button,body .appShell .jobQuickActions a{color:var(--df-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #1018281a;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1018280d}body .appShell .secondaryAction:hover,body .appShell .linkButton:hover,body .appShell .invoiceActions button:hover,body .appShell .invoiceActions a:hover{color:var(--df-text);background:#fffffff2}body .appShell .dangerAction:not(:disabled){color:var(--df-bad);background:#ffffffb3;border:1px solid #d92d2040}body .appShell h1{letter-spacing:-.03em;font-weight:750}body .appShell h2{letter-spacing:-.015em}html[data-font=inter]{--df-font-ui:Inter,ui-sans-serif,system-ui,sans-serif;--df-font-display:Inter,ui-sans-serif,system-ui,sans-serif}html[data-font=roboto]{--df-font-ui:Roboto,ui-sans-serif,system-ui,sans-serif;--df-font-display:Roboto,ui-sans-serif,system-ui,sans-serif}html[data-font=open-sans]{--df-font-ui:"Open Sans",ui-sans-serif,system-ui,sans-serif;--df-font-display:"Open Sans",ui-sans-serif,system-ui,sans-serif}html[data-font=lato]{--df-font-ui:Lato,ui-sans-serif,system-ui,sans-serif;--df-font-display:Lato,ui-sans-serif,system-ui,sans-serif}html[data-font=poppins]{--df-font-ui:Poppins,ui-sans-serif,system-ui,sans-serif;--df-font-display:Poppins,ui-sans-serif,system-ui,sans-serif}html[data-font=montserrat]{--df-font-ui:Montserrat,ui-sans-serif,system-ui,sans-serif;--df-font-display:Montserrat,ui-sans-serif,system-ui,sans-serif}html[data-font=nunito]{--df-font-ui:Nunito,ui-sans-serif,system-ui,sans-serif;--df-font-display:Nunito,ui-sans-serif,system-ui,sans-serif}html[data-font=source-sans]{--df-font-ui:"Source Sans 3",ui-sans-serif,system-ui,sans-serif;--df-font-display:"Source Sans 3",ui-sans-serif,system-ui,sans-serif}html[data-font=system]{--df-font-ui:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--df-font-display:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}html[data-font] body .appShell,html[data-font] body .appShell :is(button,input,select,textarea,h1,h2,h3,h4,strong,small,p,a,span,label,td,th){font-family:var(--df-font-ui)}html[data-font] body .appShell :is(h1,h2,h3){font-family:var(--df-font-display)}
html[data-theme=dark]{--df-bg:#0b1015;--df-panel:#121a22;--df-raised:#19242e;--df-line:#263441;--df-line-soft:#1c2833;--df-text:#e9eef2;--df-muted:#8b9dae;--df-accent:#6db4ff;--df-accent-deep:#1b5fd0;--df-on-accent:#fff;--df-good:#5bd6a0;--df-warn:#f0a35e;--df-bad:#ff7b72;--df-info:#7fb0ff;--df-violet:#a5a0ff;--df-teal:#58d3e0;--df-font-ui:Figtree,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--df-font-display:"Bricolage Grotesque",Figtree,ui-sans-serif,system-ui,sans-serif;--df-edge:inset 0 1px 0 #ffffff12;--df-nav-current:#6db4ff24;--df-nav-bar:#10171e9e;--df-nav-line:#ffffff14;--df-nav-edge:#ffffff12;--df-nav-shadow:#0000008c;--df-nav-scrim:#03060999}html[data-theme=dark]:has(.appShell){background:var(--df-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body:has(.appShell){background:var(--df-bg);color:var(--df-text)}html[data-theme=dark] body .appShell{background:radial-gradient(60rem 28rem at 0 -6rem,#16303a55,transparent 70%),var(--df-bg);color:var(--df-text);font-family:var(--df-font-ui)}html[data-theme=dark] body .appShell h1,html[data-theme=dark] body .appShell h2,html[data-theme=dark] body .appShell h3{color:var(--df-text);font-family:var(--df-font-display);letter-spacing:-.02em;font-weight:700}html[data-theme=dark] body .appShell h1{font-size:clamp(1.7rem,5.4vw,2.4rem);line-height:1.1}html[data-theme=dark] body .appShell h2{font-size:1.2rem}html[data-theme=dark] body .appShell p,html[data-theme=dark] body .appShell li{color:var(--df-muted)}html[data-theme=dark] body .appShell strong{color:var(--df-text)}html[data-theme=dark] body .appShell small{color:var(--df-muted)}html[data-theme=dark] body .appShell a{color:var(--df-accent)}html[data-theme=dark] body .appShell a:hover{color:#9cccff;text-decoration:none}html[data-theme=dark] body .appShell label{color:var(--df-text);font-weight:600}html[data-theme=dark] body .appShell .eyebrow,html[data-theme=dark] body .appShell .quoteEyebrow{display:none}html[data-theme=dark] body .appShell hr{border:0;border-top:1px solid var(--df-line)}html[data-theme=dark] body .appShell :focus-visible{outline:2px solid var(--df-accent);outline-offset:3px}html[data-theme=dark] body .appShell .card,html[data-theme=dark] body .appShell .table,html[data-theme=dark] body .appShell .fleetVehicleTable,html[data-theme=dark] body .appShell .customerCard,html[data-theme=dark] body .appShell .inlineForm,html[data-theme=dark] body .appShell .dashboardPanel,html[data-theme=dark] body .appShell .todayBoard,html[data-theme=dark] body .appShell .calendarPanel,html[data-theme=dark] body .appShell .uiDisclosure,html[data-theme=dark] body .appShell .dashboardDisclosure,html[data-theme=dark] body .appShell .quoteHeader,html[data-theme=dark] body .appShell .uiEmpty{background:linear-gradient(180deg,#16212b,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge),0 10px 26px #00000047;color:var(--df-text);border-radius:18px}html[data-theme=dark] body .appShell .uiEmpty{box-shadow:none;color:var(--df-muted);border-style:dashed}html[data-theme=dark] body .appShell .row,html[data-theme=dark] body .appShell .panelHeader,html[data-theme=dark] body .appShell .dashboardRow,html[data-theme=dark] body .appShell .invoiceRow{border-color:var(--df-line-soft)}html[data-theme=dark] body .appShell .row span,html[data-theme=dark] body .appShell .table>.row span,html[data-theme=dark] body .appShell .table>.row small{color:var(--df-muted)}html[data-theme=dark] body .appShell .table>.row:hover,html[data-theme=dark] body .appShell .table>button.row:hover{background:var(--df-raised)}html[data-theme=dark] body .appShell .table>button.row,html[data-theme=dark] body .appShell .table>button.row:hover{color:var(--df-text);box-shadow:none}html[data-theme=dark] body .appShell .table>button.row{background:0 0}html[data-theme=dark] body .appShell .customerCard{color:var(--df-text)}html[data-theme=dark] body .appShell .customerCard:hover{border-color:var(--df-accent-deep);box-shadow:var(--df-edge),0 12px 28px #0006;transform:none}html[data-theme=dark] body .appShell .customerName{color:var(--df-text)}html[data-theme=dark] body .appShell .customerAction{color:var(--df-accent)}html[data-theme=dark] body .appShell input,html[data-theme=dark] body .appShell select,html[data-theme=dark] body .appShell textarea{color:var(--df-text);border:1px solid var(--df-line);min-height:46px;font-family:var(--df-font-ui);background:#0d141a;border-radius:12px}html[data-theme=dark] body .appShell input::placeholder,html[data-theme=dark] body .appShell textarea::placeholder{color:#5d6f80}html[data-theme=dark] body .appShell input:hover,html[data-theme=dark] body .appShell select:hover,html[data-theme=dark] body .appShell textarea:hover{border-color:#3a4c5c}html[data-theme=dark] body .appShell input:focus,html[data-theme=dark] body .appShell select:focus,html[data-theme=dark] body .appShell textarea:focus{border-color:var(--df-accent);box-shadow:0 0 0 3px #50a0ff47}html[data-theme=dark] body .appShell input[type=checkbox],html[data-theme=dark] body .appShell input[type=radio]{accent-color:var(--df-accent);min-height:0}html[data-theme=dark] body .appShell option{background:var(--df-panel);color:var(--df-text)}html[data-theme=dark] body .appShell .boardControls input,html[data-theme=dark] body .appShell .boardControls select{color:var(--df-text);border-color:var(--df-line);background:#0d141a}html[data-theme=dark] body .appShell button,html[data-theme=dark] body .appShell .buttonLink,html[data-theme=dark] body .appShell .uiPrimary{background:linear-gradient(180deg,#2f86f5,var(--df-accent-deep));color:var(--df-on-accent);min-height:46px;font-weight:700;font-family:var(--df-font-ui);border:0;border-radius:12px;box-shadow:inset 0 1px #ffffff47,0 6px 16px #2878f052}html[data-theme=dark] body .appShell button:where(:hover:not(:disabled)),html[data-theme=dark] body .appShell .buttonLink:hover,html[data-theme=dark] body .appShell .uiPrimary:hover{color:var(--df-on-accent);background:linear-gradient(#4a9bff,#1b5fd0);text-decoration:none;box-shadow:inset 0 1px #fff6,0 8px 20px #2878f06b}html[data-theme=dark] body .appShell button:disabled{opacity:.45}html[data-theme=dark] body .appShell .secondaryAction,html[data-theme=dark] body .appShell .invoiceActions button,html[data-theme=dark] body .appShell .invoiceActions a,html[data-theme=dark] body .appShell .settingsServiceActions button,html[data-theme=dark] body .appShell .linkButton,html[data-theme=dark] body .appShell .paymentActions button,html[data-theme=dark] body .appShell .calendarControls button,html[data-theme=dark] body .appShell .jobQuickActions a,html[data-theme=dark] body .appShell .invoiceSummary button{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line);box-shadow:var(--df-edge)}html[data-theme=dark] body .appShell .secondaryAction:hover,html[data-theme=dark] body .appShell .invoiceActions button:hover,html[data-theme=dark] body .appShell .invoiceActions a:hover,html[data-theme=dark] body .appShell .settingsServiceActions button:hover,html[data-theme=dark] body .appShell .linkButton:hover,html[data-theme=dark] body .appShell .paymentActions button:hover,html[data-theme=dark] body .appShell .calendarControls button:hover,html[data-theme=dark] body .appShell .jobQuickActions a:hover,html[data-theme=dark] body .appShell .invoiceSummary button:hover{color:var(--df-text);box-shadow:var(--df-edge);background:#22303c}html[data-theme=dark] body .appShell .paymentActions button[type=submit]{background:linear-gradient(180deg,#2f86f5,var(--df-accent-deep));color:var(--df-on-accent);border:0}html[data-theme=dark] body .appShell .invoiceSummary button span,html[data-theme=dark] body .appShell .invoiceSummary button small{color:var(--df-muted)}html[data-theme=dark] body .appShell .boardRefresh{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line);box-shadow:var(--df-edge)}html[data-theme=dark] body .appShell .boardRefresh:hover:not(:disabled){color:var(--df-text);background:#22303c}html[data-theme=dark] body .appShell .error{color:#ffb4ae;background:#2a1515;border:1px solid #5b2a2a}html[data-theme=dark] body .appShell .notice,html[data-theme=dark] body .appShell .uiNotice{color:var(--df-good);background:#10261e;border:1px solid #1f4a39;border-radius:12px;padding:12px 14px}html[data-theme=dark] body .appShell .billingBanner{color:var(--df-text);border-bottom:1px solid var(--df-line);background:#16232d}html[data-theme=dark] body .appShell .billingBanner a{color:var(--df-accent);font-weight:700}html[data-theme=dark] body .appShell .billingBannerWarn{color:#ffd79a;background:#2c2111;border-color:#5a4220}html[data-theme=dark] body .appShell .loadingPlaceholder{background:var(--df-panel)}html[data-theme=dark] body .appShell .dashboardHeader h1{font-size:clamp(1.7rem,5.6vw,2.5rem)}html[data-theme=dark] body .appShell .dashboardIntro{color:var(--df-muted)}html[data-theme=dark] body .appShell .dashboard .metricCard,html[data-theme=dark] body .appShell .metricCard{background:linear-gradient(180deg,#16212b,var(--df-panel));color:var(--df-text);border:1px solid var(--df-line);box-shadow:var(--df-edge)}html[data-theme=dark] body .appShell .dashboard .metricCard:hover{border-color:var(--df-accent-deep);transform:none}html[data-theme=dark] body .appShell .metricCard span{color:var(--df-muted);opacity:1;font-weight:600}html[data-theme=dark] body .appShell .metricCard strong{font-family:var(--df-font-display);color:var(--df-text);font-weight:800}html[data-theme=dark] body .appShell .metricCard small{color:var(--df-muted)}html[data-theme=dark] body .appShell .quickActions a{background:linear-gradient(180deg,#16212b,var(--df-panel));border:1px solid var(--df-line);color:var(--df-text);box-shadow:var(--df-edge);border-radius:16px}html[data-theme=dark] body .appShell .quickActions a:hover{border-color:var(--df-accent-deep);text-decoration:none}html[data-theme=dark] body .appShell .quickActions span{color:var(--df-muted)}html[data-theme=dark] body .appShell .dashboardDisclosure>summary,html[data-theme=dark] body .appShell .uiDisclosure>summary,html[data-theme=dark] body .appShell .recordActions>summary{color:var(--df-text)}html[data-theme=dark] body .appShell .dashboardDisclosure>summary span{color:var(--df-muted)}html[data-theme=dark] body .appShell .uiDisclosure[open]>summary{border-color:var(--df-line)}html[data-theme=dark] body .appShell .dashboardRow{color:var(--df-text)}html[data-theme=dark] body .appShell .dashboardRow:hover strong,html[data-theme=dark] body .appShell .invoiceRow:hover strong{color:var(--df-accent)}html[data-theme=dark] body .appShell .dashboardRow time,html[data-theme=dark] body .appShell .dashboardRow small,html[data-theme=dark] body .appShell .invoiceRow small{color:var(--df-muted)}html[data-theme=dark] body .appShell .invoiceRow{color:var(--df-text)}html[data-theme=dark] body .appShell .panelHeader a{color:var(--df-accent)}html[data-theme=dark] body .appShell .emptyPanel{color:var(--df-muted)}html[data-theme=dark] body .appShell .emptyPanel strong{color:var(--df-text)}html[data-theme=dark] body .appShell .boardSummary{border:1px solid var(--df-line-soft);color:var(--df-muted);background:#0d141a;border-radius:14px}html[data-theme=dark] body .appShell .boardSummary strong{color:var(--df-text);font-family:var(--df-font-display)}html[data-theme=dark] body .appShell .boardInvoices{border-color:var(--df-line)}html[data-theme=dark] body .appShell .boardHint{color:var(--df-muted)}html[data-theme=dark] body .appShell .boardJobAction small{color:var(--df-accent)}html[data-theme=dark] body .appShell .leadAvatar{color:var(--df-accent);background:#12233d;border:1px solid #24456f}html[data-theme=dark] body .appShell .statusPill{color:var(--df-text);border:1px solid var(--df-line);background:#1f2b36;font-weight:600}html[data-theme=dark] body .appShell .status-new{color:#c5d1dc;background:#1f2b36}html[data-theme=dark] body .appShell .status-confirmed{color:var(--df-info);background:#14283f;border-color:#25456b}html[data-theme=dark] body .appShell .status-in_progress{color:var(--df-violet);background:#1d1b3d;border-color:#38347a}html[data-theme=dark] body .appShell .status-completed{color:var(--df-good);background:#0f2a21;border-color:#1f5440}html[data-theme=dark] body .appShell .jobProgress li{border-color:var(--df-line);color:var(--df-muted)}html[data-theme=dark] body .appShell .jobProgress li[data-complete=true]{border-color:var(--df-good);color:var(--df-good)}html[data-theme=dark] body .appShell .jobProgress li[aria-current=step]{border-color:var(--df-accent);color:var(--df-accent)}html[data-theme=dark] body .appShell .calendarGrid,html[data-theme=dark] body .appShell .calendarWeekday,html[data-theme=dark] body .appShell .calendarDay{border-color:var(--df-line)}html[data-theme=dark] body .appShell .calendarWeekday{color:var(--df-muted);background:#0f171e}html[data-theme=dark] body .appShell .calendarBlank{background:#0d141a}html[data-theme=dark] body .appShell .calendarToday{background:#1b2a35}html[data-theme=dark] body .appShell .calendarDate,html[data-theme=dark] body .appShell .calendarLegend,html[data-theme=dark] body .appShell .calendarFootnote{color:var(--df-muted)}html[data-theme=dark] body .appShell .calendarRequested{color:#ffb4ae;border-left-color:var(--df-bad);background:#2f1a1d}html[data-theme=dark] body .appShell .calendarScheduled{color:var(--df-good);border-left-color:var(--df-good);background:#10281f}html[data-theme=dark] body .appShell .calendarEvent button{color:#ffb4ae;box-shadow:none;background:#3a2326;border:1px solid #5b2a2a;min-height:0}html[data-theme=dark] body .appShell .paymentForm{background:var(--df-panel);border:1px solid var(--df-line);color:var(--df-text)}html[data-theme=dark] body .appShell .paymentOverlay{background:#030609b3}html[data-theme=dark] body .appShell .invoiceActionsDisclosure{border-color:var(--df-line)}@media (max-width:720px){html[data-theme=dark] body .appShell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}html[data-theme=dark] body .appShell .main,html[data-theme=dark] body .appShell .container{padding:20px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left))}}@media (max-width:600px){html[data-theme=dark] body .appShell .dashboardRow{grid-template-columns:78px minmax(0,1fr)}html[data-theme=dark] body .appShell .dashboardRow time{white-space:nowrap}html[data-theme=dark] body .appShell .dashboardRow .statusPill{grid-column:2;justify-self:start}}html[data-theme=dark] body .appShell .invoiceEyebrow{display:none}html[data-theme=dark] body .appShell .appointmentsPage{color:var(--df-text)}html[data-theme=dark] body .appShell .appointmentsHeader p,html[data-theme=dark] body .appShell .bookingHeading p,html[data-theme=dark] body .appShell .appointmentHint,html[data-theme=dark] body .appShell .appointmentFootnote,html[data-theme=dark] body .appShell .appointmentWhen time,html[data-theme=dark] body .appShell .appointmentEmpty,html[data-theme=dark] body .appShell .appointmentEmpty p,html[data-theme=dark] body .appShell .appointmentResults>span,html[data-theme=dark] body .appShell .appointmentCard .appointmentMeta,html[data-theme=dark] body .appShell .bookingExtras summary span{color:var(--df-muted)}html[data-theme=dark] body .appShell .appointmentEmpty h3{color:var(--df-text)}html[data-theme=dark] body .appShell .appointmentWorkspace,html[data-theme=dark] body .appShell .bookingPanel{background:linear-gradient(180deg,#16212b,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge),0 10px 26px #00000047;border-radius:18px}html[data-theme=dark] body .appShell .bookingPanel{border-top:3px solid var(--df-accent-deep)}html[data-theme=dark] body .appShell .appointmentsPage .appointmentPrimary,html[data-theme=dark] body .appShell .appointmentStatusEditor>button{background:linear-gradient(180deg,#2f86f5,var(--df-accent-deep));color:#fff}html[data-theme=dark] body .appShell .appointmentsPage .appointmentSecondary{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line)}html[data-theme=dark] body .appShell .appointmentsPage .appointmentText{color:var(--df-accent);box-shadow:none;background:0 0;min-height:0}html[data-theme=dark] body .appShell .bookingExtras summary,html[data-theme=dark] body .appShell .appointmentStatusEditor summary{color:var(--df-accent)}html[data-theme=dark] body .appShell .depositHint{border:1px solid var(--df-line-soft);color:var(--df-muted);background:#0d141a}html[data-theme=dark] body .appShell .appointmentSuccess{color:var(--df-good);background:#10261e;border:1px solid #1f4a39}html[data-theme=dark] body .appShell .appointmentViewSwitch{border:1px solid var(--df-line-soft);background:#0d141a}html[data-theme=dark] body .appShell .appointmentViewSwitch button{color:var(--df-muted);box-shadow:none;background:0 0}html[data-theme=dark] body .appShell .appointmentViewSwitch button[aria-pressed=true]{background:var(--df-raised);color:var(--df-text);box-shadow:var(--df-edge)}html[data-theme=dark] body .appShell .appointmentFilters{border:1px solid var(--df-line-soft);background:#0d141a}html[data-theme=dark] body .appShell .appointmentCard{border-color:var(--df-line-soft)}html[data-theme=dark] body .appShell .appointmentOpen{border:1px solid var(--df-line);background:var(--df-raised);color:var(--df-text)}html[data-theme=dark] body .appShell .appointmentStatus{color:#c5d1dc;border:1px solid var(--df-line);background:#1f2b36}html[data-theme=dark] body .appShell .appointmentStatus.status-in_progress{color:var(--df-violet);background:#1d1b3d;border-color:#38347a}html[data-theme=dark] body .appShell .appointmentStatus.status-completed{color:var(--df-good);background:#0f2a21;border-color:#1f5440}html[data-theme=dark] body .appShell .appointmentStatus.status-requested,html[data-theme=dark] body .appShell .appointmentStatus.status-proposed{color:var(--df-info);background:#14283f;border-color:#25456b}html[data-theme=dark] body .appShell .invoiceHeader p,html[data-theme=dark] body .appShell .invoiceIdentity p,html[data-theme=dark] body .appShell .invoiceIdentity small,html[data-theme=dark] body .appShell .invoiceState small,html[data-theme=dark] body .appShell .invoiceAmounts span,html[data-theme=dark] body .appShell .invoiceSummary span,html[data-theme=dark] body .appShell .invoiceSummary small,html[data-theme=dark] body .appShell .invoiceEmpty{color:var(--df-muted)}html[data-theme=dark] body .appShell .invoiceAmounts strong,html[data-theme=dark] body .appShell .invoiceEmpty strong,html[data-theme=dark] body .appShell .invoiceSummary strong{color:var(--df-text)}html[data-theme=dark] body .appShell .invoiceCard,html[data-theme=dark] body .appShell .invoiceEmpty{background:linear-gradient(180deg,#16212b,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge),0 8px 22px #00000040;border-radius:18px}html[data-theme=dark] body .appShell .invoiceEmpty{box-shadow:none;border-style:dashed}html[data-theme=dark] body .appShell .invoiceSummary button{background:linear-gradient(180deg,#16212b,var(--df-panel) 60%);border:1px solid var(--df-line);color:var(--df-text);border-radius:16px}html[data-theme=dark] body .appShell .invoiceSummary button:hover{border-color:var(--df-accent-deep);background:linear-gradient(180deg,#16212b,var(--df-panel) 60%);box-shadow:var(--df-edge)}html[data-theme=dark] body .appShell .invoiceFilters button{background:var(--df-raised);color:var(--df-muted);border:1px solid var(--df-line);box-shadow:none;border-radius:99px;min-height:40px}html[data-theme=dark] body .appShell .invoiceFilters button.selected,html[data-theme=dark] body .appShell .invoiceActions .recordPayment{background:linear-gradient(180deg,#2f86f5,var(--df-accent-deep));color:#fff;border-color:#0000}html[data-theme=dark] body .appShell .invoiceActions a,html[data-theme=dark] body .appShell .invoiceActions button{align-items:center;min-height:40px;display:inline-flex}html[data-theme=dark] body .appShell .invoicePrimaryAction{background:linear-gradient(180deg,#2f86f5,var(--df-accent-deep));color:#fff;border-radius:12px;min-height:46px}html[data-theme=dark] body .appShell .invoiceNotice.success{color:var(--df-good);background:#10261e;border:1px solid #1f4a39}html[data-theme=dark] body .appShell .invoiceNotice.error{color:#ffb4ae;background:#2a1515;border:1px solid #5b2a2a}html[data-theme=dark] body .appShell .invoiceBadge{border:1px solid var(--df-line)}html[data-theme=dark] body .appShell .draft{color:#c5d1dc;background:#1f2b36}html[data-theme=dark] body .appShell .sent{color:var(--df-info);background:#14283f;border-color:#25456b}html[data-theme=dark] body .appShell .financial-unpaid{color:#ffd79a;background:#2c2111;border-color:#5a4220}html[data-theme=dark] body .appShell .financial-partially_paid{color:var(--df-info);background:#14283f;border-color:#25456b}html[data-theme=dark] body .appShell .financial-paid{color:var(--df-good);background:#0f2a21;border-color:#1f5440}html[data-theme=dark] body .appShell .financial-overdue{color:#ffb4ae;background:#2a1515;border-color:#5b2a2a}html[data-theme=dark] body .appShell .paymentForm label,html[data-theme=dark] body .appShell .paymentForm label small,html[data-theme=dark] body .appShell .paymentForm p{color:var(--df-muted)}html[data-theme=dark] body .appShell .paymentForm h2{color:var(--df-text)}html[data-theme=dark] body .appShell .paymentForm input,html[data-theme=dark] body .appShell .paymentForm select{color:var(--df-text);border:1px solid var(--df-line);background:#0d141a}html[data-theme=dark] body .appShell .paymentActions button{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line)}html[data-theme=dark] body .appShell .paymentMetrics small,html[data-theme=dark] body .appShell .paymentSection small,html[data-theme=dark] body .appShell .paymentSection th{color:var(--df-muted)}html[data-theme=dark] body .appShell .paymentSection th,html[data-theme=dark] body .appShell .paymentSection td{border-bottom-color:var(--df-line-soft)}html[data-theme=dark] body .appShell .paymentMetrics strong{font-family:var(--df-font-display)}html[data-theme=dark] body .appShell .paymentSection td:before{color:var(--df-muted)}html[data-theme=dark] body .appShell .quoteHeader{background:linear-gradient(120deg,#0f2a52,#16212b 70%);border:1px solid #24456f}html[data-theme=dark] body .appShell .quoteHeader h1{color:#fff}html[data-theme=dark] body .appShell .quoteHeader p{color:#b9cbe0}html[data-theme=dark] body .appShell .quoteList{background:linear-gradient(180deg,#16212b,var(--df-panel) 60%);border:1px solid var(--df-line);border-radius:18px}html[data-theme=dark] body .appShell .quoteNav a,html[data-theme=dark] body .appShell .quoteRow small{color:var(--df-muted)}html[data-theme=dark] body .appShell .quoteRow button{min-height:40px}html[data-theme=dark] body .appShell .reports{color:var(--df-text)}html[data-theme=dark] body .appShell .reports header p,html[data-theme=dark] body .appShell .reportNote,html[data-theme=dark] body .appShell .reportSummary span,html[data-theme=dark] body .appShell .reportTitle small,html[data-theme=dark] body .appShell .reportRows dt,html[data-theme=dark] body .appShell .reportFilterActions>span,html[data-theme=dark] body .appShell .reportCounts,html[data-theme=dark] body .appShell .reportExplanation .reportNote{color:var(--df-muted)}html[data-theme=dark] body .appShell .reports .back,html[data-theme=dark] body .appShell .rowLink,html[data-theme=dark] body .appShell .reportAdvanced>summary,html[data-theme=dark] body .appShell .reportExplanation>summary{color:var(--df-accent)}html[data-theme=dark] body .appShell .reportFilters,html[data-theme=dark] body .appShell .categoryEditor,html[data-theme=dark] body .appShell .emptyReport{border:1px solid var(--df-line);background:#0f171e;border-radius:18px}html[data-theme=dark] body .appShell .reportSummary article,html[data-theme=dark] body .appShell .reportRows article{background:linear-gradient(180deg,#16212b,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge);border-radius:16px}html[data-theme=dark] body .appShell .reportSummary strong{font-family:var(--df-font-display);color:var(--df-text)}html[data-theme=dark] body .appShell .reports input,html[data-theme=dark] body .appShell .reports select{color:var(--df-text);border:1px solid var(--df-line);background:#0d141a}html[data-theme=dark] body .appShell .reports button,html[data-theme=dark] body .appShell .reports .reportButton{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line);box-shadow:var(--df-edge)}html[data-theme=dark] body .appShell .reports button:hover:not(:disabled){color:var(--df-text);background:#22303c}html[data-theme=dark] body .appShell .reports .primary,html[data-theme=dark] body .appShell .reportMenuList button[aria-pressed=true]{background:linear-gradient(180deg,#2f86f5,var(--df-accent-deep));color:#fff;border-color:#0000}html[data-theme=dark] body .appShell .reportMenuList{background:var(--df-panel);border:1px solid var(--df-line);box-shadow:0 20px 50px #0000008c}html[data-theme=dark] body .appShell .reports .reportMenuList button{box-shadow:none;background:0 0;border:0}html[data-theme=dark] body .appShell .reportMenuList button:hover{background:var(--df-raised)}html[data-theme=dark] body .appShell .reportMenuList button[aria-pressed=true]:hover{background:var(--df-accent-deep)}html[data-theme=dark] body .appShell .reportAdvanced{border-color:var(--df-line)}html[data-theme=dark] body .appShell .filterCount{color:var(--df-info);background:#14283f}html[data-theme=dark] body .appShell .reportError{color:#ffb4ae;background:#2a1515;border:1px solid #5b2a2a}html[data-theme=dark] body .appShell .previewNote{border-color:var(--df-line)}html[data-theme=dark] body .appShell .settingsPanel{background:linear-gradient(180deg,#16212b,var(--df-panel) 60%);border:1px solid var(--df-line);box-shadow:var(--df-edge),0 10px 26px #00000047;color:var(--df-text);border-radius:18px}html[data-theme=dark] body .appShell .settingsService{border-color:var(--df-line-soft)}html[data-theme=dark] body .appShell .settingsService p,html[data-theme=dark] body .appShell .settingsService small,html[data-theme=dark] body .appShell .settingsPage header p:last-child{color:var(--df-muted)}html[data-theme=dark] body .appShell .settingsEditor input:not([type=checkbox]),html[data-theme=dark] body .appShell .settingsEditor textarea{border:1px solid var(--df-line);border-radius:12px}html[data-theme=dark] body .appShell .settingsError{color:#ffb4ae}html[data-theme=dark] body .appShell .settingsNotice{color:var(--df-good)}html[data-theme=dark] body .appShell .jobSteps li{color:var(--df-muted)}html[data-theme=dark] body .appShell .jobSteps span{background:var(--df-raised);color:var(--df-muted);border:1px solid var(--df-line)}html[data-theme=dark] body .appShell .jobSteps [aria-current=step]{color:var(--df-text)}html[data-theme=dark] body .appShell .jobSteps [aria-current=step] span{background:linear-gradient(180deg,#2f86f5,var(--df-accent-deep));color:#fff;border-color:#0000}html[data-theme=dark] body .appShell .jobWizard fieldset,html[data-theme=dark] body .appShell .wizardInset,html[data-theme=dark] body .appShell .wizardSummary{border:1px solid var(--df-line);background:#0f171e;border-radius:14px}html[data-theme=dark] body .appShell .wizardService,html[data-theme=dark] body .appShell .wizardFooter{border-color:var(--df-line-soft)}html[data-theme=dark] body .appShell .wizardService small,html[data-theme=dark] body .appShell .newJob .hint{color:var(--df-muted)}html[data-theme=dark] body .appShell .newJob button.quiet{background:var(--df-raised);color:var(--df-text);border:1px solid var(--df-line);box-shadow:var(--df-edge)}html[data-theme=dark] body .appShell .newJob summary{color:var(--df-accent)}html[data-theme=dark] body .appShell .wizardTotal{color:var(--df-text)}html[data-theme=dark] body .appShell .teamSeats,html[data-theme=dark] body .appShell .teamRoleHelp small,html[data-theme=dark] body .appShell .todayCustomizeBar p{color:var(--df-muted)}html[data-theme=dark] body .appShell .todaySectionEditing{background:linear-gradient(180deg,#16212b,var(--df-panel));border-color:var(--df-line);box-shadow:var(--df-edge)}html[data-theme=dark] body .appShell .todaySectionEditing small{color:var(--df-muted);font-weight:500}html[data-theme=dark] body .appShell .todaySectionControls button[aria-pressed=true]{border-color:var(--df-accent-deep);color:var(--df-accent)}html[data-theme=dark] body .appShell .dangerAction{color:#f97066;border-color:#f9706673}html[data-theme=dark] body .appShell .deleteConfirm{color:#f97066}html[data-theme=dark]:has(.appShell){background:#0a0f14}html[data-theme=dark] body .appShell{background-color:#0a0f14;background-image:radial-gradient(55rem 38rem at 8% -12%,#3878ff38,#0000 62%),radial-gradient(48rem 34rem at 100% 4%,#8b5cf629,#0000 60%),radial-gradient(60rem 40rem at 45% 115%,#0ea5e91f,#0000 62%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}html[data-theme=dark] body .appShell .card,html[data-theme=dark] body .appShell .settingsPanel,html[data-theme=dark] body .appShell .invoiceCard,html[data-theme=dark] body .appShell .invoiceEmpty,html[data-theme=dark] body .appShell .quoteList,html[data-theme=dark] body .appShell .appointmentWorkspace,html[data-theme=dark] body .appShell .bookingPanel,html[data-theme=dark] body .appShell .reportSummary article,html[data-theme=dark] body .appShell .reportRows article,html[data-theme=dark] body .appShell .todayBoard,html[data-theme=dark] body .appShell .dashboardPanel,html[data-theme=dark] body .appShell .businessOverview,html[data-theme=dark] body .appShell .dashboardDisclosure,html[data-theme=dark] body .appShell .customerList,html[data-theme=dark] body .appShell .fleetList,html[data-theme=dark] body .appShell .leadList,html[data-theme=dark] body .appShell .customerForm,html[data-theme=dark] body .appShell .timelineLog,html[data-theme=dark] body .appShell .metricCard,html[data-theme=dark] body .appShell .quickActions a,html[data-theme=dark] body .appShell .invoiceSummary button,html[data-theme=dark] body .appShell .profileTile,html[data-theme=dark] body .appShell .fleetStats>div,html[data-theme=dark] body .appShell .reportFilters,html[data-theme=dark] body .appShell .emptyReport,html[data-theme=dark] body .appShell .newInvoice,html[data-theme=dark] body .appShell .todaySectionEditing{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);color:var(--df-text);background:#16202a8c;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0f,0 12px 32px #00000059}html[data-theme=dark] body .appShell .card .card,html[data-theme=dark] body .appShell .todayBoard .boardSummary,html[data-theme=dark] body .appShell .card .timelineLog,html[data-theme=dark] body .appShell .card .profilePanel{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#ffffff08;border-color:#ffffff0f}html[data-theme=dark] body .appShell .profileTile.on{background:#6db4ff29;border-color:#6db4ff66}html[data-theme=dark] body .appShell input,html[data-theme=dark] body .appShell select,html[data-theme=dark] body .appShell textarea{color:var(--df-text);background:#0a0f1499;border-color:#ffffff1a}html[data-theme=dark] body .appShell .secondaryAction,html[data-theme=dark] body .appShell .linkButton,html[data-theme=dark] body .appShell .invoiceActions button,html[data-theme=dark] body .appShell .invoiceActions a,html[data-theme=dark] body .appShell .settingsServiceActions button,html[data-theme=dark] body .appShell .paymentActions button,html[data-theme=dark] body .appShell .calendarControls button,html[data-theme=dark] body .appShell .jobQuickActions a{color:var(--df-text);background:#ffffff0f;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff0d}html[data-theme=dark] body .appShell .secondaryAction:hover,html[data-theme=dark] body .appShell .linkButton:hover{color:var(--df-text);background:#ffffff1a}html[data-theme=dark] body .appShell .dangerAction:not(:disabled){color:var(--df-bad);background:#ffffff0f;border:1px solid #ff7b7259}html[data-theme=dark] body .appShell .timelineKinds button,html[data-theme=dark] body .appShell .timelineFilters button,html[data-theme=dark] body .appShell .appointmentViewSwitch button,html[data-theme=dark] body .appShell .newInvoiceMatches button,html[data-theme=dark] body .appShell button.leadCard{color:var(--df-text);box-shadow:none;background:0 0}