@import "https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..125,100..900&family=Geist+Mono:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}#root{width:100%;height:100%}:root{--font-sans:"Archivo", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, "Cascadia Mono", monospace;--base:#0a0c10;--surface:#10141b;--raised:#161b24;--plate:#1c222d;--border:#252c38;--rim:#39434f;--dim:#5e6878;--muted:#8b95a4;--soft:#aab4c2;--body:#c5cfdc;--text:#e8eef6;--snow:#eef3f9;--white:#f6f9fc;--accent:#4a76bb;--accent-hot:#79a3de;--accent-deep:#2d4d80;--accent-ink:#a4c2ec;--accent-dim:#4a76bb21;--accent-rim:#4a76bb52;--cobalt-gradient:linear-gradient(180deg, var(--accent-hot) 0%, var(--accent) 38%, var(--accent-deep) 100%);--signal:#ffb224;--signal-ink:#ffc35a;--signal-dim:#ffb2241f;--green:#10b981;--green-dim:#10b9811f;--red:#ef4444;--red-dim:#ef44441f;--blue:#3b82f6;--blue-dim:#3b82f61f;--purple:#8b5cf6;--purple-dim:#8b5cf61f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--teal:#0d9488;--red-bright:#f87171;--red-soft:#fca5a5;--green-bright:#34d399;--green-vivid:#4ade80;--green-soft:#86efac;--green-faint:#a7f3d0;--blue-bright:#60a5fa;--indigo-soft:#a5b4fc;--teal-bright:#2dd4bf;--teal-soft:#5eead4;--amber-bright:#fbbf24;--gold-bright:#fcd34d;--gold-soft:#fde68a;--orange-bright:#fb923c;--violet-bright:#a78bfa;--violet-soft:#c4b5fd;--violet-faint:#ddd6fe;--purple-bright:#c084fc;--sidebar-w:92px;--topbar-h:44px;--row-h:32px;--r-sm:2px;--r-md:4px;--r-lg:6px;--ease-out:cubic-bezier(.4,0,.2,1);--shadow-sm:0 1px 2px #00000059, 0 2px 8px #0000002e;--shadow-md:0 6px 18px #0000004d;--shadow-lg:0 10px 30px #00000080;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}html,body{height:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px}body{font-family:var(--font-sans);background:var(--base);color:var(--text);overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-md)}::-webkit-scrollbar-thumb:hover{background:var(--rim)}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}.priority-mark{color:var(--signal);transform-origin:50%;display:inline-flex}.priority-mark--static{color:var(--signal)}.auth-wrap{background:var(--base);justify-content:center;align-items:center;height:100dvh;display:flex}.auth-card{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:360px;padding:40px;animation:.3s slideUp}.auth-logo{font-family:var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--white);align-items:center;gap:6px;margin-bottom:28px;font-size:18px;font-weight:800;font-stretch:116%;display:flex}.auth-logo em{color:var(--accent-hot);font-style:normal}.auth-card h2{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.03em;color:var(--snow);margin-bottom:4px;font-size:24px;font-weight:700;font-stretch:116%}.auth-card .sub{color:var(--muted);margin-bottom:24px;font-size:12px}.field{margin-bottom:14px}.form-row{margin-bottom:18px}.form-row:last-child{margin-bottom:0}.form-row>.input,.form-row>input,.form-row>select,.form-row>textarea{width:100%}.form-section{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.form-section-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:500}.form-hint{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.5}.form-subhint{color:var(--muted);margin-bottom:14px;font-size:11px;line-height:1.5}label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:500;display:block}input,select,textarea{background:var(--plate);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;font-family:var(--font-sans);color:var(--white);transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);outline:none;padding:8px 11px;font-size:13px}input::placeholder,textarea::placeholder{color:var(--dim)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}select option{background:var(--surface)}textarea{resize:vertical;min-height:80px;line-height:1.5}input[type=checkbox],input[type=radio]{background:0 0;border:0;border-radius:0;width:auto;padding:0}.btn{border-radius:var(--r-sm);font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .13s var(--ease-out);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.btn-primary{background:var(--cobalt-gradient);color:#fff;text-shadow:0 1px 1px #0000004d;box-shadow:inset 0 1px #ffffff2e}.btn-primary:hover:not(:disabled){background:linear-gradient(#8db1e4 0%,#5c85c4 38%,#37597f 100%)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--body);background:0 0}.btn-ghost:hover{border-color:var(--rim);color:var(--text)}.btn-danger{color:var(--red);background:0 0;border:1px solid #ef444440}.btn-danger:hover{background:var(--red-dim)}.btn-sm{padding:5px 11px;font-size:11px}.error-box{background:var(--red-dim);border-radius:var(--r-lg);color:var(--red);border:1px solid #ef444440;margin-bottom:14px;padding:9px 12px;font-size:12px}.success-box{background:var(--green-dim);border-radius:var(--r-lg);color:var(--green);border:1px solid #10b98140;margin-bottom:14px;padding:9px 12px;font-size:12px}.app-shell{height:calc(100dvh - var(--top-banner-height,0px));background:var(--base);padding-top:var(--topbar-h);box-sizing:border-box;display:flex;position:relative;overflow:hidden}@keyframes authShift{0%,to{background-position:0%}50%{background-position:100%}}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);background:linear-gradient(#12161e 0%,#0a0d12 100%);flex-direction:column;flex-shrink:0;height:100%;display:flex;box-shadow:inset -1px 0 #ffffff05}.sidebar-nav{flex-direction:column;flex:1;align-items:stretch;gap:2px;padding:8px 6px;display:flex;overflow-y:auto}.sidebar-section-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);text-align:center;border-top:1px solid var(--border);margin-top:6px;padding:10px 4px 6px;font-size:9px;font-weight:500}.sidebar-nav>.sidebar-section-label:first-child{border-top:none;margin-top:0;padding-top:4px}.nav-item{border-radius:var(--r-lg);min-height:60px;font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--soft);transition:background .13s var(--ease-out), color .13s var(--ease-out);text-align:center;white-space:normal;word-break:break-word;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;padding:8px 4px;font-size:10px;font-weight:700;line-height:1.1;display:flex}.nav-item svg{flex-shrink:0;width:22px;height:22px}.nav-item:hover{color:var(--text);background:#ffffff0d}.nav-item.active{background:linear-gradient(180deg, var(--accent-rim) 0%, var(--accent-dim) 100%);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent-rim)}.sidebar-bottom{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:stretch;gap:6px;padding:10px 6px 12px;display:flex}.sidebar-bottom .btn{letter-spacing:.08em;padding:6px 4px;font-size:10px}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.sidebar-user-email{display:none}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-header{z-index:60;height:var(--topbar-h);border-bottom:1px solid var(--border);background:linear-gradient(#151a23 0%,#0b0e14 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px #ffffff08,0 4px 16px #00000038}.topbar-brand{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;align-items:center;margin-left:8px;font-size:22px;font-weight:800;font-stretch:118%;line-height:1;display:flex}.topbar-brand .brand-amber{color:var(--accent-hot)}.topbar-brand .brand-white{color:var(--snow)}.main-header-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em;color:var(--snow);font-size:14px;font-weight:700;font-stretch:110%}.main-header-actions{align-items:center;gap:8px;display:flex}.main-content{flex:1;padding:20px;overflow-y:auto}.stats-row{gap:10px;margin-bottom:16px;display:grid}.stats-5{grid-template-columns:repeat(5,1fr)}.stats-4{grid-template-columns:repeat(4,1fr)}.stats-3{grid-template-columns:repeat(3,1fr)}.stat-card{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px}.stat-card--glass,.glass-card{border:1px solid var(--border);background:linear-gradient(#181e28 0%,#10141b 100%);box-shadow:inset 0 1px #ffffff0b,0 1px 2px #00000059,0 8px 24px #00000038}.glass-card--overdue{background:linear-gradient(#7f1d1d80 0%,#11080bd1 100%);border:1px solid #f871716b;box-shadow:inset 0 1px #ffb4b40f,0 0 0 1px #f8717129,0 8px 24px #7f1d1d4d}.stat-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:500}.stat-value{font-family:var(--font-sans);color:var(--white);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;font-stretch:116%;line-height:1}.stat-value.c-amber{color:#fbbf24}.stat-value.c-blue{color:#60a5fa}.stat-value.c-green{color:#34d399}.stat-value.c-red{color:#f87171}.stat-value.c-purple{color:#a78bfa}.stat-value.c-teal{color:#2dd4bf}.stat-value.c-dim{color:var(--dim)}.stat-value.c-orange{color:#fb923c}.stat-filter-wrap{margin-bottom:16px}.stat-filter-row{margin-bottom:0}.stat-filter-card{cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .13s var(--ease-out), box-shadow .13s var(--ease-out), opacity .13s var(--ease-out);-webkit-tap-highlight-color:transparent}.stat-filter-card:hover{border-color:#ffffff2e}.stat-filter-card.is-included{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), var(--shadow-md)}.stat-filter-card.is-included:hover{border-color:var(--accent)}.stat-filter-card.is-excluded{box-shadow:inset 0 0 0 1px #f87171, var(--shadow-md);opacity:.6;border-color:#f87171}.stat-filter-card.is-excluded:hover{opacity:.78;border-color:#f87171}.stat-filter-card.is-excluded .stat-value{text-decoration:line-through;text-decoration-thickness:2px;color:#f87171!important}.stat-filter-card .excl-badge{color:#f87171;letter-spacing:0;margin-left:6px;font-weight:900;display:inline-block}.stat-filter-clear-row{justify-content:flex-end;margin-top:6px;display:flex}.stat-filter-clear{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:2px 4px;font-size:11px;text-decoration:underline}.stat-filter-clear:hover{color:var(--text)}.table-wrap{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-md);-webkit-overflow-scrolling:touch;overflow:auto hidden}table{border-collapse:collapse;width:100%}thead tr{background:var(--surface);border-bottom:1px solid var(--border)}th{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:left;white-space:nowrap;height:30px;padding:0 14px;font-size:10px;font-weight:500}td{vertical-align:middle;height:34px;color:var(--text);transition:background .13s var(--ease-out);border-bottom:1px solid #252c38d9;padding:0 14px;font-size:13px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#ffffff0a}tbody tr{cursor:pointer}.mono{font-family:var(--font-mono);letter-spacing:.03em;color:var(--soft);font-size:11px}.badge{min-height:18px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge.pending{color:var(--amber);background:#f59e0b1f;border:1px solid #f59e0b38}.badge.pending .badge-dot{background:#fbbf24}.badge.in_progress{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f638}.badge.in_progress .badge-dot{background:#60a5fa}.badge.completed{color:#34d399;background:#10b9811f;border:1px solid #10b98138}.badge.completed .badge-dot{background:#34d399}.badge.cancelled{color:#6b7280;background:#4b55631f;border:1px solid #4b556333}.badge.cancelled .badge-dot{background:#6b7280}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.filter-btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-md);cursor:pointer;border:1px solid var(--border);height:24px;color:var(--muted);transition:all .13s var(--ease-out);background:0 0;align-items:center;padding:0 11px;font-size:11px;font-weight:500;display:flex}.filter-btn:hover{border-color:var(--rim);color:var(--body)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.dsp-tabs{flex-wrap:wrap;align-items:flex-end;gap:2px;margin-bottom:0;padding:0 0 0 8px;display:flex}.dsp-tab{font-family:var(--font-sans);letter-spacing:.04em;cursor:pointer;color:var(--dim);transition:color .15s var(--ease-out), background .15s var(--ease-out), border-color .15s var(--ease-out), transform .15s var(--ease-out), opacity .15s var(--ease-out);border-radius:var(--r-lg) 10px 0 0;opacity:.78;z-index:10;background:linear-gradient(#161b2400 0%,#161b2438 14px);border:1px solid #ffffff0a;border-bottom:none;padding:6px 16px;font-size:13px;font-weight:700;position:relative;transform:translateY(0)}.dsp-tab:hover{color:var(--body);background:linear-gradient(#161b2400 0%,#161b245c 14px)}.dsp-tab.active{color:var(--text);background:linear-gradient(180deg, #39434f00 0%, var(--raised) 14px);opacity:1;z-index:20;border-color:#ffffff1a;padding-top:10px;padding-bottom:8px;transform:translateY(0)}.dsp-tab.active:hover{background:linear-gradient(180deg, #39434f00 0%, var(--raised) 14px)}.dsp-tab .dsp-tab-count{color:var(--dim);margin-left:4px;font-size:11px;font-weight:400}.dsp-tab.active .dsp-tab-count{color:var(--muted)}.dsp-tab-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:0;display:flex}.dsp-tab-bar.dsp-tab-bar--empty{border-bottom:1px solid var(--border);margin-bottom:12px}.report-view .dsp-tab-bar>div:last-child{padding-bottom:6px}.filter-chip{border-radius:var(--r-md);background:var(--blue-dim);color:#60a5fa;height:24px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid #3b82f64d;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.filter-chip-x{cursor:pointer;opacity:.7;margin-left:2px;font-size:15px;line-height:1}.filter-chip-x:hover{opacity:1}.clickable-val{cursor:pointer}.clickable-val:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;color:var(--accent-ink)!important}.search-input{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-lg);height:26px;color:var(--text);width:200px;font-size:12px;font-family:var(--font-sans);outline:none;padding:0 10px}.search-input::placeholder{color:var(--dim)}.search-input:focus{border-color:var(--rim)}.service-card{background:var(--plate);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:10px;padding:14px}.service-card-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.service-card-num{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-dim);border:1px solid var(--accent-rim);border-radius:var(--r-md);flex-shrink:0;align-items:center;height:20px;padding:0 7px;font-size:11px;font-weight:500;display:flex}.service-section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:500}.service-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:16px;margin-top:10px;padding-top:10px;display:flex}.service-total-label{color:var(--muted);font-size:12px}.service-total-val{font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:var(--text);font-size:16px;font-weight:800;font-stretch:112%}.part-row{grid-template-columns:1fr 60px 90px 80px 28px;align-items:center;gap:6px;margin-bottom:5px;display:grid}.part-row-header{grid-template-columns:1fr 60px 90px 80px 28px;gap:6px;margin-bottom:4px;display:grid}.part-header-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.remove-item-btn{border-radius:var(--r-lg);width:28px;height:28px;color:var(--red);cursor:pointer;background:0 0;border:1px solid #ef444440;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.remove-item-btn:hover{background:var(--red-dim)}.modal-overlay{z-index:500;background:#000000c7;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}@media (width>=900px){.modal{max-width:min(83vw,1100px);max-height:88vh}}.modal-head{background:var(--raised);z-index:1;border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:18px 22px 14px;display:flex;position:sticky;top:0}.modal-head h3{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:var(--snow);font-size:17px;font-weight:800;font-stretch:114%}.modal-head-sub{color:var(--muted);margin-top:2px;font-size:11px}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:16px 22px 22px}.modal-footer{background:var(--raised);z-index:1;border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex;position:sticky;bottom:0}.po-meta-grid{grid-template-columns:1fr 1fr 150px;gap:10px;margin-bottom:14px;display:grid}.po-part-rows{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.po-part-row{grid-template-columns:minmax(0,1fr) 120px 70px 96px 36px;align-items:stretch;gap:8px;display:grid}@media (width<=640px){.po-meta-grid{grid-template-columns:1fr;gap:14px}.po-part-row{grid-template-columns:96px 1fr 40px;gap:8px 10px}.po-part-row .po-part-picker,.po-part-row .po-part-num{grid-column:1/-1}}.detail-grid{grid-template-columns:110px 1fr;gap:4px 10px;margin-bottom:14px;display:grid}.detail-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;height:28px;font-size:10px;font-weight:500;display:flex}.detail-value{color:var(--text);align-items:center;height:28px;font-size:13px;display:flex}hr.divider{border:none;border-top:1px solid var(--border);margin:14px 0}.vehicle-block{background:var(--plate);border-radius:var(--r-md);border:1px solid var(--border);margin-bottom:14px;padding:12px 14px}.vehicle-block-eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:500}.vehicle-block-id{font-family:var(--font-sans);text-transform:uppercase;color:var(--white);font-size:18px;font-weight:800;font-stretch:116%}.vehicle-block-meta{color:var(--soft);margin-top:3px;font-size:12px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.page-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.02em;color:var(--snow);font-size:20px;font-weight:800;font-stretch:118%}.page-sub{color:var(--muted);margin-top:2px;font-size:11px}.card{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:14px;padding:18px 20px}.card-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--snow);margin-bottom:14px;font-size:14px;font-weight:700;font-stretch:110%}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.form-grid .full{grid-column:1/-1}.inline-input{background:var(--plate);border:1px solid var(--border);border-radius:var(--r-sm);height:26px;color:var(--text);font-size:12px;font-family:var(--font-sans);outline:none;padding:0 10px}.inline-input:focus{border-color:var(--rim)}.li-input{background:var(--plate);border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text);font-size:13px;font-family:var(--font-sans);outline:none;padding:0 12px}.li-input:focus{border-color:var(--rim)}.num{text-align:right;font-variant-numeric:tabular-nums}.tnum{font-variant-numeric:tabular-nums}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}td{white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.company-name,.nav-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-value{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.empty-state{text-align:center;padding:56px 24px}.empty-state h3{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:var(--body);margin-bottom:6px;font-size:17px;font-weight:700;font-stretch:112%}.empty-state p{color:var(--muted);font-size:12px}.empty-state-icon{color:var(--dim);opacity:.7;margin-bottom:12px;display:inline-flex}.empty-state-icon svg{width:34px;height:34px}.empty-state-action{margin-top:16px}.loading-row{text-align:center;color:var(--muted);padding:40px;font-size:12px}.skel{background:linear-gradient(90deg,#ffffff08 0%,#ffffff12 50%,#ffffff08 100%) 0 0/200% 100%;border-radius:3px;animation:1.6s linear infinite skelShimmer}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.company-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.company-card{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:border-color .13s var(--ease-out);padding:16px}.company-card:hover{border-color:var(--rim)}.company-card.selected{border-color:var(--accent)}.company-name{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.02em;color:var(--white);margin-bottom:4px;font-size:16px;font-weight:800;font-stretch:114%}.company-meta{color:var(--muted);font-size:11px;line-height:1.6}.company-user-count{color:var(--soft);font-size:11px;font-weight:600}.company-expanded{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.expanded-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;font-size:9px;font-weight:500}.user-row{border-bottom:1px solid #252c3880;justify-content:space-between;align-items:center;height:30px;display:flex}.user-row:last-child{border-bottom:none}.user-id-text{font-family:var(--font-mono);color:var(--soft);font-size:11px}.menu-btn{border:1px solid var(--border);border-radius:var(--r-lg);width:32px;height:32px;color:var(--body);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;display:flex}.menu-btn:hover{border-color:var(--rim);color:var(--text)}.sidebar-overlay{z-index:199;background:#000000a6;display:none;position:fixed;inset:0}@media (width>=769px){.sidebar{transition:width .22s;overflow:hidden}.sidebar:not(.open){border-right-width:0;width:0}}@media (width<=768px){.sidebar{z-index:200;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:8px 0 32px #0009}.sidebar-overlay{display:block}body{overflow:auto}.main-content{padding:14px}.stats-5{grid-template-columns:repeat(2,1fr)}.stats-4{grid-template-columns:1fr 1fr}.company-grid,.form-grid,.form-grid-3{grid-template-columns:1fr}}@media (width<=900px){.stats-5{grid-template-columns:repeat(3,1fr)}.company-grid{grid-template-columns:1fr}.main-content{padding:14px}}.global-search{flex:0 360px;min-width:200px;margin-left:4px;position:relative}.global-search-input-wrap{align-items:center;display:flex;position:relative}.global-search-icon{color:var(--dim);pointer-events:none;position:absolute;left:10px}.global-search-input{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;height:30px;color:var(--text);font-size:12px;font-family:var(--font-sans);background:#0a0c108c;outline:none;padding:0 32px 0 30px;transition:border-color .15s,background .15s}.global-search-input::placeholder{color:var(--dim)}.global-search-input:focus{border-color:var(--accent-rim);background:#0a0c10d9}.global-search-kbd{font-family:var(--font-mono);letter-spacing:.1em;color:var(--dim);background:var(--raised);border:1px solid var(--border);border-radius:var(--r-md);pointer-events:none;padding:1px 6px;font-size:10px;font-weight:500;position:absolute;right:8px}.global-search-input:focus+.global-search-kbd{opacity:0}.global-search-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);max-height:480px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.global-search-body{flex:1;overflow-y:auto}.global-search-empty{text-align:center;color:var(--dim);padding:24px 16px;font-size:12px}.global-search-group{padding:4px 0}.global-search-group+.global-search-group{border-top:1px solid var(--border)}.global-search-group-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);justify-content:space-between;padding:8px 14px 4px;font-size:10px;font-weight:500;display:flex}.global-search-group-count{color:var(--dim);font-weight:600}.global-search-result{cursor:pointer;transition:background .13s var(--ease-out), border-color .13s var(--ease-out);border-left:2px solid #0000;padding:7px 14px}.global-search-result:hover,.global-search-result.active{background:var(--accent-dim);border-left-color:var(--accent)}.global-search-result-primary{color:var(--text);font-size:13px;font-weight:600;line-height:1.3}.global-search-result-secondary{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.4}.gs-dot{color:var(--dim);margin:0 3px}@keyframes companyCardFlash{0%{box-shadow:0 0 0 0 var(--accent-rim);border-color:var(--accent)}60%{border-color:var(--accent);box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.company-card--flash{animation:1.6s ease-out companyCardFlash}@keyframes noteFlash{0%{background:#3b82f638;box-shadow:inset 3px 0 #3b82f6}70%{background:#3b82f61f;box-shadow:inset 3px 0 #3b82f6}to{background:0 0;box-shadow:inset 3px 0 #0000}}.note-flash{animation:2.4s ease-out noteFlash}@media (width<=900px){.global-search{flex:0 220px;min-width:140px}.global-search-kbd{display:none}}@media (width<=640px){.global-search{display:none}}.sr-tabs{background:var(--plate);border-bottom:1px solid var(--border);gap:0;padding:0 22px;display:flex}.sr-tab{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s}.sr-tab:hover{color:var(--soft)}.sr-tab.active{color:var(--accent-ink);border-bottom-color:var(--accent)}.sr-timeline{padding:2px 0 6px}.sr-timeline-loading,.sr-timeline-empty,.sr-timeline-error{text-align:center;color:var(--muted);padding:32px 8px;font-size:12px}.sr-timeline-error{color:var(--red)}.sr-timeline-list{padding-left:22px;position:relative}.sr-timeline-list:before{content:"";background:var(--border);width:1px;position:absolute;top:6px;bottom:6px;left:6px}.sr-event{padding:4px 0 16px;position:relative}.sr-event:last-child{padding-bottom:0}.sr-event-dot{background:var(--raised);border:2px solid var(--accent);width:13px;height:13px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;position:absolute;top:6px;left:-22px}.sr-event[data-type=sr_created] .sr-event-dot{border-color:var(--accent)}.sr-event[data-type=sr_status] .sr-event-dot,.sr-event[data-type=sr_assigned] .sr-event-dot{border-color:#a78bfa}.sr-event[data-type=line_added] .sr-event-dot,.sr-event[data-type=line_completed] .sr-event-dot{border-color:#2dd4bf}.sr-event[data-type=note_added] .sr-event-dot{border-color:var(--soft)}.sr-event[data-type=invoice_created] .sr-event-dot,.sr-event[data-type=invoice_status] .sr-event-dot{border-color:#60a5fa}.sr-event[data-type=delivery_logged] .sr-event-dot{border-color:#fb923c}.sr-event-summary{color:var(--text);font-size:13px;font-weight:600;line-height:1.4}.sr-event-meta{color:var(--muted);align-items:center;gap:8px;margin-top:3px;font-size:11px;display:flex}.sr-event-actor{color:var(--soft)}.sr-event-time{color:var(--dim);cursor:help}.sr-event-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r-md);vertical-align:middle;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.sr-event-badge--client{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f659}.sr-event-detail{color:var(--muted);border-left:2px solid var(--border);margin-top:4px;padding-left:10px;font-size:12px;line-height:1.5}.sr-event-code{font-family:var(--font-mono);color:var(--accent-ink);letter-spacing:.04em;background:0 0;padding:0;font-weight:500}.sr-event-code--revise{color:#ef4444}.sr-event-arrow{color:var(--dim);margin:0 4px}.sr-timeline-footer{border-top:1px solid var(--border);color:var(--dim);text-align:center;letter-spacing:.04em;margin-top:16px;padding-top:12px;font-size:10px}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}.toast{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:1000;align-items:center;gap:10px;max-width:min(92vw,440px);padding:10px 10px 10px 14px;animation:.18s toastIn;display:flex;position:fixed;bottom:20px;right:20px}.toast--leaving{animation:.18s forwards toastOut}.toast-msg{color:var(--text);flex:auto;min-width:0;font-size:13px;line-height:1.35}.toast-undo{color:var(--accent-ink);border:1px solid var(--accent-rim);border-radius:var(--r-md);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;padding:5px 12px;font-size:12px;font-weight:600}.toast-undo:hover{background:var(--accent-dim);border-color:var(--accent)}.toast-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.toast-close:hover{color:var(--text)}@media (width<=640px){.toast{max-width:none;bottom:12px;left:12px;right:12px}}.mention-picker{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:2px;padding:4px;display:flex}.mention-picker-empty{color:var(--dim);text-align:center;padding:12px;font-size:12px}.mention-picker-row{border-radius:var(--r-md);color:var(--body);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.mention-picker-row.active{background:var(--accent-dim);color:var(--text)}.mention-picker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mention-picker-role{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-md);flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.mention-picker-role--admin{color:#fca5a5;background:#fca5a51f}.mention-picker-role--mechanic{color:#2dd4bf;background:#2dd4bf1f}.mention-picker-role--account_manager{color:#a78bfa;background:#a78bfa1f}.mention-chip{background:var(--signal-dim);color:var(--signal-ink);border-radius:var(--r-lg);white-space:nowrap;border:1px solid #ffb2244d;margin:0 1px;padding:1px 6px;font-size:.92em;font-weight:600;line-height:1.3;display:inline-block}.sr-line-deeplink{transition:opacity .12s}.sr-line-deeplink:hover>div{text-underline-offset:3px;text-decoration:underline}.sr-line-deeplink:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:var(--r-md)}@media (width>=769px){.auth-logo{font-size:20.5px}.auth-card h2{font-size:27.5px}.main-header-title{font-size:16px}.modal-head h3{font-size:19.5px}.vehicle-block-id{font-size:20.5px}.page-title{font-size:23px}.card-title{font-size:16px}.empty-state h3{font-size:19.5px}.company-name{font-size:18px}.service-card-num{font-size:12.5px}th,label,.form-section-label{font-size:11.5px}.sidebar-section-label{font-size:10.5px}.stat-label,.service-section-label,.part-header-label,.detail-label,.vehicle-block-eyebrow{font-size:11.5px}.expanded-label{font-size:10.5px}.global-search-group-label{font-size:11.5px}}html[data-theme=light]{--base:#eef1f5;--surface:#f5f7fa;--raised:#fff;--plate:#eef2f7;--border:#d4dbe4;--rim:#b9c4d1;--dim:#6b7785;--muted:#566270;--soft:#3c4856;--body:#26303c;--text:#11181f;--snow:#161e29;--white:#0b0f14;--accent:#3c66a8;--accent-hot:#5d87c4;--accent-deep:#294a7d;--accent-ink:#2d5390;--accent-dim:#3c66a81a;--accent-rim:#3c66a852;--signal:#e08700;--signal-ink:#9a5b00;--signal-dim:#e087001f;--green:#047857;--red:#dc2626;--blue:#2563eb;--purple:#7c3aed;--amber:#b45309;--teal:#0f766e;--red-bright:#b91c1c;--red-soft:#991b1b;--green-bright:#047857;--green-vivid:#15803d;--green-soft:#15803d;--green-faint:#047857;--blue-bright:#1d4ed8;--indigo-soft:#4338ca;--teal-bright:#0f766e;--teal-soft:#0f766e;--amber-bright:#b45309;--gold-bright:#a16207;--gold-soft:#92400e;--orange-bright:#c2410c;--violet-bright:#6d28d9;--violet-soft:#6d28d9;--violet-faint:#5b21b6;--purple-bright:#7e22ce;--shadow-sm:0 1px 2px #28374b1a, 0 2px 8px #28374b0f;--shadow-md:0 6px 18px #28374b1f;--shadow-lg:0 10px 30px #28374b29}html[data-theme=light] .sidebar,html[data-theme=light] .main-header,html[data-theme=light] .topbar,html[data-theme=light] .account-header{background:linear-gradient(#eef2f7 0%,#d2dae4 100%)}html[data-theme=light] .topbar-tab:hover,html[data-theme=light] .topbar-bell{background:#0000000a}html[data-theme=light] .topbar-bell:hover{background:#00000012}html[data-theme=light] .account-back:hover{background:#0000000d}html[data-theme=light] .topbar-brand .brand-white{color:#1a2230}html[data-theme=light] .nav-item:hover{background:#0000000d}html[data-theme=light] tbody tr:hover td{background:#00000008}html[data-theme=light] .stat-filter-card:hover{border-color:#0000002e}html[data-theme=light] td,html[data-theme=light] .user-row{border-bottom:1px solid #e4e9ef}html[data-theme=light] .skel{background:linear-gradient(90deg,#0000000a 0%,#00000014 50%,#0000000a 100%) 0 0/200% 100%}html[data-theme=light] .global-search-input{background:#f5f7fa}html[data-theme=light] .global-search-input:focus{background:#eef2f7}html[data-theme=light] .stat-card--glass,html[data-theme=light] .glass-card{background:linear-gradient(#fff 0%,#eef2f7 100%);border:1px solid #d4dbe4;box-shadow:inset 0 1px #fff9,0 6px 18px #28374b1a}html[data-theme=light] .glass-card--overdue{background:linear-gradient(#fff1f1 0%,#ffe1e1 100%);border:1px solid #dc262659;box-shadow:inset 0 1px #fff9,0 0 0 1px #dc26261f,0 6px 22px #dc26261f}html[data-theme=light] .du-head{background:linear-gradient(#eef2f7 0%,#d2dae4 100%)}html[data-theme=light] .du-close{background:#0000000d}html[data-theme=light] .audit-stat,html[data-theme=light] .report-card{background:linear-gradient(#fff 0%,#eef2f7 100%);border:1px solid #d4dbe4;box-shadow:inset 0 1px #fff9,0 6px 18px #28374b1a}html[data-theme=light] .audit-stat:hover{border-color:#0000002e}html[data-theme=light] .report-card:hover{border-color:#3c66a873;box-shadow:inset 0 1px #fff9,0 8px 22px #28374b29}html[data-theme=light] .dsp-tab{background:linear-gradient(#0000 0%,#141e2d0f 14px);border-color:#00000014}html[data-theme=light] .dsp-tab.active{background:linear-gradient(180deg, #0000 0%, var(--raised) 14px);border-color:#d4dbe4}html[data-theme=light] .btn-primary{background:var(--cobalt-gradient);color:#fff}html[data-theme=light] .btn-primary:hover:not(:disabled){background:linear-gradient(#6f95cc 0%,#4a73b0 38%,#335685 100%)}html[data-theme=light] .filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}html[data-theme=light] .force-dark{--base:#0a0c10;--surface:#10141b;--raised:#161b24;--plate:#1c222d;--border:#252c38;--rim:#39434f;--dim:#5e6878;--muted:#8b95a4;--soft:#aab4c2;--body:#c5cfdc;--text:#e8eef6;--snow:#eef3f9;--white:#f6f9fc;--accent:#4a76bb;--accent-hot:#79a3de;--accent-deep:#2d4d80;--accent-ink:#a4c2ec;--accent-dim:#4a76bb21;--accent-rim:#4a76bb52;--signal:#ffb224;--signal-ink:#ffc35a;--signal-dim:#ffb2241f;--green:#10b981;--red:#ef4444;--blue:#3b82f6;--purple:#8b5cf6;--amber:#f59e0b;--teal:#0d9488;--red-bright:#f87171;--red-soft:#fca5a5;--green-bright:#34d399;--green-vivid:#4ade80;--green-soft:#86efac;--green-faint:#a7f3d0;--blue-bright:#60a5fa;--indigo-soft:#a5b4fc;--teal-bright:#2dd4bf;--teal-soft:#5eead4;--amber-bright:#fbbf24;--gold-bright:#fcd34d;--gold-soft:#fde68a;--orange-bright:#fb923c;--violet-bright:#a78bfa;--violet-soft:#c4b5fd;--violet-faint:#ddd6fe;--purple-bright:#c084fc}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html:not([data-brand=cobalt]){--font-sans:"Outfit", system-ui, sans-serif;--font-mono:"Outfit", system-ui, sans-serif;--r-md:3px;--r-lg:4px}html:not([data-brand=cobalt]):not([data-theme=light]){--base:#070b11;--surface:#0d1520;--raised:#111c2c;--plate:#162338;--border:#1c2d42;--rim:#243a55;--dim:#5f7a94;--muted:#819cb3;--soft:#a8bdd1;--body:#cad8e8;--text:#e3ecf5;--snow:#dae7f2;--white:#edf4fd;--accent:#f59e0b;--accent-hot:#fbbf24;--accent-deep:#b45309;--accent-ink:#fbbf24;--accent-dim:#f59e0b1a;--accent-rim:#f59e0b38}html:not([data-brand=cobalt]) .btn-primary{color:#1a1206;text-shadow:none}html:not([data-brand=cobalt]):not([data-theme=light]) .btn-primary:hover:not(:disabled){background:linear-gradient(#fdca48 0%,#fbab16 100%)}html:not([data-brand=cobalt]):not([data-theme=light]) .sidebar{background:linear-gradient(#131f30 0%,#0a121c 100%)}html:not([data-brand=cobalt]):not([data-theme=light]) .main-header{background:linear-gradient(#16233a 0%,#0c1623 100%)}html:not([data-brand=cobalt]):not([data-theme=light]) .stat-card--glass,html:not([data-brand=cobalt]):not([data-theme=light]) .glass-card{background:linear-gradient(#16243a 0%,#101b29 100%)}html:not([data-brand=cobalt])[data-theme=light]{--accent:#d97706;--accent-hot:#f59e0b;--accent-deep:#b45309;--accent-ink:#b45309;--accent-dim:#d977061a;--accent-rim:#d977064d}html:not([data-brand=cobalt])[data-theme=light] .btn-primary{color:#000;text-shadow:none;background:#f59e0b}html:not([data-brand=cobalt])[data-theme=light] .btn-primary:hover:not(:disabled){background:#fbbf24}html:not([data-brand=cobalt])[data-theme=light] .filter-btn.active{color:#000;background:#f59e0b;border-color:#f59e0b}html:not([data-brand=cobalt])[data-theme=light] .force-dark{--base:#070b11;--surface:#0d1520;--raised:#111c2c;--plate:#162338;--border:#1c2d42;--rim:#243a55;--dim:#5f7a94;--muted:#819cb3;--soft:#a8bdd1;--body:#cad8e8;--text:#e3ecf5;--snow:#dae7f2;--white:#edf4fd;--accent:#f59e0b;--accent-hot:#fbbf24;--accent-deep:#b45309;--accent-ink:#fbbf24;--accent-dim:#f59e0b1a;--accent-rim:#f59e0b38}