:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Roboto Mono", Consolas, monospace;font-family:var(--font-body);font-feature-settings:"cv05" 1, "cv08" 1, "ss01" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;color:var(--ink,#0f172a);background:var(--bg,#f5f7fa)}*{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{background:var(--bg,#f5f7fa);color:var(--ink,#0f172a);min-height:100vh}#root{min-height:100vh}button{font:inherit;color:inherit}:root{--bg:#f5f7fa;--card:#fff;--card-2:#f8fafc;--ink:#0f172a;--ink-2:#475569;--ink-3:#94a3b8;--line:#eaeef3;--line-2:#dce2ea;--brand:#2563eb;--brand-ink:#1d4ed8;--brand-soft:#2563eb14;--brand-line:#2563eb38;--pos:#059669;--pos-ink:#047857;--pos-soft:#0596691a;--pos-line:#05966938;--warn:#d97706;--warn-ink:#b45309;--warn-soft:#d977061a;--warn-line:#d9770638;--alarm:#dc2626;--alarm-soft:#dc262617;--alarm-line:#dc262638;--violet:#7c3aed;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 1px 3px #0f172a0f, 0 8px 24px #0f172a0f;--surface:var(--card);--surface-2:var(--card-2);--surface-3:var(--card-2);--border:var(--line);--border-strong:var(--line-2);--text:var(--ink);--text-dim:var(--ink-2);--text-mute:var(--ink-3);--gold:var(--pos);--gold-soft:var(--pos-soft);--green:var(--pos);--green-soft:var(--pos-soft);--blue:var(--brand);--blue-soft:var(--brand-soft);--amber:var(--warn);--amber-soft:var(--warn-soft);--red:var(--alarm);--red-soft:var(--alarm-soft);--num:var(--font-body)}.shell{align-items:flex-start;gap:0;max-width:1560px;min-height:100vh;margin:0 auto;display:flex}.workspace{flex-direction:column;flex:1;gap:18px;min-width:0;max-width:1320px;margin:0 auto;padding:30px 36px 60px;display:flex;overflow-x:clip}.sidenav{background:var(--card);border-right:1px solid var(--line);flex-direction:column;flex:0 0 232px;align-self:stretch;gap:2px;width:232px;min-height:100vh;padding:24px 14px;display:flex;position:sticky;top:0}.sidenav-brand{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:8px;padding:2px 6px 18px;display:flex}.brand-logo{width:auto;max-width:100%;height:30px;display:block}.brand-suffix{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding-left:2px;font-size:10px;font-weight:600}.topbar-logo{display:none}:root[data-theme=dark] .brand-logo{filter:brightness(0)invert()}.sidenav-group{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:16px 12px 8px;font-size:10px;font-weight:600}.sidenav-nav{flex-direction:column;gap:1px;display:flex}.side-item{text-align:left;width:100%;color:var(--ink-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:11px;padding:9px 10px;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex}.side-item:hover{background:var(--card-2);color:var(--ink)}.side-item.active{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.side-item.muted{color:var(--ink-3)}.side-item.muted:hover{color:var(--ink-2)}.side-item:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.side-step{background:var(--card-2);width:24px;height:24px;color:var(--ink-3);font-variant-numeric:tabular-nums;border-radius:6px;flex:0 0 24px;place-items:center;font-size:11px;font-weight:600;display:inline-grid}.side-item.active .side-step{background:var(--brand);color:#fff}.side-label{flex:1;min-width:0}.side-live{background:var(--pos);width:7px;height:7px;box-shadow:0 0 0 3px var(--pos-soft);border-radius:50%}.side-soon{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--card-2);border-radius:999px;padding:2px 6px;font-size:9px;font-weight:600}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:2px 0;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:var(--brand);color:#fff;letter-spacing:.01em;border-radius:11px;place-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:grid;box-shadow:0 4px 12px #2563eb3d}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 3px;font-size:11px;font-weight:600}.topbar h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:23px;font-weight:700}.topbar-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mode-chip{background:var(--card);border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.mode-chip .dot{background:var(--warn);width:7px;height:7px;box-shadow:0 0 0 3px var(--warn-soft);border-radius:50%}.mode-chip.live{color:var(--pos-ink);border-color:var(--pos-line);background:var(--pos-soft)}.mode-chip.live .dot{background:var(--pos);box-shadow:0 0 0 3px var(--pos-soft);animation:2.6s ease-in-out infinite pulse}.mode-chip.shadow{color:var(--warn-ink);border-color:var(--warn-line);background:var(--warn-soft)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.28)}}.last-sync{background:var(--card);border:1px solid var(--line-2);border-radius:999px;align-items:baseline;gap:7px;padding:8px 14px;font-size:12px;display:inline-flex}.last-sync .label{color:var(--ink-3)}.last-sync strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.filter-strip{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:6px 8px;display:flex}.period-tabs{background:var(--card-2);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.period-tab{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 15px;font-size:12px;font-weight:600;transition:color .15s,background .15s}.period-tab:hover{color:var(--ink)}.period-tab.active{background:var(--card);color:var(--brand-ink);box-shadow:var(--shadow-sm)}.period-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.filter-hint{color:var(--ink-3);gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.filter-hint strong{color:var(--ink-2);font-weight:600}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi-grid:has(.kpi-ready){grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;min-width:0;padding:18px 20px 20px;transition:box-shadow .18s,transform .18s;display:flex;position:relative}.kpi:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.kpi:before{content:"";background:var(--line-2);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:20px;right:20px}.kpi-waiting:before{background:var(--warn)}.kpi-paid:before{background:var(--brand)}.kpi-review:before{background:var(--alarm)}.kpi header{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:600}.trust{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.trust-verified,.trust-clean{color:var(--pos-ink);background:var(--pos-soft);border-color:var(--pos-line)}.trust-shadow{color:var(--ink-3);background:var(--card-2);border-color:var(--line-2)}.trust-attention{color:var(--alarm);background:var(--alarm-soft);border-color:var(--alarm-line)}.trust-estimate{color:var(--brand-ink);background:var(--brand-soft);border-color:var(--brand-line)}.kpi-money{letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.05}.kpi-review .kpi-money{color:var(--alarm)}.kpi-meta{color:var(--ink-2);flex-direction:column;gap:3px;font-size:12px;display:flex}.kpi-hint{color:var(--ink-3);font-size:11px}.kpi-grid:has(.kpi-ready) .kpi-ready{grid-column:1/-1;gap:10px;padding:22px 26px 24px}.kpi-grid:has(.kpi-ready) .kpi-ready:before{background:var(--pos)}.kpi-grid:has(.kpi-ready) .kpi-ready .kpi-label{color:var(--pos-ink);letter-spacing:.1em}.kpi-grid:has(.kpi-ready) .kpi-ready .kpi-money{color:var(--pos);letter-spacing:-.03em;font-size:clamp(40px,5.5vw,60px);font-weight:800}.kpi-grid:has(.kpi-ready) .kpi-ready .kpi-meta{flex-flow:wrap;align-items:center;gap:14px;font-size:12.5px}.kpi-grid:has(.kpi-ready) .kpi-ready .kpi-hint{border-left:1px solid var(--line-2);padding-left:14px;font-size:12.5px}.grid-2col{grid-template-columns:1.6fr 1fr;gap:14px;display:grid}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;min-width:0;padding:20px 22px 18px;display:flex}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:12px;display:flex}.panel-head h2{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:15px;font-weight:700}.panel-sub{color:var(--ink-3);margin:4px 0 0;font-size:12px}.pill{background:var(--card-2);color:var(--ink-2);border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.pill-warn{background:var(--alarm-soft);color:var(--alarm);border-color:var(--alarm-line)}.inspector-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.inspector-list li{border-radius:var(--radius-sm);border-bottom:1px solid var(--line);flex-direction:column;gap:9px;padding:13px 12px;transition:background .15s;display:flex}.inspector-list li:last-child{border-bottom:none}.inspector-list li:hover{background:var(--card-2)}.ins-click{all:unset;cursor:pointer;flex-direction:column;gap:9px;width:100%;display:flex}.ins-click:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}.ins-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ins-name{color:var(--ink);font-size:14px;font-weight:600}.ins-ready{color:var(--pos-ink);font-variant-numeric:tabular-nums;align-items:baseline;gap:9px;font-size:15px;font-weight:700;display:inline-flex}.ins-ready em{letter-spacing:.03em;text-transform:uppercase;background:var(--pos-soft);color:var(--pos-ink);border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal;font-weight:600}.ins-bar{background:var(--card-2);border-radius:999px;gap:2px;height:7px;display:flex;overflow:hidden}.ins-bar .seg{min-width:0;height:100%;transition:width .3s}.seg-ready{background:var(--pos)}.seg-waiting{background:var(--warn)}.seg-paid{background:var(--brand)}.ins-detail{color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font-size:12px;display:flex}.ins-detail .flagged{color:var(--alarm);font-weight:600}.sync-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.sync-list li{border-bottom:1px solid var(--line);grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px;display:grid}.sync-list li:last-child{border-bottom:none}.freshness-dot{background:var(--ink-3);border-radius:50%;width:8px;height:8px}.dot-fresh{background:var(--pos);box-shadow:0 0 0 3px var(--pos-soft)}.dot-recent{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.dot-stale{background:var(--alarm);box-shadow:0 0 0 3px var(--alarm-soft)}.dot-missing{background:var(--ink-3)}.src-name{font-family:var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.src-count{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px}.src-time{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;min-width:60px;font-size:11px}.queue-panel .panel-head,.detail-panel-head{align-items:center}.detail-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tab-nav{background:var(--card-2);border-radius:var(--radius-sm);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.tab{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.tab:hover{color:var(--ink)}.tab.active{background:var(--card);color:var(--brand-ink);box-shadow:var(--shadow-sm)}.tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tab-count{background:var(--line-2);min-width:20px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.tab.active .tab-count{background:var(--brand-soft);color:var(--brand-ink)}.search-box{background:var(--card-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:7px 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.search-box:focus-within{border-color:var(--brand);background:var(--card);box-shadow:0 0 0 3px var(--brand-soft)}.search-box svg{color:var(--ink-3);flex-shrink:0}.search-box input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;width:210px;min-width:0;font-size:13px}.search-box input::placeholder{color:var(--ink-3)}.search-box input[type=search]::-webkit-search-cancel-button{appearance:none}.search-box .clear{all:unset;cursor:pointer;color:var(--ink-3);padding:0 2px;font-size:15px;line-height:1}.search-box .clear:hover{color:var(--ink)}.csv-btn,.ar-export{border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line-2);color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.csv-btn:hover,.ar-export:hover:not(:disabled){color:var(--brand-ink);border-color:var(--brand-line);background:var(--brand-soft)}.csv-btn:focus-visible,.ar-export:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ar-export:disabled{opacity:.5;cursor:not-allowed}.table{flex-direction:column;gap:0;min-width:0;display:flex;overflow-x:auto}.tr{color:var(--ink);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 12px;font-size:13px;transition:background .12s;display:grid}.tr:last-child{border-bottom:none}.tr:not(.th):hover{background:var(--card-2)}.th{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-2);padding:6px 12px 8px;font-size:10px;font-weight:700}.tr span{font-variant-numeric:tabular-nums;min-width:0}.reason{color:var(--ink-2);font-size:12px}.strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.tr.tr-large{box-shadow:inset 3px 0 0 var(--pos)}.tr-issue:hover{background:var(--alarm-soft)}.table-pay-now .tr{grid-template-columns:1.3fr 1fr .68fr .85fr .95fr 1.1fr .85fr;min-width:880px}.table-waiting .tr{grid-template-columns:1.3fr 1fr .9fr .85fr .9fr .9fr .85fr;min-width:880px}.table-paid .tr{grid-template-columns:1.3fr 1fr .9fr .9fr .95fr .95fr .85fr;min-width:880px}.queue-panel .th-issue,.queue-panel .tr-issue{grid-template-columns:1.2fr 1fr 1.05fr .7fr 1.85fr .85fr;min-width:840px}.detail-table-ready .tr{grid-template-columns:1.4fr .7fr .85fr .95fr 1.1fr .85fr;min-width:720px}.detail-table-waiting .tr{grid-template-columns:1.25fr .7fr .85fr .8fr .85fr .95fr .85fr;min-width:820px}.detail-table-issues .tr,.detail-table-issues .th-issue{grid-template-columns:1.2fr .7fr .8fr 1fr .7fr 1.5fr .85fr;min-width:820px}.detail-table-paid .tr{grid-template-columns:1.4fr .9fr .95fr .9fr .95fr .85fr;min-width:720px}.detail-table-paid-batch .tr{grid-template-columns:1.35fr .75fr .8fr .9fr .55fr 1.15fr;min-width:780px}.detail-table-wide .tr{grid-template-columns:.7fr 1.3fr 1fr .8fr .6fr .9fr 1.1fr .9fr .9fr;min-width:900px}.badge-cell{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.badge-cell em{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal}.mini-badge{letter-spacing:.02em;text-transform:uppercase;background:var(--brand-soft);color:var(--brand-ink);border:1px solid var(--brand-line);border-radius:999px;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.mini-badge.amber{background:var(--warn-soft);color:var(--warn-ink);border-color:var(--warn-line)}.mini-badge.sev-low{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand-line)}.mini-badge.sev-medium{background:var(--warn-soft);color:var(--warn-ink);border-color:var(--warn-line)}.mini-badge.sev-high{background:var(--alarm-soft);color:var(--alarm);border-color:var(--alarm-line)}code{font-family:var(--font-mono);background:var(--card-2);color:var(--ink-2);border-radius:4px;padding:2px 6px;font-size:11px}.cust-link{color:var(--ink);border-bottom:1px solid #0000;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.cust-link:hover{color:var(--brand-ink);border-bottom-color:var(--brand-line)}.cust-link svg{opacity:0;color:var(--ink-3);transition:opacity .15s,color .15s}.cust-link:hover svg{opacity:1;color:var(--brand)}.inv-link{letter-spacing:.03em;text-transform:uppercase;color:var(--brand-ink);background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.inv-link:hover{color:#fff;background:var(--brand)}.inv-missing{color:var(--ink-3)}.phone-cell{font-family:var(--font-mono);color:var(--ink-2);font-size:12px}.phone-cell.copy{all:unset;cursor:pointer;font-family:var(--font-mono);color:var(--ink-2);border-bottom:1px dashed var(--line-2);font-size:12px}.phone-cell.copy:hover{color:var(--brand-ink);border-bottom-color:var(--brand-line)}.phone-cell.copy:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.empty-state{border-radius:var(--radius-sm);border:1px dashed var(--line-2);color:var(--ink-2);background:var(--card-2);align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.empty-state strong{color:var(--ink);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.empty-state p{margin:0;font-size:12px}.empty-state svg{color:var(--ink-3);flex-shrink:0;margin-top:2px}.alert{border-radius:var(--radius);background:var(--alarm-soft);border:1px solid var(--alarm-line);color:var(--alarm);padding:16px 20px;font-size:13px;font-weight:500}.footnote{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:6px;padding:14px 4px 0;font-size:11px;display:flex}.footnote code{color:var(--ink-2);background:0 0;padding:0}.lifecycle-soon{align-items:flex-start;gap:14px;padding:44px 34px}.soon-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink);background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:999px;padding:5px 11px;font-size:10px;font-weight:700}.lifecycle-soon h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.lifecycle-soon p{max-width:560px;color:var(--ink-2);margin:0;font-size:14px;line-height:1.55}.lifecycle-soon p strong{color:var(--brand-ink);font-weight:600}.inspector-detail{flex-direction:column;gap:16px;display:flex}.detail-head{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:2px 0;display:grid}.back-btn{all:unset;background:var(--card);border:1px solid var(--line-2);color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.back-btn:hover{color:var(--ink);border-color:var(--ink-3)}.back-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.detail-title h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.detail-toplines{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.topline{background:var(--card);border:1px solid var(--line-2);color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.topline.gold{color:var(--pos-ink);border-color:var(--pos-line);background:var(--pos-soft)}.detail-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-blue:before{background:var(--brand)}.kpi-gold:before{background:var(--warn)}.kpi-green:before{background:var(--pos)}.kpi-violet:before{background:var(--violet)}.kpi-blue .kpi-money{color:var(--brand-ink)}.kpi-gold .kpi-money{color:var(--warn-ink)}.kpi-green .kpi-money{color:var(--pos-ink)}.kpi-violet .kpi-money{color:var(--violet)}.status-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.status-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);border-left:3px solid var(--line-2);box-shadow:var(--shadow-sm);flex-direction:column;gap:5px;padding:15px 17px;display:flex}.status-card .status-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:10px;font-weight:600}.status-card .status-value{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:700}.status-card .status-count{color:var(--ink-3);font-size:11px}.status-ready{border-left-color:var(--pos)}.status-waiting{border-left-color:var(--warn)}.status-paid{border-left-color:var(--brand)}.status-review{border-left-color:var(--alarm)}.status-ready .status-value{color:var(--pos-ink)}.status-waiting .status-value{color:var(--warn-ink)}.status-paid .status-value{color:var(--brand-ink)}.status-review .status-value{color:var(--alarm)}.month-chart{align-items:flex-end;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.month-bar{flex-direction:column;flex:1 0 76px;align-items:center;gap:8px;min-width:76px;display:flex}.month-bar .bar-track{background:var(--card-2);border:1px solid var(--line);border-radius:5px;align-items:flex-end;width:100%;height:140px;display:flex;overflow:hidden}.month-bar .bar-fill{background:linear-gradient(180deg, #3b82f6, var(--brand));border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .3s ease-out}.month-bar .bar-labels{text-align:center;flex-direction:column;gap:2px;display:flex}.month-bar .bar-labels strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.month-bar .bar-labels span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:9px}.month-bar .bar-labels em{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:10px;font-style:normal}.detail-table .phone,.tr-sheet .phone{font-family:var(--font-mono);color:var(--ink-2);font-size:12px}.mini-badge.sheet-paid{background:var(--pos-soft);color:var(--pos-ink);border-color:var(--pos-line)}.mini-badge.sheet-ready{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand-line)}.mini-badge.sheet-waiting{background:var(--warn-soft);color:var(--warn-ink);border-color:var(--warn-line)}.mini-badge.sheet-blank{background:var(--card-2);color:var(--ink-3);border-color:var(--line-2)}.total-strip{background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}.ts-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-size:10px;font-weight:600}.ts-value{color:var(--pos-ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.ts-value-dim{color:var(--ink-2)}.ts-count{color:var(--ink-2);font-size:11px}.ts-divider{background:var(--line-2);align-self:stretch;width:1px;margin:0 6px}.paid-batch-list{flex-direction:column;gap:12px;display:flex}.paid-batch-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.paid-batch-head{background:var(--brand-soft);border-bottom:1px solid var(--brand-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.paid-batch-head strong{color:var(--ink);font-size:14px}.paid-batch-head span{color:var(--ink-2);word-break:break-word;margin-top:2px;font-size:11px;display:block}.paid-batch-money{text-align:right}.paid-batch-money strong{color:var(--brand-ink);font-variant-numeric:tabular-nums;font-size:16px}.paid-batch-money span{color:var(--ink-3);font-variant-numeric:tabular-nums}.batch-strip{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.batch-strip:before{content:"";background:var(--pos);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:22px;right:22px}.batch-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.batch-title{color:var(--ink);letter-spacing:-.01em;margin:2px 0 0;font-size:18px;font-weight:700}.batch-money{color:var(--pos-ink);font-variant-numeric:tabular-nums;font-weight:800}.batch-sub{color:var(--ink-3);max-width:300px;font-size:12px}.batch-rows{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.batch-row{all:unset;cursor:pointer;border-radius:var(--radius-sm);background:var(--card-2);border:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.batch-row:hover{border-color:var(--pos-line);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.batch-row:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.batch-name{color:var(--ink);font-size:13px;font-weight:600}.batch-amt{color:var(--pos-ink);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.batch-count{color:var(--ink-2);font-size:10.5px}.wk-strip{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px 24px;display:grid}.wk-col{flex-direction:column;gap:4px;min-width:0;display:flex}.wk-col:last-child{text-align:right;align-items:flex-end}.wk-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:600}.wk-value{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(22px,3vw,28px);font-weight:700}.wk-value.muted{color:var(--ink-2)}.wk-sub{color:var(--ink-2);font-size:11px}.wk-delta{border-radius:var(--radius-sm);background:var(--card-2);border:1px solid var(--line);flex-direction:column;align-items:center;gap:2px;padding:10px 18px;display:flex}.wk-delta strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.wk-delta .wk-sub{text-align:center}.wk-arrow{font-size:12px;line-height:1}.wk-delta.wk-up{background:var(--pos-soft);border-color:var(--pos-line)}.wk-delta.wk-up strong,.wk-delta.wk-up .wk-arrow{color:var(--pos-ink)}.wk-delta.wk-down{background:var(--alarm-soft);border-color:var(--alarm-line)}.wk-delta.wk-down strong,.wk-delta.wk-down .wk-arrow{color:var(--alarm)}.wk-delta.wk-flat strong{color:var(--ink)}.dq-strip{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.dq-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.dq-title{color:var(--ink);font-size:14px;font-weight:700}.dq-sub{color:var(--ink-3);font-size:12px}.dq-items{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.dq-item{border-radius:var(--radius-sm);background:var(--card-2);border:1px solid var(--line);border-left:3px solid var(--ink-3);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.dq-label{color:var(--ink);font-size:12px;font-weight:600}.dq-value{font-variant-numeric:tabular-nums;color:var(--ink);font-size:20px;font-weight:700}.dq-sub-line{color:var(--ink-2);font-size:11px}.dq-alarm{border-left-color:var(--alarm)}.dq-alarm .dq-value{color:var(--alarm)}.dq-warn{border-left-color:var(--warn)}.dq-warn .dq-value{color:var(--warn-ink)}.dq-info{border-left-color:var(--brand)}.dq-info .dq-value{color:var(--brand-ink)}.ar-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:-2px 2px 0;display:flex}.ar-freshness{color:var(--ink-3);align-items:center;gap:8px;font-size:12px;display:inline-flex}.ar-controls-head{flex-wrap:wrap;align-items:center;gap:12px}.ar-search{border:1px solid var(--line-2);background:var(--card-2);min-width:200px;max-width:340px;color:var(--ink);border-radius:var(--radius-sm);font:inherit;flex:1;margin-left:auto;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.ar-search::placeholder{color:var(--ink-3)}.ar-search:focus{border-color:var(--brand);background:var(--card);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.kpi-ar-collectible:before,.kpi-ar-total:before{background:var(--pos)}.kpi-ar-awaiting:before,.kpi-ar-avg:before{background:var(--brand)}.kpi-ar-financed:before,.kpi-ar-largest:before{background:var(--violet)}.kpi-ar-overdue:before{background:var(--alarm)}.kpi-ar-collectible .kpi-money,.kpi-ar-total .kpi-money{color:var(--pos-ink)}.kpi-ar-overdue .kpi-money{color:var(--alarm)}.kpi-ar-financed .kpi-money,.kpi-ar-largest .kpi-money{color:var(--violet)}.aging-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.aging-cell{border-radius:var(--radius-sm);background:var(--card-2);border:1px solid var(--line);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.aging-cell.danger{border-color:var(--alarm-line);background:var(--alarm-soft)}.aging-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.aging-amount{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:700}.aging-cell.danger .aging-amount{color:var(--alarm)}.aging-count{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:11px}.tr-ar{cursor:pointer;grid-template-columns:1.6fr 1fr .6fr .8fr .8fr .85fr .72fr 1.05fr;min-width:980px}.tr-ar.th{cursor:default}.ar-collect{align-items:center;display:flex}.ar-status{width:100%;font:inherit;letter-spacing:.02em;border:1px solid var(--line-2);cursor:pointer;background:var(--card-2);color:var(--ink);text-transform:capitalize;border-radius:8px;padding:5px 6px;font-size:11px;font-weight:700}.ar-status:disabled{opacity:.6;cursor:wait}.ar-status-open{background:var(--card-2);color:var(--ink-2)}.ar-status-promised{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand-line)}.ar-status-disputed{background:var(--warn-soft);color:var(--warn-ink);border-color:var(--warn-line)}.ar-status-in_collections{background:var(--alarm-soft);color:var(--alarm);border-color:var(--alarm-line)}.ar-status-written_off{background:var(--card-2);color:var(--ink-3);text-decoration:line-through}.ar-status-paid{background:var(--pos-soft);color:var(--pos-ink);border-color:var(--pos-line)}.tr-ar:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.ar-cust{flex-direction:column;gap:3px;min-width:0;display:flex}.ar-cust-name{align-items:baseline;gap:4px;min-width:0;display:inline-flex}.ar-flag{color:var(--warn);font-size:12px;font-style:normal}.ar-state,.ar-nophone{color:var(--ink-3);font-size:11px;font-style:normal}.ar-num{font-family:var(--font-mono);color:var(--ink-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ar-total-row{cursor:default;border-top:1px solid var(--line-2);color:var(--ink);background:var(--card-2);font-weight:700}.ar-total-row:hover{background:var(--card-2)}.modal-scrim{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;justify-content:center;align-items:flex-start;padding:44px 20px;animation:.15s both fade;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);width:100%;max-width:560px;overflow:hidden;box-shadow:0 24px 60px #0f172a3d}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.modal-head h2{color:var(--ink);letter-spacing:-.01em;margin:2px 0 0;font-size:18px;font-weight:700}.modal-sub{color:var(--ink-2);margin:4px 0 0;font-size:12px}.modal-close{all:unset;cursor:pointer;width:30px;height:30px;color:var(--ink-2);border-radius:8px;place-items:center;font-size:22px;line-height:1;display:grid}.modal-close:hover{background:var(--card-2);color:var(--ink)}.modal-close:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.modal-body{max-height:62vh;padding:6px 22px 22px;overflow-y:auto}.modal-dl{flex-direction:column;margin:0;display:flex}.modal-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,.5fr) 1fr;gap:16px;padding:9px 0;display:grid}.modal-row:last-child{border-bottom:none}.modal-row dt{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px;font-weight:600}.modal-row dd{color:var(--ink);font-variant-numeric:tabular-nums;word-break:break-word;white-space:pre-wrap;margin:0;font-size:13px}.error-boundary{background:var(--bg);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.eb-card{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--alarm);border-radius:var(--radius);max-width:520px;box-shadow:var(--shadow);padding:32px}.eb-card h2{color:var(--ink);letter-spacing:-.01em;margin:6px 0 12px;font-size:22px;font-weight:700}.eb-body{color:var(--ink-2);margin:0 0 16px;font-size:14px;line-height:1.55}.eb-detail{font-family:var(--font-mono);color:var(--alarm);background:var(--alarm-soft);border:1px solid var(--alarm-line);border-radius:var(--radius-sm);white-space:pre-wrap;margin:0 0 16px;padding:12px;font-size:12px;overflow-x:auto}.eb-card button{cursor:pointer;color:#fff;background:var(--brand);border-radius:var(--radius-sm);border:none;padding:10px 18px;font-size:13px;font-weight:600}.eb-card button:hover{background:var(--brand-ink)}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=1100px){:is(.kpi-grid,.kpi-grid:has(.kpi-ready)){grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2col{grid-template-columns:1fr}}@media (width<=900px){.shell{flex-direction:column;align-items:stretch}.workspace{width:100%;max-width:100%;padding:22px 18px 44px}.sidenav{z-index:20;border-right:none;border-bottom:1px solid var(--line);flex-direction:row;flex:none;align-items:center;gap:6px;width:100%;min-height:0;padding:10px 12px;position:sticky;top:0;overflow-x:auto}.sidenav-brand,.sidenav-group{display:none}.topbar-logo{height:28px;display:block}.sidenav-nav{flex-direction:row;gap:4px}.side-item{white-space:nowrap;border-bottom:2px solid #0000;width:auto;padding:8px 11px}.side-item.active{border-bottom-color:var(--brand)}.side-soon{display:none}.detail-head{grid-template-columns:1fr;gap:12px}.detail-kpi-grid,.status-cards,.aging-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-search{max-width:none;margin-left:0}.month-bar{flex-basis:58px;min-width:58px}}@media (width<=640px){.workspace{padding:18px 14px 40px}:is(.kpi-grid,.kpi-grid:has(.kpi-ready)),.detail-kpi-grid,.status-cards{grid-template-columns:1fr}.kpi-grid:has(.kpi-ready) .kpi-ready .kpi-money{font-size:38px}.topbar{gap:12px}.tab-nav{width:100%;overflow-x:auto}.wk-strip{grid-template-columns:1fr;gap:12px}.wk-col:last-child{text-align:left;align-items:flex-start}.detail-controls{width:100%}.search-box{flex:1}.search-box input{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.theme-toggle{all:unset;cursor:pointer;background:var(--card);border:1px solid var(--line-2);width:36px;height:36px;color:var(--ink-2);border-radius:999px;place-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-grid}.theme-toggle:hover{color:var(--brand-ink);border-color:var(--brand-line);background:var(--brand-soft)}.theme-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1220;--card:#151c2c;--card-2:#1b2436;--ink:#e7ecf3;--ink-2:#a2afc2;--ink-3:#6b7a90;--line:#273043;--line-2:#33405a;--brand:#4d82f7;--brand-ink:#93b4ff;--brand-soft:#4d82f729;--brand-line:#4d82f757;--pos:#10b981;--pos-ink:#34d399;--pos-soft:#10b98126;--pos-line:#10b98152;--warn:#f59e0b;--warn-ink:#fbbf24;--warn-soft:#f59e0b26;--warn-line:#f59e0b52;--alarm:#f87171;--alarm-soft:#f8717126;--alarm-line:#f8717157;--violet:#a78bfa;--shadow-sm:0 1px 2px #0006;--shadow:0 2px 6px #0006, 0 12px 30px #00000073}:root[data-theme=dark] .brand-mark{color:#fff;box-shadow:0 4px 14px #4d82f74d}:root[data-theme=dark] .side-item.active .side-step{color:#0d1220}.roster-group-head{border-bottom:1px solid var(--line,var(--border,#94a3b81f));justify-content:space-between;align-items:baseline;gap:8px;margin-top:4px;padding:4px 2px 8px;display:flex}.roster-group-head.archived{margin-top:22px}.rg-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--ink,var(--text,#e2e8f0));font-size:10px;font-weight:700}.roster-group-head.archived .rg-label{color:var(--ink-3,var(--text-mute,#64748b))}.rg-count{color:var(--ink-3,var(--text-mute,#64748b));font-size:11px}.rep-tag{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;vertical-align:2px;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:9px;font-weight:600;display:inline-block}.rep-tag.house{background:var(--slate-soft,#60a5fa24);color:var(--slate,var(--blue,#60a5fa));border:1px solid var(--slate-line,#60a5fa3d)}.rep-tag.archived-tag{color:var(--ink-3,var(--text-mute,#64748b));border:1px solid var(--line,var(--border,#94a3b824));background:#94a3b81f}.archived-list li{opacity:.78}.archived-list li:hover{opacity:1}.login-shell{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--card);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);border-radius:24px;padding:28px}.login-card h1{margin:18px 0 8px}.login-copy{color:var(--ink-2);line-height:1.5}.login-form{gap:10px;margin-top:18px;display:flex}.login-form input{border:1px solid var(--line);background:var(--card-2);color:var(--ink);border-radius:14px;flex:1;padding:12px 14px}.login-form button,.approval-actions button{background:var(--brand);color:#fff;border:0;border-radius:14px;padding:12px 16px;font-weight:800}.login-form button:disabled,.approval-actions button:disabled{opacity:.55;cursor:not-allowed}.login-error{color:var(--alarm);font-weight:700}.filter-hint select{color:var(--ink);background:0 0;border:0;outline:none;font-weight:800}.notice-panel,.approval-panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:16px 18px;display:flex}.notice-panel.warning{border-left:4px solid var(--alarm);color:var(--alarm)}.notice-panel span{color:var(--ink-2)}.approval-panel{align-items:flex-start}.approval-panel h2{margin:4px 0}.approval-panel p{color:var(--ink-2);margin:0}.approval-actions{flex-wrap:wrap;gap:10px;display:flex}.approval-note{max-width:330px;font-size:12px}.dq-item{appearance:none;text-align:left;border:1px solid var(--line);cursor:pointer}.dq-item.open{box-shadow:0 0 0 3px var(--brand-soft)}.dq-detail-table{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-top:12px;overflow:hidden}.dq-detail-row{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px 14px;font-size:12px;display:grid}.dq-detail-row:first-child{border-top:0}.dq-detail-head{background:var(--card-2);color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;font-weight:800}@media (width<=760px){.login-form,.notice-panel,.approval-panel{flex-direction:column;align-items:stretch}.dq-detail-row{grid-template-columns:1fr}.filter-hint select{max-width:160px}}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:0;margin-top:12px;font-weight:800}.approval-message{color:var(--pos-ink);font-weight:800}.signout-btn{border:1px solid var(--line);background:var(--card);color:var(--ink-2);cursor:pointer;border-radius:999px;margin-left:8px;padding:3px 8px;font-size:11px}.login-shell{background:radial-gradient(600px 400px at 15% 10%, var(--brand-soft), transparent 60%), radial-gradient(500px 350px at 90% 90%, var(--pos-soft), transparent 60%), var(--bg);place-items:center;min-height:100vh;padding:32px 20px;display:grid;position:relative;overflow:hidden}.login-aura{pointer-events:none;background:radial-gradient(1200px 800px at 50% -20%,#2563eb14,#0000 60%);position:absolute;inset:0}.login-card{z-index:1;background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:6px;width:min(460px,100%);padding:36px 34px 30px;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0d,0 20px 50px #0f172a1a}.login-brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:18px;display:flex}.login-brand .brand-logo{width:auto;height:28px}.login-brand-tag{background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand-ink);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.login-card h1{color:var(--ink);letter-spacing:-.02em;margin:4px 0 6px;font-size:26px;font-weight:700}.login-subtitle{color:var(--ink-2);margin:0 0 22px;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:14px;margin-top:6px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field>span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:600}.login-field input{border:1px solid var(--line-2);background:var(--card-2);color:var(--ink);font-size:14px;font-family:var(--font-body);border-radius:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s}.login-field input:focus{border-color:var(--brand);background:var(--card);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.login-field input::placeholder{color:var(--ink-3)}.login-password{display:block;position:relative}.login-password input{width:100%;padding-right:62px}.login-eye{color:var(--ink-2);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600;transition:background .12s,color .12s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-eye:hover{background:var(--card-2);color:var(--ink)}.login-submit{background:var(--brand);color:#fff;letter-spacing:.01em;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:14px 16px;font-size:14px;font-weight:700;transition:background .15s,transform 50ms,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #2563eb40}.login-submit:hover:not(:disabled){background:var(--brand-ink)}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.login-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite login-spin;display:inline-block}@keyframes login-spin{to{transform:rotate(360deg)}}.login-error{background:var(--alarm-soft);border:1px solid var(--alarm-line);color:var(--alarm);border-radius:10px;flex-direction:column;gap:3px;margin-top:16px;padding:12px 14px;font-size:12px;font-weight:500;display:flex}.login-error strong{letter-spacing:.02em;font-size:12px}.login-error span{color:var(--ink);word-break:break-word;font-weight:400}.login-footnote{color:var(--ink-3);text-align:center;margin:22px 0 0;font-size:12px;line-height:1.5}.archived-toggle-wrap{flex-direction:column;gap:10px;margin-top:14px;display:flex}.archived-toggle{border:1px dashed var(--line-2);color:var(--ink-3);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:8px 14px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.archived-toggle:hover{color:var(--ink);border-color:var(--ink-3);background:var(--card-2)}.archived-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.payroll-banner{border-radius:var(--radius);background:linear-gradient(100deg, var(--brand-soft), var(--card));border:1px solid var(--brand-line);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;display:flex}.payroll-banner.due-soon{background:linear-gradient(100deg, var(--warn-soft), var(--card));border-color:var(--warn-line)}.pb-left{flex-direction:column;gap:3px;min-width:0;display:flex}.pb-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink);font-size:11px;font-weight:700}.payroll-banner.due-soon .pb-eyebrow{color:var(--warn-ink)}.pb-date{color:var(--ink);letter-spacing:-.02em;font-size:22px;font-weight:800}.pb-period{color:var(--ink-2);font-size:12px}.pb-count{border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line-2);flex-direction:column;justify-content:center;align-items:center;min-width:88px;padding:8px 16px;display:flex}.pb-count strong{color:var(--brand-ink);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.payroll-banner.due-soon .pb-count strong{color:var(--warn-ink)}.pb-count span{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-top:3px;font-size:10px;font-weight:600}.payout-list{flex-direction:column;gap:8px;display:flex}.payout-row{grid-template-columns:66px 1fr auto auto;align-items:center;gap:12px;display:grid}.po-date{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.po-bar{background:var(--card-2);border-radius:999px;height:10px;overflow:hidden}.po-fill{background:var(--pos);border-radius:999px;min-width:3px;height:100%}.po-amt{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:78px;font-size:14px;font-weight:700}.po-meta{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;min-width:92px;font-size:11px}@media (width<=640px){.payout-row{grid-template-columns:56px 1fr auto}.po-meta{display:none}.pb-date{font-size:18px}}