:root{color-scheme:light;--page: #f5f6f8;--surface: #ffffff;--surface-2: #fafbfc;--sidebar: #101828;--sidebar-hover: #1b2739;--sidebar-ink: #b3bdcd;--ink: #0b0b0b;--ink-2: #52514e;--muted: #898781;--line: #e4e6ea;--line-strong: #cfd3da;--brand: #2a78d6;--brand-dark: #1c5cab;--brand-wash: #eaf2fd;--good: #0ca30c;--good-wash: #e8f6e8;--warning: #fab219;--critical: #d03b3b;--critical-wash: #fbeaea;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #4a3aa7;--series-5: #008300;--track: #eef0f3;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .16);--font: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:246px;flex:0 0 246px;background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:20px 20px 18px}.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--brand) 0%,#6da7ec 100%);display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.brand-name{color:#fff;font-weight:650;font-size:15px;line-height:1.1}.brand-sub{font-size:11px;color:#7d8ba1;letter-spacing:.04em;text-transform:uppercase}.nav{padding:6px 12px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav-label{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--sidebar-ink);text-decoration:none;font-size:13.5px;transition:background .12s,color .12s}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--brand);color:#fff;font-weight:550}.nav-item svg{flex-shrink:0}.nav-group{display:flex;flex-direction:column}.nav-group-head{display:flex;align-items:center;gap:2px}.nav-group-head .nav-item{flex:1}.nav-toggle{background:transparent;border:0;color:var(--sidebar-ink);padding:6px 4px;border-radius:6px;cursor:pointer;display:grid;place-items:center}.nav-toggle:hover{background:var(--sidebar-hover);color:#fff}.nav-children{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px 19px;padding-left:9px;border-left:1px solid rgba(255,255,255,.1)}.nav-child{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;border-radius:6px;color:#93a1b5;text-decoration:none;font-size:12.5px}.nav-child:hover{background:var(--sidebar-hover);color:#fff}.nav-child.active{background:#2a78d62e;color:#fff;font-weight:550}.nav-child-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-child-count{font-size:11.5px;color:#7d8ba1;flex-shrink:0}.nav-child.active .nav-child-count{color:#cfe1f8}.nav-child-count i{font-style:normal;color:var(--warning);margin-left:3px}.sidebar-foot{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 6px}.avatar{width:32px;height:32px;border-radius:50%;background:#2b3a52;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:650;flex-shrink:0}.user-chip .who{min-width:0;flex:1}.user-chip .who b{display:block;color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip .who span{font-size:11.5px;color:#7d8ba1}.icon-btn{background:transparent;border:0;color:var(--sidebar-ink);padding:6px;border-radius:6px;cursor:pointer;display:grid;place-items:center}.icon-btn:hover{background:var(--sidebar-hover);color:#fff}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}.topbar h1{font-size:17px}.topbar .crumb{font-size:12px;color:var(--muted)}.content{padding:24px 26px 48px;flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h3{font-size:14.5px}.card-head p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}.card-body{padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:550;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s}.btn:hover{background:var(--surface-2);border-color:var(--muted)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn-danger{background:var(--critical);border-color:var(--critical);color:#fff}.btn-danger:hover{background:#b32f2f;border-color:#b32f2f}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--surface-2);border-color:var(--line)}.btn-sm{height:30px;padding:0 10px;font-size:12.5px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:18px;border:1px solid transparent}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-active{background:var(--good-wash);color:#0a7d0a;border-color:#bfe6bf}.badge-inactive{background:#f1f2f4;color:#5c636e;border-color:#dfe2e7}.badge-neutral{background:var(--brand-wash);color:var(--brand-dark);border-color:#cfe1f8}.badge-warn{background:var(--critical-wash);color:#a83232;border-color:#f0cccc}.badge-plain{background:var(--surface-2);color:var(--ink-2);border-color:var(--line)}.ref{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px;color:var(--ink-2)}.muted{color:var(--muted)}.tnum{font-variant-numeric:tabular-nums}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}.toolbar .spacer{flex:1}.search{position:relative;display:flex;align-items:center;min-width:260px}.search svg{position:absolute;left:10px;color:var(--muted);pointer-events:none}.search input{padding-left:32px;width:100%}.input,.select,.textarea{height:36px;padding:0 11px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);outline:none;transition:border-color .12s,box-shadow .12s;width:100%}.textarea{height:auto;padding:9px 11px;resize:vertical;min-height:78px;line-height:1.5}.select{cursor:pointer}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2a78d624}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--critical)}.input::placeholder,.textarea::placeholder{color:#a8adb6}.filter{min-width:132px;width:auto}.pw-wrap{position:relative}.pw-wrap .input{padding-right:38px}.pw-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;border:0;padding:5px;border-radius:6px;color:var(--muted);cursor:pointer;display:grid;place-items:center}.pw-toggle:hover:not(:disabled){color:var(--ink-2);background:var(--surface-2)}.pw-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.pw-toggle:disabled{cursor:not-allowed;opacity:.5}.table-wrap{overflow-x:auto}.staff-flag-legend{display:flex;gap:12px;list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted);white-space:nowrap}.staff-flag-legend li{display:flex;align-items:center;gap:5px}.staff-flag-row{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px 18px}.staff-flag-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:170px;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface);cursor:pointer;text-align:left;font:inherit}.staff-flag-card:hover{border-color:var(--brand)}.staff-flag-card.is-active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:var(--brand-wash)}.staff-flag-top{display:flex;align-items:center;gap:7px}.staff-flag-dot{width:10px;height:10px;border-radius:999px;flex-shrink:0}.staff-flag-dot.flag-green{background:var(--good)}.staff-flag-dot.flag-yellow{background:var(--warning)}.staff-flag-dot.flag-red{background:var(--critical)}.staff-flag-dot.flag-none{background:var(--muted)}.staff-flag-name{font-weight:600;font-size:13.5px}.staff-flag-rate{font-size:12.5px;color:var(--ink-2)}.staff-flag-meta{font-size:11.5px;color:var(--muted)}.revenue-history{margin-top:16px}.revenue-history summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--brand-dark);padding:4px 0}.revenue-history .table-wrap{margin-top:10px}table.data{width:100%;border-collapse:collapse}table.data th{text-align:left;font-size:11.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}table.data tbody tr:hover{background:#f8fafc}table.data tbody tr.clickable-row{cursor:pointer}table.data tbody tr:last-child td{border-bottom:0}table.data td.actions{text-align:right;white-space:nowrap}table.data th.actions,table.data td.actions{position:sticky;right:0;z-index:1;background:var(--surface);box-shadow:-8px 0 8px -8px #10182829}table.data th.actions{background:var(--surface-2)}table.data tbody tr:hover td.actions{background:#f8fafc}table.data .cell-title{font-weight:600}table.data .cell-sub{font-size:12px;color:var(--muted)}.cell-clamp-1,.cell-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.cell-clamp-1{-webkit-line-clamp:1}.cell-clamp-2{-webkit-line-clamp:2}.cell-more{display:inline-block;margin-top:2px;border:0;background:none;padding:0;color:var(--brand-dark);font-size:11.5px;font-weight:600;cursor:pointer}.cell-more:hover{text-decoration:underline}.row-actions{display:inline-flex;gap:4px;opacity:.55;transition:opacity .12s}tr:hover .row-actions{opacity:1}.row-actions .icon-action{width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink-2);cursor:pointer}.row-actions .icon-action:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink)}.row-actions .icon-action.danger:hover{background:var(--critical-wash);border-color:#f0cccc;color:var(--critical)}.empty{padding:56px 20px;text-align:center;color:var(--muted)}.empty svg{color:var(--line-strong);margin-bottom:10px}.empty h4{font-size:14px;color:var(--ink-2);margin-bottom:4px}.table-loading{padding:56px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.table-loading .spinner{width:26px;height:26px;border-width:3px}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}.pager{display:flex;gap:6px;align-items:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#10182873;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;animation:fade .14s ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:680px;animation:pop .16s ease-out}.modal.narrow{max-width:440px}.modal.wide{max-width:900px}@keyframes pop{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:16px}.modal-head p{margin:3px 0 0;font-size:12.5px;color:var(--muted)}.modal-body{padding:20px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 12px 12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field.span-2{grid-column:1 / -1}.field label.lbl{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:5px}.field .req{color:var(--critical);margin-left:2px}.field .help{font-size:11.5px;color:var(--muted);margin-top:4px}.field .err{font-size:11.5px;color:var(--critical);margin-top:4px}.form-section{grid-column:1 / -1;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding-top:6px;border-top:1px solid var(--line);margin-top:2px}.form-section:first-child{border-top:0;padding-top:0;margin-top:0}.check{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer}.check input{margin:2px 0 0;width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.check b{display:block;font-size:13px;font-weight:600}.check span{font-size:11.5px;color:var(--muted)}.card-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-option{display:flex;align-items:flex-start;gap:10px;text-align:left;padding:11px 13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s}.card-option:hover:not(:disabled){border-color:var(--muted)}.card-option.selected{border-color:var(--brand);background:var(--brand-wash);box-shadow:0 0 0 1px var(--brand) inset}.card-option.selected b,.card-option.selected svg{color:var(--brand-dark)}.card-option svg{margin-top:2px;color:var(--muted);flex-shrink:0}.card-option b{display:block;font-size:13.5px;font-weight:650}.card-option span>span{font-size:11.5px;color:var(--muted)}.card-option:disabled{opacity:.6;cursor:not-allowed}.form-panel{grid-column:1 / -1;padding:14px;border:1px solid #cfe1f8;border-radius:var(--radius-sm);background:var(--brand-wash)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.alert{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.alert-error{background:var(--critical-wash);color:#9c2f2f;border:1px solid #f0cccc}.alert-info{background:var(--brand-wash);color:var(--brand-dark);border:1px solid #cfe1f8}.alert-warn{background:#fdf4e3;color:#8a5a10;border:1px solid #f0dcb4}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface)}.login-aside{background:linear-gradient(160deg,#101828,#1c3252 60%,#1c5cab);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.login-aside h2{font-size:30px;line-height:1.2;max-width:15ch}.login-aside p{color:#b3c2d8;max-width:42ch;margin-top:14px}.login-points{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:12px}.login-points li{display:flex;gap:10px;align-items:center;color:#d6e0ee;font-size:13.5px}.login-points .tick{width:20px;height:20px;border-radius:50%;background:#ffffff24;display:grid;place-items:center;flex-shrink:0}.login-main{display:grid;place-items:center;padding:40px}.login-box{width:100%;max-width:356px}.login-box h1{font-size:22px;margin-bottom:6px}.login-box>p{color:var(--muted);margin:0 0 26px}.login-box .field{margin-bottom:14px}.login-box .btn{width:100%;height:40px;margin-top:6px}.hint{margin-top:20px;padding:11px 13px;background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);font-size:12.5px;color:var(--ink-2)}.hint b{font-weight:650}@media (max-width: 900px){.login-page{grid-template-columns:1fr}.login-aside{display:none}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:14px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);text-decoration:none;color:inherit;display:block;transition:border-color .12s,box-shadow .12s,transform .12s}.stat:hover{border-color:var(--brand);box-shadow:0 4px 12px #2a78d61f}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stat-label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.stat-icon{width:30px;height:30px;border-radius:8px;background:var(--brand-wash);color:var(--brand);display:grid;place-items:center}.stat-value{font-size:27px;font-weight:680;letter-spacing:-.02em;line-height:1.1}.stat-meta{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dash-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:start}.dash-grid-3{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;align-items:start}@media (max-width: 1050px){.dash-grid,.dash-grid-3{grid-template-columns:1fr}}.chart{width:100%;overflow:visible}.chart .grid-line{stroke:#e1e0d9;stroke-width:1}.chart .axis-label{font-size:11px;fill:#898781}.chart .value-label{font-size:11.5px;fill:#52514e;font-weight:600}.bar-row-label{font-size:12px;fill:#0b0b0b}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}.legend-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2)}.legend-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.donut-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.donut-center-value{font-size:22px;font-weight:680;fill:var(--ink)}.donut-center-label{font-size:11px;fill:var(--muted)}.activity{list-style:none;margin:0;padding:0}.activity li{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}.activity li:last-child{border-bottom:0}.activity .kind{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;font-size:11px;font-weight:650;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.activity .body{flex:1;min-width:0}.activity .body b{font-size:13px;font-weight:600;display:block}.activity .body span{font-size:12px;color:var(--muted)}.activity time{font-size:11.5px;color:var(--muted);white-space:nowrap}.mini-list{list-style:none;margin:0;padding:0}.mini-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.mini-list li:last-child{border-bottom:0}.type-table{width:100%;border-collapse:collapse;margin-top:6px}.type-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);font-weight:650}.type-table td{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.type-table tr:last-child td{border-bottom:0}.flag-list{display:flex;flex-wrap:wrap;gap:5px}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--line)}.tab{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-2);font-size:13.5px;font-weight:550;cursor:pointer;margin-bottom:-1px}.tab:hover{color:var(--ink);background:var(--surface-2);border-radius:7px 7px 0 0}.tab.active{color:var(--brand-dark);border-bottom-color:var(--brand)}.tab svg{color:var(--muted)}.tab.active svg{color:var(--brand)}.tab-count{font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.tab.active .tab-count{background:var(--brand-wash);border-color:#cfe1f8;color:var(--brand-dark)}.po-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.po-summary>div{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.po-summary b{font-size:15px}.po-summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:650}.doc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 720px){.doc-row{grid-template-columns:1fr}}.doc-slot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.doc-slot.doc-required{border-color:var(--brand);background:var(--brand-wash)}.doc-slot.doc-required .doc-head{color:var(--brand-dark)}.doc-head{display:flex;align-items:center;gap:10px;color:var(--muted)}.doc-head b{display:block;font-size:13px;color:var(--ink)}.doc-head span span,.doc-head>div>span{font-size:11.5px;color:var(--muted)}.line-items td{padding:6px;vertical-align:middle}.line-items .input,.line-items .select{height:34px;font-size:13px}.scan-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.scan-inputs{display:flex;align-items:stretch;gap:8px}.scan-inputs .scan-box{flex:1;min-width:0}.scan-inputs .btn{align-self:center}.ref-box .input{font-family:var(--font)}@media (max-width: 640px){.scan-inputs{flex-wrap:wrap}}.scan-row{display:flex;align-items:center;gap:10px}.scan-ref{width:150px;height:30px;font-size:12.5px;flex-shrink:0}.scan-serial{flex:1;min-width:0}.scan-mapped{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:var(--good-wash);color:#0a7d0a;border:1px solid #bfe6bf;font-size:11.5px;font-weight:600;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-action.mapped{color:#0a7d0a}.icon-action.open{background:var(--brand-wash);border-color:#cfe1f8;color:var(--brand-dark)}.scan-list li.picking{background:var(--brand-wash)}.map-picker{padding:8px 0 4px 31px}.map-picker .input{height:32px;font-size:13px}.map-results{list-style:none;margin:6px 0 0;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.map-results li{border-bottom:1px solid var(--line)}.map-results li:last-child{border-bottom:0}.map-results button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:7px 10px;border:0;background:transparent;cursor:pointer;text-align:left;font-size:12.5px}.map-results button:hover{background:var(--brand-wash)}.map-results button>span:first-child{display:flex;flex-direction:column;gap:1px;min-width:0}.map-product{font-size:11px;color:var(--brand-dark);font-weight:600}.scan-mode{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink-2);padding:3px 9px 3px 7px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.scan-mode:hover{border-color:var(--muted)}.scan-mode input{width:14px;height:14px;margin:0;accent-color:var(--brand);cursor:pointer}.scan-mode:has(input:checked){border-color:var(--brand);background:var(--brand-wash);color:var(--brand-dark)}.scan-box{display:flex;align-items:center;gap:9px;padding:6px 8px 6px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .12s,box-shadow .12s}.scan-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #2a78d624}.scan-box.full{border-color:var(--good);background:var(--good-wash)}.scan-box>svg{color:var(--muted);flex-shrink:0}.scan-box.full>svg{color:var(--good)}.scan-box .input{border:0;box-shadow:none;height:30px;padding:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13.5px;background:transparent}.scan-box .input:focus{box-shadow:none}.scan-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:12px;color:var(--ink-2)}.scan-meta .scan-done{color:#0a7d0a;font-weight:600}.scan-progress{height:5px;margin-top:6px;background:#f1f2f4;border-radius:999px;overflow:hidden}.scan-progress-fill{height:100%;background:var(--brand);border-radius:999px;transition:width .18s}.scan-list{list-style:none;margin:12px 0 0;padding:0;max-height:190px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm)}.scan-list li{display:flex;align-items:center;gap:10px;padding:7px 9px;border-bottom:1px solid var(--line);animation:fade .14s ease-out}.scan-list li:last-child{border-bottom:0}.scan-list li:nth-child(odd){background:var(--surface-2)}.scan-index{width:21px;height:21px;flex-shrink:0;display:grid;place-items:center;border-radius:5px;background:var(--brand-wash);color:var(--brand-dark);font-size:11px;font-weight:650}.scan-serial{flex:1;font-size:13px}.register-box{padding:10px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);max-width:340px}.swap-row{display:flex;align-items:center;gap:14px}.swap-row>svg{color:var(--muted);flex-shrink:0}.swap-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.swap-side b{font-size:14px}.swap-side .badge{align-self:flex-start}.linkish{background:0;border:0;padding:0;cursor:pointer;color:var(--brand);font:inherit;font-size:11.5px;text-decoration:underline}.linkish:hover{color:var(--brand-dark)}.map-search{margin-bottom:14px}.map-search .scan-box{padding:6px 10px}.map-search .map-results{margin-top:8px}.map-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:16px}.po-totals{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.po-totals>div{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.po-totals span{font-size:11.5px;color:var(--muted);font-weight:600}.po-totals b{font-size:14px}.po-totals .grand{padding-left:20px;border-left:1px solid var(--line)}.po-totals .grand b{font-size:19px;letter-spacing:-.01em}.roi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.roi-tile{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);display:flex;flex-direction:column;gap:4px}.roi-tile span{font-size:11.5px;color:var(--muted);font-weight:600}.roi-tile b{font-size:18px;letter-spacing:-.01em}.roi-good{color:#0a7d0a}.roi-bad{color:var(--critical)}.recovery-bar{height:10px;margin-top:14px;background:#f1f2f4;border-radius:999px;overflow:hidden}.recovery-fill{height:100%;background:var(--series-1);border-radius:999px;transition:width .25s}.placement-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.placement{flex:1;min-width:84px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);text-align:center}.placement b{display:block;font-size:17px}.placement span{font-size:11px;color:var(--muted)}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;flex-direction:column;gap:9px}.toast{display:flex;align-items:flex-start;gap:9px;min-width:260px;max-width:380px;padding:11px 13px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:13px;animation:slide .16s ease-out}@keyframes slide{0%{transform:translate(12px);opacity:0}to{transform:none;opacity:1}}.toast.success{border-left-color:var(--good)}.toast.error{border-left-color:var(--critical)}.toast .close{margin-left:auto;background:0;border:0;color:var(--muted);cursor:pointer;padding:0 2px}.center-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.spinner{width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-row{height:44px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f6f7f8 25%,#eef0f2 37%,#f6f7f8 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.card-inset{background:var(--surface-2, #fafbfc);border:1px solid var(--line, #e6e8ec);border-radius:10px;padding:14px 16px}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:13px;top:10px;bottom:10px;width:2px;background:var(--line, #e6e8ec)}.timeline-row{display:flex;gap:12px;padding:9px 0;position:relative}.timeline-dot{flex:0 0 28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f1f2f4;color:#5c636e;border:2px solid var(--surface, #fff);position:relative;z-index:1}.timeline-body{flex:1;min-width:0}.timeline-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.ev-fitted{background:#e8f0fb;color:#2a78d6}.ev-payment{background:#e6f4ec;color:#1d7a45}.ev-renewal{background:#fdf1e3;color:#b06a12}.ev-swap{background:#f0ecfb;color:#6244b8}.ev-complaint{background:#fbe9e9;color:#b32f2f}.ev-resolved{background:#e6f4ec;color:#1d7a45}.portal{min-height:100vh;background:var(--bg, #f6f7f9)}.portal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--surface, #fff);border-bottom:1px solid var(--line, #e6e8ec)}.portal-brand{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15px}.portal-sub{color:var(--muted, #6b7280);font-size:12.5px;margin-top:2px}.portal-tabs{display:flex;gap:4px;padding:0 24px;background:var(--surface, #fff);border-bottom:1px solid var(--line, #e6e8ec);overflow-x:auto}.portal-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;background:none;cursor:pointer;color:var(--muted, #6b7280);font:inherit;font-size:13.5px;border-bottom:2px solid transparent;white-space:nowrap}.portal-tab:hover{color:var(--text, #1f2430)}.portal-tab.active{color:var(--brand, #2a78d6);border-bottom-color:var(--brand, #2a78d6)}.call-link{display:inline-flex;align-items:center;gap:4px;color:var(--brand, #2a78d6);text-decoration:none}.call-link:hover{text-decoration:underline}.portal-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--critical);color:#fff;font-size:10.5px;font-weight:700;line-height:1}.portal-body{padding:22px 24px 40px;display:flex;flex-direction:column;gap:18px}.portal-actions{display:flex;align-items:center;gap:12px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.link-btn{border:0;background:none;padding:0;font:inherit;color:var(--brand, #2a78d6);cursor:pointer;text-decoration:underline}@media (max-width: 720px){.head-actions{width:100%}.head-actions .btn{flex:1 1 auto;justify-content:center}}.scanner{margin-bottom:14px}.scanner-frame{position:relative;width:100%;max-width:560px;aspect-ratio:16 / 9;background:#10131a;border-radius:12px;overflow:hidden}.scanner-video{width:100%;height:100%;object-fit:cover;display:block}.scanner-reticle{position:absolute;top:30%;right:6%;bottom:30%;left:6%;border:2px solid rgba(255,255,255,.85);border-radius:10px;box-shadow:0 0 0 100vmax #00000052;pointer-events:none}.scanner-close,.scanner-torch{position:absolute;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#10131ab8;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.scanner-close{right:10px}.scanner-torch{right:54px}.scanner-torch.on{background:#f0b429;color:#10131a}.scanner-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:12.5px}.scanner-error{color:#9c2f2f;display:inline-flex;align-items:center;gap:6px}.scanner-done{color:#1d7a45;display:inline-flex;align-items:center;gap:6px}.scanner-reticle.read{border-color:#3ddc84}@media (max-width: 720px){.portal-head{padding:10px 12px;gap:8px;align-items:flex-start}.portal-brand{font-size:14px;white-space:nowrap}.portal-brand-full,.portal-whoami{display:none}.portal-actions{gap:8px;flex-shrink:0}.portal-tabs{padding:0 8px}.portal-tab{padding:11px 12px;font-size:13px}.portal-body{padding:14px 12px 32px;gap:14px}.portal .stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.portal .stat{padding:12px}.portal .stat-value{font-size:22px}.portal .card-head{flex-direction:column;align-items:stretch;gap:10px}.portal .card-head .btn{width:100%;justify-content:center}.portal .card-head>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.portal .card-head .badge{white-space:nowrap;align-self:center}.portal .card-head>div:last-child>.btn{flex:1 1 140px;width:auto}.portal .toolbar{flex-wrap:wrap;gap:8px}.portal .toolbar .search{flex:1 1 100%}.portal .toolbar .select.filter{flex:1 1 45%}.portal .input,.portal .select{font-size:16px;min-height:44px}.portal .btn{min-height:44px}.portal input[type=checkbox]{width:22px;height:22px}.portal .table-wrap,.portal .card>table.type-table,.portal table.data{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.portal-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:0;overflow:visible;padding:0}.portal-tab{justify-content:center;padding:10px 6px;font-size:12px;gap:4px;border-bottom:2px solid transparent;min-height:44px}.scan-box{flex-wrap:wrap}.scan-box .input{flex:1 1 100%}.scan-box .btn{flex:1 1 100%;justify-content:center}.btn-block-sm{width:100%;justify-content:center}.scanner-frame{aspect-ratio:4 / 3;max-width:none}.scanner-reticle{top:26%;right:5%;bottom:26%;left:5%}.form-grid{grid-template-columns:1fr}.field.span-2{grid-column:auto}.po-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.portal table.data,.portal table.data tbody,.portal table.data tr,.portal table.data td{display:block;width:auto}.portal table.data{overflow:visible;min-width:0}.portal table.data thead{display:none}.portal table.data tr{border:1px solid var(--line, #e6e8ec);border-radius:var(--radius-sm, 8px);background:var(--surface, #fff);padding:10px 12px;margin-bottom:10px}.portal table.data tr:last-child{margin-bottom:0}.portal table.data td{border:0;padding:5px 0;text-align:left!important}.portal table.data td:before{content:attr(data-label);display:block;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted, #6b7280);margin-bottom:2px}.portal table.data td:first-child:before{display:none}.portal table.data td:first-child{font-size:14px}.portal table.data td.actions{padding-top:10px;margin-top:6px;border-top:1px dashed var(--line, #e6e8ec)}.portal table.data td.actions:before{display:none}.portal table.data td.actions>*{width:100%}.portal table.data td.actions .btn{width:100%;justify-content:center}.portal table.data td.actions>div{display:flex;gap:8px}.portal table.data td.actions>div>.btn{flex:1 1 auto}.portal table.data td.actions>div>.icon-action{flex:0 0 auto;width:44px}}@media (max-width: 420px){.po-summary{grid-template-columns:1fr}}.grouped{display:flex;flex-direction:column;gap:14px}.group{border:1px solid var(--line, #e6e8ec);border-radius:10px;overflow:hidden}.group-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--surface-2, #fafbfc);border-bottom:1px solid var(--line, #e6e8ec);font-size:13.5px}.group-head .muted{margin-left:auto;font-size:12.5px}.group-cat-head{padding:7px 12px 2px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted, #6b7280)}.group-cat table.type-table{margin:0}.dash{display:grid;gap:22px}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.sec-head h2{font-size:15px;font-weight:650;margin:0;letter-spacing:-.01em}.sec-head p{margin:3px 0 0;font-size:12.5px;color:var(--muted)}.hero{background:linear-gradient(135deg,#1c5cab,#2a78d6 55%,#4a8ee0);color:#fff;border-radius:var(--radius);padding:22px 24px;display:grid;gap:18px;box-shadow:var(--shadow)}.hero-greet h1{font-size:22px;font-weight:660;margin:0;letter-spacing:-.02em}.hero-greet p{margin:4px 0 0;font-size:13px;color:#ffffffd1}.hero-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick{background:#ffffff21;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:12px 14px}.quick-label{font-size:11px;text-transform:uppercase;letter-spacing:.045em;color:#fffc}.quick-value{font-size:24px;font-weight:670;line-height:1.15;margin-top:5px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(186px,1fr));gap:13px}.kpi{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--series-1);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.kpi-blue{border-left-color:var(--series-1)}.kpi-orange{border-left-color:var(--series-2)}.kpi-aqua{border-left-color:var(--series-3)}.kpi-violet{border-left-color:var(--series-4)}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-label{font-size:12px;font-weight:600;color:var(--ink-2)}.kpi-icon{color:var(--muted);display:grid;place-items:center}.kpi-value{font-size:24px;font-weight:670;letter-spacing:-.02em;margin-top:9px;line-height:1.15}.kpi-sub{margin-top:5px;font-size:11.5px;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.panel-head h3{font-size:14px;margin:0;font-weight:640}.panel-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}.panel-body{padding:16px}.row-2-1{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.mod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:16px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px}.chart-measure{width:100%}.chart-scroll{overflow-x:auto;overflow-y:hidden;margin:0 -4px;padding:0 4px}.chart .crosshair{stroke:var(--line-strong);stroke-width:1}.chart .band-hover{fill:var(--surface-2)}.chart .axis-year{fill:#b3b1ac;font-size:10px}.chart .target-mark{stroke:var(--ink);stroke-width:2;stroke-linecap:round}.tip-box{fill:#101828;opacity:.95}.tip-label{font-size:11px;fill:#c9cedb}.tip-value{font-size:12.5px;fill:#fff;font-weight:600}.legend-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}.legend-inline{list-style:none;margin:9px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px}.legend-swatch.sm{width:9px;height:9px;border-radius:2px}.legend-total{display:flex;gap:5px 16px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.legend-total .legend-item b{font-size:13.5px}.ring-wrap{display:grid;justify-items:center;gap:7px}.ring-value{font-size:21px;font-weight:660;fill:var(--ink)}.ring-label{font-size:12px;color:var(--ink-2);font-weight:600;text-align:center}.mod-body{display:grid;gap:15px}.mod-split{display:flex;align-items:center;gap:18px}.mod-stats{display:grid;gap:7px;flex:1;min-width:0}.mod-stat{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ink-2)}.mod-stat b{font-size:14px;color:var(--ink)}.cat-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 14px;background:var(--surface-2)}.cat-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:11px}.cat-name{font-size:13px;font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-total{font-size:12px;color:var(--muted);white-space:nowrap}.rank-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.rank-row{display:grid;gap:6px}.rank-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.rank-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-value{font-size:13px}.feed{list-style:none;margin:0;padding:0;display:grid}.feed-item{display:flex;gap:11px;padding:10px 2px;border-bottom:1px solid var(--line)}.feed-item:last-child{border-bottom:none}.feed-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.feed-body{min-width:0}.feed-text{font-size:13px;line-height:1.35}.feed-sub{font-size:11.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-time{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap;padding-left:8px}.tone-brand{background:var(--brand-wash);color:var(--brand-dark)}.tone-good{background:var(--good-wash);color:#0a7d0a}.tone-warning{background:#fdf2da;color:#8a6100}.tone-critical{background:var(--critical-wash);color:var(--critical)}.tone-violet{background:#eceaf7;color:#4a3aa7}.tone-aqua{background:#e3f6ef;color:#0f7f58}@media (max-width: 1050px){.row-2-1,.row-2{grid-template-columns:1fr}}@media (max-width: 760px){.hero-quick{grid-template-columns:repeat(2,1fr)}.hero{padding:18px}.mod-split{gap:14px}}@media (max-width: 430px){.hero-quick,.kpi-row{grid-template-columns:1fr}}.map-product-block{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:12px;background:var(--surface-2)}.map-product-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.map-product-head b{font-size:13.5px}.map-product-head .cell-sub{margin-left:8px;display:inline}.map-scan{display:flex;gap:8px;align-items:center;position:relative}.map-scan .input{flex:1;padding-left:32px}.map-scan-icon{position:absolute;left:10px;color:var(--muted);pointer-events:none;display:grid;place-items:center}.map-scan .btn{flex-shrink:0}.map-adopt{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.map-adopt .lbl{display:block;margin-bottom:6px}.map-bulk{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.map-bulk .field{flex:1;min-width:130px;margin:0}.map-product-block .table-wrap{margin-top:10px}@media (max-width: 640px){.map-bulk .field{min-width:100%}}.map-totals input.input{width:130px;text-align:right;padding:5px 8px}.map-totals input[type=date]{text-align:left}.map-totals-note{grid-column:1 / -1;display:flex;align-items:center;gap:10px;justify-content:flex-end;padding-top:8px;flex-wrap:wrap}.search-select{position:relative}.search-select .input{padding-left:32px;padding-right:30px;width:100%}.search-select-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;display:grid;place-items:center}.search-select-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);cursor:pointer;padding:2px;display:grid;place-items:center;border-radius:4px}.search-select-clear:hover{background:var(--surface-2);color:var(--ink)}.search-select-list{position:absolute;z-index:30;left:0;right:0;margin-top:4px;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.search-select-list button.is-active{background:var(--brand-wash)}.search-select-note{padding:10px 12px;font-size:12.5px;color:var(--muted)}.complaint-layout{display:grid;grid-template-columns:1fr 230px;gap:18px;align-items:start}.kind-row{display:flex;flex-wrap:wrap;gap:8px}.kind-option{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;background:var(--surface);color:var(--ink-2)}.kind-option:hover{border-color:var(--muted)}.kind-option input{margin:0}.kind-option.selected{border-color:var(--brand);background:var(--brand-wash);color:var(--brand-dark);font-weight:600}.kind-option svg{flex-shrink:0}.priority-high{border-color:var(--critical);color:var(--critical);font-weight:600}.priority-medium{border-color:var(--warning);color:#8a6100;font-weight:600}.priority-low{border-color:var(--line-strong)}.char-count{text-align:right}.picked-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.picked-row .cell-sub{display:block}.sample-panel{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;background:var(--surface-2);position:sticky;top:0}.sample-panel h4{font-size:13px;margin:0;font-weight:650}.sample-panel p{margin:2px 0 10px}.sample-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.sample-panel li{font-size:12.5px;color:var(--ink-2);padding-left:12px;position:relative}.sample-panel li:before{content:"•";position:absolute;left:0;color:var(--muted)}.sample-client{background:#eef4fd;border-color:#d6e4f8}.sample-vehicle{background:#e9f7ef;border-color:#cfeada}.sample-sim{background:#fdf6e6;border-color:#f2e4bd}.sample-software{background:#f1effb;border-color:#ddd7f3}.sample-server{background:#fbeded;border-color:#f3d8d8}@media (max-width: 860px){.complaint-layout{grid-template-columns:1fr}.sample-panel{position:static}}.kind-badge{font-weight:600}.kind-client{background:#eef4fd;color:#1c5cab;border-color:#d6e4f8}.kind-vehicle{background:#e9f7ef;color:#1d7a45;border-color:#cfeada}.kind-sim{background:#fdf6e6;color:#8a6100;border-color:#f2e4bd}.kind-software{background:#f1effb;color:#4a3aa7;border-color:#ddd7f3}.kind-server{background:#fbeded;color:#b32f2f;border-color:#f3d8d8}.priority-badge{font-weight:600}.priority-badge.priority-high{background:var(--critical-wash);color:var(--critical);border-color:#f3d8d8}.priority-badge.priority-medium{background:#fdf2da;color:#8a6100;border-color:#f2e4bd}.priority-badge.priority-low{background:var(--surface-2);color:var(--ink-2);border-color:var(--line)}.nav-waiting{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:10px;background:var(--critical);color:#fff;font-size:11px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.nav-item.active .nav-waiting{background:#fff;color:var(--brand-dark)}.due-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.due-filter .select,.due-filter .input{min-width:140px}.migrate-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-strong)}.migrate-row .field{flex:1;min-width:150px;margin:0}.warranty-cell{display:grid;gap:4px}.warranty-cell .select{width:100%}.warranty-till{font-size:12.5px;color:var(--ink-2);font-weight:600}.metric-cell{padding-top:0!important;display:flex;flex-wrap:wrap;gap:6px 16px}.metric-tick{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);cursor:pointer}.metric-tick input{margin:0}.metric-answers{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px}.metric-answer{font-size:12px;color:var(--muted)}.metric-answer b{color:var(--ink-2)}.metric-answer.on b{color:#1d7a45}.contact-rows{display:flex;flex-direction:column;gap:8px}.contact-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 32px;gap:8px;align-items:center}@media (max-width: 720px){.contact-row{grid-template-columns:1fr 1fr 32px}.contact-row .input:first-child{grid-column:1 / -1}}.import-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:12px}.import-group{border:1px solid var(--line);border-radius:8px;overflow:hidden}.import-group-head{padding:8px 11px;background:var(--surface-2);border-bottom:1px solid var(--line)}.import-group-head b{display:block;font-size:13px}.import-group-body{max-height:172px;overflow-y:auto}.import-group-row{display:flex;justify-content:space-between;gap:10px;padding:5px 11px;font-size:12.5px;border-bottom:1px solid var(--line)}.import-group-row:last-child{border-bottom:0}.import-group-row .badge{margin-left:6px}.dup-panel{border:1px solid var(--line);border-radius:8px;margin-top:12px;overflow:hidden}.dup-head{display:block;width:100%;text-align:left;padding:9px 12px;background:var(--surface-2);border:0;border-bottom:1px solid var(--line);cursor:pointer;font:inherit;color:inherit}.dup-head:hover{background:var(--line)}.dup-head svg{vertical-align:-2px;margin-right:4px}.dup-head[aria-expanded=true] svg{transform:rotate(180deg)}.dup-list{max-height:320px;overflow-y:auto}.dup-head b{display:block;font-size:13px}.dup-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border-bottom:1px solid var(--line);font-size:12.5px}.dup-row:last-child{border-bottom:0}.dup-row label{display:flex;align-items:center;gap:9px;cursor:pointer}.dup-row .cell-sub{display:block}.dup-foot{padding:9px 12px;background:var(--surface-2);font-size:12.5px}.daterange{position:relative}.daterange-button{display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}.daterange-button.has-value{border-color:var(--brand);color:var(--brand-dark)}.daterange-pop{position:absolute;z-index:30;top:calc(100% + 6px);left:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #10182829;padding:10px}.daterange-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 8px;font-size:13px;font-weight:600}.daterange-months{display:flex;gap:18px}.daterange-name{font-size:12px;color:var(--muted);text-align:center;padding-bottom:6px}.daterange-grid{display:grid;grid-template-columns:repeat(7,32px);gap:2px}.daterange-dow{font-size:11px;color:var(--muted);text-align:center;padding-bottom:2px}.daterange-day{height:30px;border:0;border-radius:6px;background:transparent;font:inherit;font-size:12.5px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none}.daterange-day:hover{background:var(--surface-2)}.daterange-day.in{background:var(--brand-wash);border-radius:0}.daterange-day.edge{background:var(--brand);color:#fff;border-radius:6px}.daterange-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;margin-top:8px;border-top:1px solid var(--line)}.nav-item-button{width:100%;text-align:left;background:transparent;border:0;font:inherit;cursor:pointer}.legend-toggle{display:flex;align-items:center;gap:7px;background:transparent;border:0;padding:2px 4px;border-radius:6px;font:inherit;cursor:pointer}.legend-toggle:hover{background:var(--surface-2)}.legend-toggle.off{opacity:.4}.legend-toggle.off .legend-swatch{background:var(--line-strong)!important}.chart-hoverable{position:relative}.chart-tip{position:absolute;z-index:5;margin-left:10px;min-width:190px;padding:9px 11px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #10182824;pointer-events:none}.chart-tip-head{font-size:12px;font-weight:600;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--line)}.chart-tip-row{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:2px 0}.chart-tip-label{flex:1;color:var(--ink-2)}.install-btn{width:100%;justify-content:center;margin-bottom:8px}.sidebar .install-btn{background:#ffffff0f;border-color:#ffffff24;color:#e8ecf3}.sidebar .install-btn:hover{background:#ffffff1f}.install-icon{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-2);cursor:pointer}.install-icon:hover{border-color:var(--brand);color:var(--brand)}.login-install:not(:empty){margin-top:18px}.install-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.install-steps li{line-height:1.55}.scrim,.menu-btn,.drawer-close{display:none}@media (max-width: 900px){.sidebar{position:fixed;z-index:70;top:0;left:0;bottom:0;height:100%;width:272px;flex-basis:272px;transform:translate(-100%);transition:transform .22s cubic-bezier(.32,.72,0,1);box-shadow:none}.app.menu-open .sidebar{transform:none;box-shadow:0 0 40px #00000073}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#0b101a80;opacity:0;pointer-events:none;transition:opacity .22s ease}.app.menu-open .scrim{opacity:1;pointer-events:auto}.menu-btn{display:inline-grid;place-items:center;width:40px;height:40px;margin-left:-8px;flex-shrink:0;border:0;border-radius:9px;background:transparent;color:var(--ink);cursor:pointer}.menu-btn:hover{background:var(--surface-2)}.drawer-close{display:grid;margin-left:auto}.brand{padding-right:12px}.nav-item,.nav-child{min-height:42px}.nav-toggle{min-width:34px;min-height:34px}}@media (max-width: 900px){.topbar{height:56px;padding:0 14px;gap:10px}.topbar-title{min-width:0;flex:1}.topbar h1{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .crumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-side{display:none}.content{padding:14px 12px 40px}.login-main{padding:24px 16px}.card-head{flex-direction:column;align-items:stretch;gap:10px}.card-head .btn{width:100%;justify-content:center}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;white-space:nowrap;min-height:44px}.portal-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar{padding:12px;gap:8px}.toolbar .search{min-width:0;flex:1 1 100%}.toolbar .select.filter,.toolbar .select{flex:1 1 45%;min-width:0}.toolbar .spacer{display:none}.toolbar .btn{flex:1 1 auto;justify-content:center}.form-grid{grid-template-columns:1fr;gap:13px}.field.span-2{grid-column:auto}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:13px}.stat-value{font-size:22px}.input,.select,.textarea{font-size:16px;min-height:44px}.btn{min-height:42px}.btn-sm{min-height:36px}.icon-action{min-width:36px;min-height:36px}input[type=checkbox],input[type=radio]{width:20px;height:20px}.table-wrap,.card>table.data,table.type-table{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{min-width:620px}table.data th,table.data td{padding-left:10px;padding-right:10px}table.data th.actions,table.data td.actions{position:static}.table-foot{flex-direction:column;align-items:stretch;gap:10px}.table-foot .pager{justify-content:center}.overlay{padding:0;align-items:flex-end}.modal,.modal.narrow,.modal.wide{max-width:none;border-radius:14px 14px 0 0;max-height:94vh;display:flex;flex-direction:column}.modal-body{overflow-y:auto;padding:16px}.modal-head{padding:15px 16px 12px}.modal-foot{padding:12px 16px;border-radius:0}.modal-foot .btn{flex:1;justify-content:center}.head-actions{width:100%}.head-actions .btn{flex:1 1 auto;justify-content:center}.daterange-months{flex-direction:column;gap:10px}.daterange-pop{left:0;right:0;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.daterange-day{min-height:34px}.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 360px){.stat-grid,.portal .stat-grid{grid-template-columns:1fr}}@media (max-width: 440px){.toolbar .select.filter,.toolbar .select{flex:1 1 100%}.content{padding:12px 10px 36px}.modal-foot{flex-wrap:wrap}}@media (display-mode: standalone){.topbar{padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top))}.sidebar{padding-top:env(safe-area-inset-top)}.content{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.modal-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-bottom:4px}.fact-grid+.form-section{margin-top:18px}.fact{min-width:0}.fact-wide{grid-column:1 / -1}.fact-label{display:block;font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.02em}.fact-value{display:block;font-size:13.5px;color:var(--ink);overflow-wrap:anywhere}.kind-option.fixed{cursor:default;opacity:1}.kind-option.fixed input{display:none}@media (max-width: 900px){.fact-grid{grid-template-columns:1fr}}.po-tail{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.po-extras .form-section{margin-top:16px}.po-extras .help{font-size:11.5px;color:var(--muted);margin-top:5px}.po-discount{display:flex;align-items:center;gap:8px}.po-discount .select{max-width:150px}.po-discount .input{max-width:130px}.po-discount-unit{color:var(--muted);font-weight:600}.po-charge{display:flex;align-items:center;gap:8px;margin-bottom:8px}.po-charge .input:first-child{flex:1}.po-charge .input.tnum{max-width:130px}.po-tail .po-totals{flex-direction:column;align-items:stretch;gap:7px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.po-tail .po-totals>div{flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px}.po-tail .po-totals .off b{color:var(--good)}.po-tail .po-totals .grand{padding-left:0;padding-top:9px;border-left:0;border-top:1px solid var(--line-strong)}@media (max-width: 900px){.po-tail{grid-template-columns:1fr;gap:16px}.po-discount{flex-wrap:wrap}.po-discount .select,.po-discount .input{max-width:none;flex:1 1 45%}.po-charge{flex-wrap:wrap}.po-charge .input:first-child{flex:1 1 100%}.po-charge .input.tnum{flex:1;max-width:none}}.po-tail-read{margin:14px 0 0 auto;max-width:320px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:7px}.po-tail-read>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.po-tail-read span{font-size:12.5px;color:var(--ink-2)}.po-tail-read b{font-size:13.5px}.po-tail-read .off b{color:var(--good)}.po-tail-read .grand{padding-top:8px;border-top:1px solid var(--line-strong)}.po-tail-read .grand b{font-size:17px}@media (max-width: 900px){.po-tail-read{max-width:none}}.proof-picks,.proof-list{list-style:none;margin:6px 0 0;padding:0}.proof-picks li{display:flex;align-items:center;gap:7px;padding:5px 8px;margin-bottom:5px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:12.5px}.proof-picks li>span{flex:1;min-width:0;overflow-wrap:anywhere}.proof-list li{margin-bottom:3px}.proof-list .link-btn{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;text-align:left}.comment-sequence{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2, var(--surface));padding:12px 13px}.comment-sequence-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.comment-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.comment-timeline li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:9px 11px;font-size:12.5px}.service-jobs{display:flex;flex-direction:column;gap:12px}.service-job .card-head{padding:13px 15px 10px}.service-job-body{padding:0 15px 15px;display:flex;flex-direction:column;gap:9px}.service-job-body .btn{align-self:flex-start}.swap-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) auto;gap:10px;align-items:end;padding:12px;margin-bottom:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}@media (max-width: 900px){.swap-row{grid-template-columns:1fr}.service-job-body .btn{align-self:stretch;justify-content:center}}.proof-list{display:flex;flex-wrap:wrap;gap:8px}.proof-line{display:flex;align-items:center;gap:4px}.proof-line .cell-sub{white-space:nowrap}.id-format{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}.id-format .ref{color:var(--ink);font-weight:600}.invoice-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:4px}.invoice-row .cell-sub{display:inline-flex;align-items:center;gap:5px}.invoice-row label.btn{cursor:pointer}.settings-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.settings-foot .spacer{flex:1}.field-foot{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.switch-row{display:flex;align-items:center;gap:9px;height:36px}.switch-row input{width:18px;height:18px}@media (max-width: 900px){.settings-foot .spacer{display:none}.settings-foot .btn{flex:1 1 auto;justify-content:center}}.install-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:14px 18px 18px}.install-cal-dow{font-size:11.5px;font-weight:650;color:var(--muted);text-align:center;padding-bottom:4px}.install-cal-cell{min-height:108px;border:1px solid var(--line);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px;background:var(--surface);cursor:pointer}.install-cal-cell.is-pad{border-color:transparent;background:transparent;cursor:default}.install-cal-cell.is-today{border-color:var(--brand);background:var(--brand-wash)}.install-cal-cell.is-selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.install-cal-cell-head{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:650;color:var(--ink-2)}.install-cal-cell.is-today .install-cal-cell-head{color:var(--brand-dark)}.install-cal-add{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--good);color:#fff;cursor:pointer;box-shadow:0 1px 2px #00000029;flex-shrink:0}.install-cal-add:hover{filter:brightness(1.08)}.install-cal-status-counts{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 1px}.install-cal-status-pill{display:inline-flex;align-items:center;gap:3px;height:19px;padding:0 7px;border-radius:999px;font-size:10.5px;white-space:nowrap;border:1px solid transparent}.install-cal-status-pill b{font-size:11px;font-weight:700}.install-cal-status-pill.badge-neutral{background:var(--brand-wash);color:var(--brand-dark);border-color:#cfe1f8}.install-cal-status-pill.badge-warn{background:var(--critical-wash);color:#a83232;border-color:#f0cccc}.install-cal-status-pill.badge-active{background:var(--good-wash);color:#0a7d0a;border-color:#bfe6bf}.install-cal-status-pill.badge-plain{background:var(--surface-2);color:var(--ink-2);border-color:var(--line)}@media (max-width: 760px){.install-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:10px}.install-cal-dow{font-size:10px}.install-cal-cell{min-height:76px;padding:4px}.install-cal-add{width:17px;height:17px}.install-cal-status-pill{height:17px;padding:0 5px;font-size:9px}.install-cal-status-pill b{font-size:9.5px}}.day-sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b101a59}.day-sidebar{position:fixed;top:0;right:0;bottom:0;z-index:61;width:320px;max-width:90vw;background:var(--surface);box-shadow:-8px 0 30px #0000002e;display:flex;flex-direction:column}