:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#22332c;background:#f4f5f1;font-synthesis:none;font-weight:400;line-height:1.5;--green: #19382f;--lime: #d8ed9d;--muted: #778178;--line: #e4e8df;--orange: #9e5c27}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #839e52;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #7c9658;outline-offset:1px}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2;font-weight:650}h2{font-size:18px;font-weight:650;letter-spacing:-.35px}h3{font-size:15px;font-weight:650}small{font-size:12px}button svg{flex-shrink:0}button{color:inherit}fieldset{border:0;margin:0;padding:0;min-width:0}.app-shell{min-height:100vh}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fbfcf8;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 19px 20px;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin:0 5px 51px;font-size:25px;font-weight:700;letter-spacing:-1px}.brand-mark{height:42px;width:42px;background:var(--green);color:var(--lime);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:750;position:relative;line-height:1}.brand-mark span{position:absolute;right:5px;top:2px;font-size:18px}.brand small{display:block;font-size:7px;letter-spacing:1px;font-weight:600;color:#899083;margin-top:2px}.nav-caption{font-size:10px;letter-spacing:1.8px;color:#8b9489;margin:0 14px 15px}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.sidebar-bottom>button{display:flex;align-items:center;gap:12px;padding:13px 15px;background:transparent;border-radius:8px;font-size:13px;color:#637164;text-align:left;width:100%}.sidebar button.active{background:#e8eddf;color:#263e2e;font-weight:650}.nav-count{margin-left:auto;border-radius:5px;min-width:21px;text-align:center;font-size:11px;background:#d9e2ca;padding:1px 4px}.sidebar-bottom{margin-top:auto;padding-top:35px}.workshop-note{border-bottom:1px solid var(--line);padding:20px 10px 25px;margin-bottom:14px;font-size:10px;font-weight:600;color:#51634f}.workshop-note p{font-size:11px;line-height:1.7;margin-top:7px;font-weight:400;color:#8b9486}.dot{display:inline-block;width:6px;height:6px;background:#6f9560;border-radius:50%;flex-shrink:0;margin-right:5px}.dot.amber{background:#b48231}.profile{display:flex;align-items:center;gap:10px;margin:18px 12px 0;font-size:12px;font-weight:600}.profile>span{display:grid;place-items:center;width:34px;height:34px;background:#e7e9df;border-radius:50%;font-size:11px}.profile small{display:block;font-size:10px;color:#8b9486;font-weight:400}.main-shell{margin-left:248px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 42px;background:#fbfcf8}.breadcrumb{display:flex;align-items:center;gap:10px;color:#8c9489;font-size:12px}.breadcrumb span{color:#4c5d4d}.connection{background:transparent;display:flex;align-items:center;gap:7px;color:#687663;font-size:11px}.connection .dot{margin-left:7px}.mobile-menu{display:none!important}main{max-width:1640px;margin:auto;padding:35px 42px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#81916e;margin-bottom:10px}.page-heading>div>p:last-child{font-size:12px;color:var(--muted);margin-top:10px}.heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:7px;font-size:12px;font-weight:600;text-decoration:none}.primary{background:var(--green);color:#f3f8ed;box-shadow:0 2px 2px #19382f10}.primary:hover{background:#2a5144}.secondary{background:#fff;border:1px solid #dfe4d8;color:#465b44}.secondary:hover{background:#f0f4e9}.text-button,.back{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#567044;background:transparent;padding:5px 0}.text-button:hover{text-decoration:underline}.back{margin-bottom:12px;color:#7c8c72;font-size:11px}.local-banner{display:flex;align-items:center;gap:10px;background:#eaf0e2;border:1px solid #dee7d3;padding:10px 14px;font-size:11px;color:#617050;border-radius:6px;margin:0 0 22px}.local-banner>svg{flex-shrink:0}.local-banner strong{font-weight:600}.local-banner button{display:flex;align-items:center;gap:4px;margin-left:auto;background:transparent;font-size:10px;font-weight:650;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:21px 22px 18px;text-align:left;transition:transform .15s}.stat:hover{transform:translateY(-2px)}.stat.lime{background:var(--lime);border-color:#cddf9c}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:550;color:#5b6b51}.stat-top svg{color:#758566}.stat>strong{display:block;font-size:40px;font-weight:600;letter-spacing:-1.6px;line-height:1.25;margin:15px 0 12px}.stat>p{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#89917e}.stat.lime>p{color:#637542}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 24px 20px}.section-heading p{font-size:11px;color:#8b9286;margin-top:5px}.section-heading>.text-button{font-size:10px;white-space:nowrap}.count{font-size:10px;font-weight:500;display:inline-block;vertical-align:middle;background:#eff1eb;border-radius:5px;padding:2px 7px;margin-left:6px;color:#79816f}.parts-labels{display:grid;grid-template-columns:minmax(160px,1fr) 65px 120px 125px 16px;gap:10px;padding:12px 24px;background:#f8f9f5;border-top:1px solid #f0f1ec;border-bottom:1px solid #f0f1ec;font-size:8px;letter-spacing:.9px;color:#929889}.part-row{display:grid;grid-template-columns:34px minmax(80px,1fr) 65px 120px 125px 16px;gap:10px;align-items:center;width:100%;text-align:left;background:#fff;padding:20px 24px;border-bottom:1px solid #edf0e8}.part-row:last-child{border-bottom:0}.part-row:hover{background:#fafbf7}.part-icon{height:33px;width:33px;display:grid;place-items:center;background:#f1f3ec;border:1px solid #e7eadd;color:#8b977e;border-radius:7px}.part-icon.workshop{background:#f5f2e9;border-color:#eeeadd;color:#a49a7b}.part-info{min-width:0}.part-info strong{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;overflow-wrap:anywhere}.part-info small{display:block;margin-top:4px;color:#909889;font-size:10px;line-height:1.5}.urgent-dot{width:5px;height:5px;background:#c88b4f;border-radius:50%;flex-shrink:0}.part-quantity,.part-price{font-size:11px;font-weight:550}.part-quantity small{font-size:9px;color:#919889;font-weight:400}.part-row>svg{color:#a6af9b}.badge{font-size:9px;line-height:1.6;font-weight:550;border-radius:5px;padding:3px 7px;display:inline-block;background:#f0f2ec;color:#7c8573;white-space:nowrap}.badge.orange{background:#fbf0df;color:#a37a3b}.badge.blue{background:#edf2f5;color:#5b7f93}.badge.green{background:#ebf3e4;color:#66814b}.compact .parts-labels{grid-template-columns:minmax(140px,1fr) 42px 80px 16px}.compact .parts-labels>span:nth-child(4),.compact .part-status{display:none}.compact .part-row{grid-template-columns:33px minmax(100px,1fr) 42px 80px 16px;padding:20px}.compact .parts-labels{padding:12px 20px}.compact .part-price{font-size:10px}.compact .part-info small{font-size:9px}.compact .part-quantity{font-size:10px}.job-preview{width:100%;padding:19px 24px;border-top:1px solid var(--line);background:transparent;text-align:left}.job-preview:hover{background:#fafbf7}.job-preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.job-preview-top>svg{color:#9ba58e}.job-preview h3{font-size:13px;margin-bottom:6px}.job-preview p{font-size:10px;color:#8a9580}.job-preview>small{display:block;font-size:10px;color:#a28753;margin-top:15px}.upcoming .section-heading>svg{color:#a0ad92}.quick-strip{margin:25px 0;background:#edf0e5;border:1px solid #e0e6d5;padding:22px 25px;border-radius:9px;display:flex;align-items:center;gap:19px}.quick-icon{border-radius:50%;width:47px;height:47px;display:grid;place-items:center;color:#8b9f6a;border:1px solid #dae2ce;background:#f6f8ef}.quick-strip h3{font-size:13px;color:#556948}.quick-strip p{font-size:11px;color:#8a947c;margin-top:4px}.quick-strip>button{margin-left:auto;font-size:10px}.page-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a0a696;padding-top:25px;margin-top:20px;border-top:1px solid #e5e9de}.page-footer>span:first-child{letter-spacing:1.6px;font-size:8px}.empty{text-align:center;padding:44px 25px;max-width:460px;margin:auto}.empty-icon{display:grid;place-items:center;background:#f2f5eb;color:#91a378;width:57px;height:57px;border-radius:16px;margin:0 auto 17px}.empty h3{font-size:15px}.empty p{font-size:12px;color:#8b9582;line-height:1.8;margin:9px auto 17px;max-width:310px}.empty .secondary,.empty .primary{font-size:11px}.upcoming .empty{padding:34px 23px}.upcoming .empty h3{font-size:13px}.upcoming .empty p{font-size:11px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px}.tabs{display:flex;gap:3px;background:#f2f4ee;padding:4px;border-radius:7px}.tabs button{padding:8px 12px;font-size:11px;background:transparent;color:#86917c;border-radius:5px;white-space:nowrap}.tabs button.selected{background:#fff;box-shadow:0 1px 4px #1d361015;color:#344e32;font-weight:600}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e1e6d9;padding:9px 12px;border-radius:6px;color:#9aa28f}.search input{border:0;outline:0;font-size:11px;min-width:0;width:205px;color:#344630;background:transparent}.list-footer{border-top:1px solid var(--line);padding:14px 24px;font-size:10px;color:#8c9780}.vehicle-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px;font-size:11px;color:#7e8b71}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.vehicle-card{text-align:left;padding:24px;transition:transform .15s}.vehicle-card:hover{transform:translateY(-2px)}.vehicle-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px;color:#91a17d}.car-icon{display:grid;place-items:center;height:59px;width:65px;border-radius:10px;background:#edf1e5;color:#7b9567;flex-shrink:0}.vehicle-card h2{margin-top:10px}.vehicle-card>p{font-size:11px;color:#88957c;margin-top:6px}.vehicle-card footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:22px;padding-top:17px;font-size:10px;color:#8a967e}.vehicle-card footer strong{font-size:13px;color:#3e5436}.archived{opacity:.65}.vehicle-detail{display:grid;gap:23px}.vehicle-summary{padding:25px;display:flex;align-items:center;gap:23px}.vehicle-summary p{font-size:12px;color:#7c8e6c;margin-top:5px}.vehicle-summary small{color:#829174;font-size:10px}.summary-actions{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.cost-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.cost-grid>div{padding:22px;border-right:1px solid var(--line)}.cost-grid>div:last-child{border:0}.cost-grid span,.cost-grid small{display:block;font-size:11px;color:#839174}.cost-grid strong{display:block;font-size:26px;font-weight:600;margin-top:7px;letter-spacing:-.7px}.cost-grid .balance{background:#e4edcf}.cost-grid small{font-size:10px;margin-top:3px}.price-warning{display:flex;align-items:center;gap:8px;font-size:11px;color:#a0753e;margin-top:-10px}.job-list{padding:0 24px 24px;display:grid;gap:16px}.job-card{border:1px solid var(--line);border-radius:8px;padding:20px;background:#fcfdf9;break-inside:avoid}.job-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.job-card h3{margin:9px 0 4px}.job-card small{color:#8a967e;font-size:10px}.job-card>p{font-size:12px;color:#738368;margin-top:15px}.job-card>p strong{font-size:10px;color:#53664b}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.status-select select{padding:7px;border:1px solid #dde5d1;border-radius:6px;font-size:11px;color:#698255;background:#fff;max-width:130px}.job-photos{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.job-photos:empty{display:none}.job-photos button{padding:0;height:85px;width:105px;border-radius:5px;overflow:hidden;background:#edf1e5}.job-photos img{width:100%;height:100%;object-fit:cover}.job-parts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.job-parts button{display:flex;align-items:center;gap:7px;font-size:10px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:6px 9px}.job-actions{display:flex;gap:17px;margin-top:15px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:23px}.account-row{display:flex;align-items:center;gap:12px;padding:18px 24px;border-top:1px solid var(--line);font-size:12px}.account-row>svg{color:#91a27e}.account-row>div{flex:1;min-width:0}.account-row small{display:block;font-size:10px;color:#8d9a81;margin-top:4px}.account-row strong{font-size:12px;font-weight:550}.section-empty{padding:5px 24px 28px;color:#94a086;font-size:12px}.document-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 24px 24px}.document{min-width:0;padding:0;text-align:left;background:#f9fbf5;border:1px solid var(--line);border-radius:7px;overflow:hidden;position:relative}.document img,.pdf-cover{display:block;width:100%;height:135px;object-fit:cover}.pdf-cover{display:flex;align-items:center;justify-content:center;gap:8px;color:#83996e;background:#edf2e3;font-size:11px}.document>span:not(.pdf-cover){display:block;padding:12px 30px 12px 12px}.document strong{font-size:11px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.document small{display:block;font-size:9px;color:#859679;margin-top:4px}.document>svg{position:absolute;right:10px;bottom:25px;color:#8a9c7b}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.settings-card{padding:28px}.settings-card h2{margin:16px 0 10px}.settings-card p{font-size:12px;color:#849078;line-height:1.8;margin-bottom:18px}.section-icon{width:43px;height:43px;display:grid;place-items:center;background:#edf2e4;border-radius:10px;color:#7e9766}.stack{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.settings-card>.primary,.settings-card>.secondary{margin:10px 0}.small{font-size:11px!important}.muted{color:#929d86!important}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.setup-note{border:1px solid var(--line);background:#f8faf3;border-radius:7px;padding:15px;font-size:11px;line-height:2;color:#6e845d}.setup-note svg{vertical-align:middle;margin-right:5px}.setup-note span{font-size:10px;color:#8b997e}.login-form{display:grid;gap:15px;max-width:400px}.auth-panel{max-width:540px;margin:50px auto;padding:40px}.auth-panel h1{font-size:26px}.auth-panel>p{font-size:13px;color:#7e8e6f;margin:15px 0 25px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:6px;padding:7px}.icon-button:hover{background:#edf2e4}dialog{width:min(680px,calc(100% - 26px));max-height:calc(100dvh - 40px);border:0;border-radius:14px;padding:0;box-shadow:0 20px 100px #14241835;color:#30422d;background:#fff}dialog::backdrop{background:#1d2c2475;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-header{position:sticky;top:0;z-index:2;background:#fff;padding:21px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h2{font-size:19px}dialog form{padding:23px 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;font-weight:600;color:#627354}.field input,.field textarea,.field select{border:1px solid #dfe5d6;border-radius:6px;padding:10px 12px;background:#fbfcf8;color:#31442c;width:100%;font-size:13px;min-width:0}.field input[type=file]{font-size:11px;padding:10px 7px}.field input::placeholder,.field textarea::placeholder{color:#a0aa96}.field small{font-size:10px;color:#919e83}.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:9px;font-size:12px;color:#667856}.check input{accent-color:var(--green);width:17px;height:17px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.error{background:#fff1e9;border:1px solid #f0d7c4;color:#a6572d;font-size:12px;padding:12px;border-radius:6px;margin-top:15px}.global-error{display:flex;align-items:center;gap:10px;margin:0 0 20px}.global-error>span{flex:1}.toast{position:fixed;bottom:26px;left:calc(50% + 124px);transform:translate(-50%);background:#234134;color:#f6faed;padding:13px 22px;border-radius:8px;box-shadow:0 5px 20px #19382f20;display:flex;align-items:center;gap:10px;font-size:12px;z-index:100;max-width:calc(100% - 30px)}.restore-confirm{padding:25px;display:grid;gap:20px;font-size:13px}.loading{padding:60px;text-align:center;color:#748869}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-backdrop{display:none}@media(min-width:1600px){main{padding-top:42px}.stats-grid{gap:24px}.stat{padding:25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px}.part-row{padding-top:23px;padding-bottom:23px}}@media(max-width:1250px){.sidebar{width:214px;padding-left:14px;padding-right:14px}.main-shell{margin-left:214px}.topbar{padding:0 27px}main{padding:28px 27px 20px}.brand{font-size:23px}.brand small{font-size:6px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.compact .part-row{grid-template-columns:29px minmax(60px,1fr) 33px 67px 12px;padding:17px 15px;gap:8px}.compact .parts-labels{grid-template-columns:minmax(100px,1fr) 33px 67px 12px;padding:12px 15px;gap:8px}.compact .part-info strong{font-size:11px}.section-heading{padding:20px 18px}.section-heading h2{font-size:16px}.heading-actions{gap:7px}.primary,.secondary{padding:10px 12px;font-size:11px}.page-heading h1{font-size:30px}.stat{padding:19px 17px}.stat-top{font-size:11px}.stat p{font-size:9px}.parts-labels{grid-template-columns:minmax(130px,1fr) 50px 95px 105px 12px}.part-row{grid-template-columns:30px minmax(100px,1fr) 50px 95px 105px 12px;gap:8px;padding:18px}.document-grid{grid-template-columns:repeat(3,1fr)}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.toast{left:calc(50% + 107px)}}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.upcoming{display:none}.page-heading{align-items:flex-start;flex-wrap:wrap}.stats-grid{gap:12px}.compact .part-row{grid-template-columns:33px minmax(100px,1fr) 55px 100px 16px;padding:20px}.compact .parts-labels{grid-template-columns:minmax(140px,1fr) 55px 100px 16px;padding:12px 20px}.compact .part-info strong{font-size:12px}.list-toolbar{align-items:stretch;flex-direction:column}.list-toolbar .search input{width:100%}.parts-labels{display:none}.part-row{grid-template-columns:30px minmax(70px,1fr) 40px 80px 12px}.part-status{grid-column:2;grid-row:2}.part-row>svg{grid-column:5;grid-row:1}.compact .part-row>svg{grid-column:5}.part-row{row-gap:4px}.cost-grid strong{font-size:21px}.cost-grid>div{padding:16px}.settings-grid,.two-columns{grid-template-columns:1fr}.local-banner{flex-wrap:wrap}.local-banner>span{flex:1}.local-banner button{margin-left:26px}.quick-strip p{font-size:10px}.quick-strip{gap:12px;padding:20px}.quick-strip>button{white-space:nowrap}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:248px}.sidebar.is-open{transform:translate(0)}.menu-backdrop{display:block;position:fixed;inset:0;background:#1c342350;z-index:19}.main-shell{margin-left:0}.mobile-menu{display:inline-flex!important}.topbar{height:62px;padding:0 16px;gap:12px;position:sticky;top:0;z-index:10}.breadcrumb{flex:1;font-size:11px}.breadcrumb>span{display:none}.breadcrumb>svg{display:none}.connection{font-size:9px;gap:5px}.connection .dot{margin-left:1px}.connection>svg{width:13px}main{padding:25px 17px 20px}.page-heading{gap:19px;margin-bottom:20px}.page-heading h1{font-size:29px}.page-heading>div>p:last-child{font-size:11px;line-height:1.7}.heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.heading-actions>.primary:only-child{grid-column:1/-1}.heading-actions button{font-size:11px;min-height:44px}.eyebrow{font-size:8px}.local-banner{font-size:10px;padding:11px;margin-bottom:18px;gap:8px}.local-banner button{font-size:9px}.stats-grid{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:19px}.stat{padding:17px}.stat-top{font-size:11px}.stat-top svg{width:18px}.stat>strong{font-size:34px;margin:11px 0 9px}.stat p{font-size:9px}.section-heading{padding:20px 16px}.section-heading h2{font-size:16px}.section-heading p{font-size:10px}.section-heading>.text-button{font-size:9px}.compact .part-row,.part-row{grid-template-columns:30px minmax(0,1fr) 35px 70px;gap:8px;padding:16px}.compact .part-row>svg,.part-row>svg{display:none}.compact .parts-labels{display:none}.compact .part-info strong,.part-info strong{font-size:11px}.compact .part-info small,.part-info small{font-size:9px}.part-price,.compact .part-price{font-size:10px;text-align:right}.part-status{grid-column:2 / -1;grid-row:2}.badge{font-size:9px}.quick-strip{margin:18px 0;flex-wrap:wrap;padding:20px 17px}.quick-icon{width:39px;height:39px;flex-shrink:0}.quick-strip>div:nth-child(2){flex:1}.quick-strip h3{font-size:12px}.quick-strip p{font-size:10px}.quick-strip>button{margin-left:51px;min-height:38px}.page-footer{font-size:8px;gap:18px}.page-footer span:last-child{text-align:right}.list-toolbar{padding:15px}.tabs{overflow:auto}.tabs button{font-size:10px;padding:9px 10px;flex:1}.search input{font-size:12px}.list-footer{font-size:9px;padding:12px 15px}.vehicle-toolbar{flex-direction:column;align-items:stretch;gap:10px}.vehicle-toolbar .search input{width:100%}.vehicle-toolbar>span{font-size:10px}.vehicle-grid{grid-template-columns:1fr;gap:15px}.vehicle-card{padding:22px}.vehicle-card-top{margin-bottom:15px}.vehicle-detail{gap:18px}.vehicle-summary{padding:18px;gap:15px;flex-wrap:wrap}.vehicle-summary>div:nth-child(2){flex:1}.vehicle-summary h2{font-size:16px}.vehicle-summary p{font-size:11px}.summary-actions{width:100%;margin:0;flex-direction:row;align-items:center;justify-content:space-between}.cost-grid{grid-template-columns:1fr 1fr}.cost-grid>div{padding:17px;border-bottom:1px solid var(--line)}.cost-grid>div:nth-child(2){border-right:0}.cost-grid>div:nth-child(3){border-bottom:0}.cost-grid strong{font-size:24px}.cost-grid span{font-size:10px}.job-list{padding:0 15px 15px}.job-card{padding:16px}.job-card h3{font-size:14px}.job-card-heading{gap:8px}.status-select select{max-width:100px;font-size:10px}.job-card>p{font-size:11px}.job-parts button{font-size:9px;flex-wrap:wrap;text-align:left}.job-parts .badge{font-size:8px}.job-actions .text-button{font-size:11px}.two-columns{gap:18px}.account-row{padding:17px}.document-grid{grid-template-columns:1fr 1fr;padding:0 15px 15px;gap:12px}.document img,.pdf-cover{height:110px}.document strong{font-size:10px}.document small{font-size:8px}.settings-card{padding:23px}.settings-card h2{font-size:18px}.settings-card p{font-size:12px}.toast{left:50%;bottom:20px;font-size:11px;white-space:normal}.form-grid{gap:15px}.field input,.field textarea,.field select{font-size:16px;padding:10px}.field>span{font-size:11px}.field input[type=file]{font-size:12px}.field small{font-size:10px}dialog{max-height:calc(100dvh - 20px);width:calc(100% - 20px);border-radius:10px}.modal-header{padding:17px}.modal-header h2{font-size:18px}dialog form{padding:18px}.form-actions{position:sticky;bottom:-18px;background:#fff;padding:17px 0;margin-top:18px}.form-actions button{min-height:45px;flex:1}.auth-panel{padding:23px}.price-warning{font-size:10px}.page-heading:has(.back) .heading-actions{grid-template-columns:1fr}.form-grid .field:has(input[type=file]){grid-column:1/-1}}@media(max-width:760px){.quick-strip{display:grid;grid-template-columns:39px minmax(0,1fr)}.quick-strip>button{grid-column:2;justify-self:start;margin-left:0}.part-row{min-height:75px}.local-banner>span{min-width:160px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.compact .part-info strong,.part-info strong{font-size:13px}.compact .part-info small,.part-info small{font-size:10px;color:#728068}.part-price,.compact .part-price,.part-quantity{font-size:11px}.stat-top{font-size:12px}.stat p{font-size:10px}.account-row{flex-wrap:wrap}}@media print{body{background:#fff;color:#000}.sidebar,.topbar,.local-banner,.heading-actions,.summary-actions,.text-button,.back,.toast,.page-footer,dialog,.job-actions,.status-select,.price-warning>svg{display:none!important}.main-shell{margin:0}main{padding:0;max-width:none}.page-heading{margin-bottom:20px}.page-heading h1{font-size:25px}.panel,.cost-grid{border:1px solid #ccc;box-shadow:none}.vehicle-detail{gap:15px}.cost-grid{grid-template-columns:repeat(4,1fr)}.panel{overflow:visible;break-inside:auto}.job-card,.vehicle-summary,.account-row,.part-row,.document{break-inside:avoid}.document-grid{grid-template-columns:repeat(4,1fr)}.document img{height:90px}.part-row{grid-template-columns:30px minmax(100px,1fr) 45px 90px 100px 15px}.part-status{grid-column:auto;grid-row:auto}.two-columns{grid-template-columns:1fr 1fr}.section-heading{padding:15px}button{color:#000}h2,h3{break-after:avoid}.part-row>svg{display:none}.job-photos button{display:block}a{text-decoration:none}}