:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--line:#dfe5ec;--line-strong:#cbd5e1;--text:#172033;--muted:#667085;--subtle:#98a2b3;--nav:#18233a;--primary:#2563eb;--green:#16875b;--amber:#b76e00;--red:#d13c4c;--purple:#7457d9;--shadow:0 8px 28px rgba(23,32,51,.08);font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:1px}[hidden]{display:none!important}
.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}
.login-card{width:100%;max-width:360px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 28px;box-shadow:0 1px 3px rgba(16,24,40,.06)}
.brand-lockup{display:flex;align-items:baseline;gap:0}
.brand-lockup b{font:900 20px Manrope;letter-spacing:-.02em;color:var(--text)}
.brand-lockup b.accent{color:var(--primary)}
.login-sub{color:var(--muted);font-size:13px;margin:4px 0 22px}
.timezone-dot{width:8px;height:8px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 0 5px rgba(45,212,191,.13)}
.stack{display:grid;gap:17px}.stack label,.field{display:grid;gap:7px;color:#344054;font-size:12px;font-weight:700}.stack input,.stack select,.field input,.field select,.field textarea,.filters input,.filters select{width:100%;border:1px solid var(--line-strong);background:#fff;color:var(--text);border-radius:8px;padding:11px 12px;min-height:42px}.field textarea{min-height:120px;resize:vertical}.stack label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:9px}.stack input[type=checkbox]{width:auto;min-height:0;height:18px;accent-color:var(--primary)}.form-error{color:#a92332;background:#fff1f2;border:1px solid #fecdd3;padding:11px;border-radius:8px;margin:0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;background:var(--nav);color:#fff;display:flex;flex-direction:column;z-index:20}.sidebar-brand{padding:0 9px 24px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-brand small{color:#95a5c1}.sidebar-brand b{color:#fff}.sidebar-brand b.accent{color:#7dabff}.nav{display:grid;gap:3px;overflow:auto;padding-top:10px}.nav button{border:0;background:transparent;text-align:left;padding:10px 11px;border-radius:8px;color:#acbad0;cursor:pointer;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:600;transition:.15s}.nav button:hover{background:rgba(255,255,255,.07);color:#fff}.nav button.active{background:rgba(255,255,255,.12);color:#fff}.nav-icon{width:20px;height:20px;display:grid;place-items:center;font-size:15px}.nav-group{font-size:9px;color:#70829f;letter-spacing:.15em;padding:20px 11px 6px;font-weight:800}.nav-lock{margin-left:auto;font-size:10px;color:#8291aa}.sidebar-foot{margin-top:auto;padding:16px 10px 3px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:12px}.sidebar-foot b,.sidebar-foot small{display:block;font-size:11px}.sidebar-foot small{color:#8496b2;margin-top:3px}.workspace{min-width:0;max-width:100%;overflow-x:hidden}.topbar{min-height:72px;padding:12px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;justify-content:space-between;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar h1{font:800 21px Manrope;margin:2px 0 0}.eyebrow{font-size:9px;letter-spacing:.14em;color:var(--primary);font-weight:800;margin:0}.top-actions{display:flex;align-items:center;gap:10px}.user-menu{display:flex;align-items:center;gap:10px;padding:0 12px;border-left:1px solid var(--line)}.user-menu b,.user-menu small{display:block;font-size:12px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu small{color:var(--muted);font-size:10px;margin-top:3px}.avatar{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#e8efff;color:var(--primary);font-weight:800;border:1px solid #d7e2fb}.page-content{padding:24px 28px 54px;max-width:1680px;margin:auto}.mobile-only{display:none!important}
.button,.icon-button{border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:9px 13px;font-weight:700;font-size:12px;cursor:pointer;transition:.15s;box-shadow:0 1px 2px rgba(16,24,40,.04)}.button:hover,.icon-button:hover{border-color:#98a7ba;background:#f8fafc}.button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.button.primary:hover{background:#1d4ed8}.button.danger{background:#fff4f5;color:#b42334;border-color:#f7c9cf}.button.success{background:#edfbf5;color:#08764d;border-color:#b9e9d3}.button.warning{background:#fff8e8;color:#975b00;border-color:#f0d89b}.button.ghost{background:transparent;box-shadow:none}.button.full{width:100%;padding:12px}.button:disabled{opacity:.45;cursor:not-allowed}.icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center;background:#fff;font-size:17px}.link-button{border:0;background:transparent;color:var(--primary);padding:0;cursor:pointer;font-weight:700;font-size:12px}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:16px}.section-head h2{font:800 20px Manrope;margin:3px 0}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:15px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:18px;box-shadow:0 1px 3px rgba(16,24,40,.035)}.card.clickable{cursor:pointer;transition:.15s}.card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c6d1df}.metric{min-height:120px;position:relative;overflow:hidden}.metric .label{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.metric strong{display:block;font:800 26px Manrope;margin:12px 0 5px}.metric small{color:var(--muted);font-size:11px}.metric:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;background:#eff4ff;right:-22px;top:-22px}.metric.accent{border-top:3px solid var(--primary)}.metric.success{border-top:3px solid var(--green)}.metric.warning{border-top:3px solid #e9a318}.metric.danger{border-top:3px solid var(--red)}.metric .money{color:#174ea6}.panel-title{font:800 14px Manrope;margin:0 0 14px}.empty{padding:38px 20px;text-align:center;color:var(--muted);background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:9px}.empty b{display:block;color:var(--text);margin-bottom:5px}.notice{padding:12px 14px;border:1px solid #f0d89b;background:#fff9eb;color:#805000;border-radius:8px;font-size:12px;line-height:1.5}.notice.info{border-color:#c9d8f8;background:#f2f6ff;color:#254e95}.notice.success{border-color:#b9e9d3;background:#effbf5;color:#0c6a49}.notice.danger{border-color:#f3c2c9;background:#fdf0f2;color:#9c2033}
.file-import-row{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.file-upload-btn{display:inline-flex;align-items:center;gap:6px}
.import-progress{padding:20px}
.import-progress .progress{margin-top:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.toolbar-summary{font-size:12px;color:var(--muted)}
.filters-collapse{margin-bottom:13px}.filters-collapse summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-size:12px;font-weight:700;color:var(--muted);width:fit-content}.filters-collapse summary::-webkit-details-marker{display:none}.filters-collapse summary:before{content:"▸";font-size:10px}.filters-collapse[open] summary:before{content:"▾"}.filters-collapse summary:hover{border-color:#98a7ba;color:var(--text)}.filters-collapse .filters{margin-top:9px;margin-bottom:0}
.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:9px;background:#fff}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;padding:10px 12px;color:#667085;background:#f8fafc;font-size:9px;text-transform:uppercase;letter-spacing:.07em;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line)}.data-table th button{border:0;background:transparent;padding:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.data-table td{padding:11px 12px;border-bottom:1px solid #edf0f4;font-size:12px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#f9fbfd}.plat-logo{height:18px;width:auto;max-width:56px;vertical-align:middle;border-radius:4px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:1px 3px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.muted{color:var(--muted)}.amount{font-weight:800}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.035em;background:#eef2f6;color:#526176;white-space:nowrap}.pill.PAID,.pill.AVAILABLE,.pill.VALID,.pill.SUCCESS,.pill.ACTIVE,.pill.COMMITTED{background:#e8f7ef;color:#08764d}.pill.PENDING,.pill.READY,.pill.DRAFT{background:#fff3d6;color:#8b5700}.pill.PROCESSING,.pill.IMPORTED{background:#eaf1ff;color:#2459b8}.pill.REJECTED,.pill.FAILED,.pill.DISABLED,.pill.DENIED,.pill.ARCHIVED{background:#ffeaed;color:#ad2636}.pill.FLAGGED,.pill.DUPLICATE,.pill.PARTIAL,.pill.UNVERIFIED{background:#f0ebff;color:#6547bf}.row-actions{display:flex;gap:5px;align-items:center}.row-actions .button{padding:6px 8px;font-size:10px}.age{font-variant-numeric:tabular-nums}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding-top:12px}.pagination span{font-size:11px;color:var(--muted);margin-right:8px}
.filters{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:9px;margin-bottom:13px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:9px}.filters label{display:grid;gap:5px;color:#667085;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.filters .filter-actions{display:flex;align-items:end;gap:6px}.tabbar{display:flex;gap:3px;margin-bottom:16px;border-bottom:1px solid var(--line)}.tabbar button{border:0;background:transparent;padding:10px 12px;color:var(--muted);font-weight:700;font-size:12px;cursor:pointer;border-bottom:2px solid transparent}.tabbar button.active{color:var(--primary);border-color:var(--primary)}
.workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:16px;overflow:hidden}.workflow-step{padding:13px 15px;display:flex;align-items:center;gap:10px;border-right:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700}.workflow-step:last-child{border-right:0}.workflow-step b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#53647b;font-size:10px}.workflow-step.active{background:#f2f6ff;color:#214f9f}.workflow-step.active b{background:var(--primary);color:#fff}.workflow-step.done{background:#f2faf5;color:#1f7a4d}.workflow-step.done b{background:#1f9d5c;color:#fff}.import-layout{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(0,1.45fr);gap:15px}.paste-area{width:100%;min-height:250px;background:#fbfcfe;color:#24334a;border:1px solid var(--line-strong);border-radius:8px;padding:14px;font:12px/1.7 ui-monospace,monospace;resize:vertical}.summary-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.summary-chip{padding:7px 9px;background:#f8fafc;border:1px solid var(--line);border-radius:7px;font-size:10px}.claim-lookup{max-width:none}.claim-result{margin-top:16px}.search-hero{padding:24px;background:linear-gradient(120deg,#eff5ff,#f5fbfa);border:1px solid #d9e4f4;border-radius:11px}.search-row{display:grid;grid-template-columns:220px minmax(240px,1fr) auto;gap:10px;align-items:end}.detail-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-list div{background:#f8fafc;border:1px solid var(--line);padding:11px;border-radius:8px}.detail-list small,.detail-list b{display:block}.detail-list small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.payment-message{white-space:pre-wrap;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:14px;font:12px/1.65 ui-monospace,monospace;color:#24334a}.decision-panel{border:2px solid #b8caee;background:#fff;border-radius:12px;padding:20px}.decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.decision-actions .button{min-height:52px;font-size:14px}.chart{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:14px}.bar{flex:1;min-width:8px;background:linear-gradient(180deg,#4f83e5,#2563eb);border-radius:4px 4px 0 0;position:relative}.bar:hover:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#172033;color:#fff;padding:6px 8px;border-radius:6px;font-size:9px;white-space:nowrap;z-index:2}.rank-list{display:grid;gap:8px}.rank-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f4}.rank-item:last-child{border:0}.rank-number{width:25px;height:25px;border-radius:7px;background:#eef3fb;display:grid;place-items:center;color:#395678;font-weight:800;font-size:10px}.progress{height:6px;background:#edf1f5;border-radius:99px;overflow:hidden;margin-top:5px}.progress i{display:block;height:100%;background:var(--primary);border-radius:99px}
.dialog{width:min(620px,calc(100% - 30px));border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);box-shadow:0 24px 70px rgba(16,24,40,.2);padding:0}.dialog.wide{width:min(920px,calc(100% - 30px))}.dialog::backdrop{background:rgba(23,32,51,.48);backdrop-filter:blur(2px)}.dialog-head{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:3px 0 0;font:800 19px Manrope}.dialog-body{padding:20px;display:grid;gap:14px;max-height:72vh;overflow:auto}.dialog-body>.muted:first-child{white-space:pre-line;font-size:13px;font-weight:700;color:var(--text);background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:11px 13px}.dialog-actions{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:7px}.drawer{position:fixed;inset:0;z-index:50;pointer-events:none}.drawer.open{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:rgba(23,32,51,.35);opacity:0;transition:.2s}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(720px,92vw);background:#fff;box-shadow:-20px 0 50px rgba(16,24,40,.16);transform:translateX(100%);transition:.22s;display:flex;flex-direction:column}.drawer.open .drawer-panel{transform:none}.drawer-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-body{padding:20px;overflow:auto}.toast-region{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:100}.toast{background:#172033;color:#fff;border-left:4px solid #2dd4bf;border-radius:8px;padding:12px 15px;box-shadow:var(--shadow);font-size:12px;max-width:380px}.toast.error{border-left-color:#fb7185}.skeleton{height:110px;border-radius:10px;background:linear-gradient(90deg,#eef1f5 25%,#f7f9fb 45%,#eef1f5 65%);background-size:250% 100%;animation:load 1.3s infinite}@keyframes load{to{background-position:-250% 0}}
.role-card{border:1px solid var(--line);border-radius:9px;padding:12px;background:#fff}.role-card label{display:flex;gap:10px;align-items:flex-start}.role-card input{width:16px;min-height:0;height:16px;margin-top:3px;flex-shrink:0;accent-color:var(--primary)}.role-card b,.role-card small{display:block}.role-card small{color:var(--muted);line-height:1.45;margin-top:3px}.ops-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.ops-tile{padding:15px;background:#fff;border:1px solid var(--line);border-radius:10px}.ops-tile h3{margin:8px 0 4px;font-size:14px}.ops-tile p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.ops-tile .button{margin-top:12px}
@media(max-width:1260px){.grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px}.page-content{padding:20px}.import-layout{grid-template-columns:1fr}.workflow-steps{grid-template-columns:1fr 1fr}.workflow-step{border-bottom:1px solid var(--line)}.search-row{grid-template-columns:1fr 1fr}.search-row .button{grid-column:span 2}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two,.grid.three{grid-template-columns:1fr}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;width:248px;transform:translateX(-100%);transition:.2s}.app-shell.nav-open .sidebar{transform:none}.mobile-only{display:grid!important}.topbar{padding:11px 14px}.top-actions .user-menu,.top-actions .ghost{display:none}.page-content{padding:16px 12px 40px}.grid.cards,.grid.five,.grid.two,.grid.three,.ops-directory{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:flex-start;flex-direction:column}.detail-list,.search-row,.decision-actions{grid-template-columns:1fr}.search-row .button{grid-column:auto}.login-card{padding:26px 22px}.workflow-steps{grid-template-columns:1fr}}

/* Dark theme -- display preference only, toggled via #themeToggle, stored in
   localStorage. Every rule here is scoped under [data-theme="dark"] so it is
   strictly additive: it repaints existing elements and never changes markup,
   data, or behavior. */
:root[data-theme="dark"]{--bg:#0f1420;--surface:#171e2c;--surface-2:#1b2334;--line:#2a3348;--line-strong:#3c4864;--text:#e7ecf6;--muted:#9aa7c0;--subtle:#71809c;--nav:#0b111d;--primary:#5b9dff;--green:#34d399;--amber:#f5a524;--red:#f87171;--purple:#a78bfa;--shadow:0 8px 28px rgba(0,0,0,.5)}
[data-theme="dark"] .login-card{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .stack input,[data-theme="dark"] .stack select,[data-theme="dark"] .field input,[data-theme="dark"] .field select,[data-theme="dark"] .field textarea,[data-theme="dark"] .filters input,[data-theme="dark"] .filters select{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}
[data-theme="dark"] .stack label,[data-theme="dark"] .field{color:#c3ccdf}
[data-theme="dark"] .form-error{background:#341a1f;border-color:#5c2530;color:#ff9fac}
[data-theme="dark"] .topbar{background:rgba(15,20,32,.9);border-color:var(--line)}
[data-theme="dark"] .avatar{background:#1e2c4d;border-color:#2c3d63;color:var(--primary)}
[data-theme="dark"] .button,[data-theme="dark"] .icon-button{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}
[data-theme="dark"] .button:hover,[data-theme="dark"] .icon-button:hover{background:#232d44;border-color:var(--subtle)}
[data-theme="dark"] .button.primary{background:var(--primary);border-color:var(--primary);color:#08101f}
[data-theme="dark"] .button.primary:hover{background:#78b0ff}
[data-theme="dark"] .button.danger{background:#33161c;color:#ff9fac;border-color:#5c2530}
[data-theme="dark"] .button.success{background:#0f2e26;color:#5eead4;border-color:#164a3c}
[data-theme="dark"] .button.warning{background:#332711;color:#f5c869;border-color:#573f16}
[data-theme="dark"] .metric:after{background:#1c2740}
[data-theme="dark"] .notice{background:#332711;color:#f5c869;border-color:#573f16}
[data-theme="dark"] .notice.info{background:#182541;color:#8fb4ff;border-color:#233863}
[data-theme="dark"] .notice.success{background:#0f2e26;color:#5eead4;border-color:#164a3c}
[data-theme="dark"] .notice.danger{background:#33161c;color:#ff9fac;border-color:#5c2530}
[data-theme="dark"] .filters-collapse summary{background:var(--surface-2);border-color:var(--line-strong)}
[data-theme="dark"] .table-wrap{background:var(--surface)}
[data-theme="dark"] .data-table th{background:var(--surface-2);color:var(--muted);border-color:var(--line)}
[data-theme="dark"] .data-table td{border-color:var(--line)}
[data-theme="dark"] .data-table tbody tr:hover td{background:var(--surface-2)}
[data-theme="dark"] .plat-logo{background:#fff}
[data-theme="dark"] .pill{background:#232d44;color:#c3ccdf}
[data-theme="dark"] .pill.PAID,[data-theme="dark"] .pill.AVAILABLE,[data-theme="dark"] .pill.VALID,[data-theme="dark"] .pill.SUCCESS,[data-theme="dark"] .pill.ACTIVE,[data-theme="dark"] .pill.COMMITTED{background:#0f2e26;color:#5eead4}
[data-theme="dark"] .pill.PENDING,[data-theme="dark"] .pill.READY,[data-theme="dark"] .pill.DRAFT{background:#332711;color:#f5c869}
[data-theme="dark"] .pill.PROCESSING,[data-theme="dark"] .pill.IMPORTED{background:#182541;color:#8fb4ff}
[data-theme="dark"] .pill.REJECTED,[data-theme="dark"] .pill.FAILED,[data-theme="dark"] .pill.DISABLED,[data-theme="dark"] .pill.DENIED,[data-theme="dark"] .pill.ARCHIVED{background:#33161c;color:#ff9fac}
[data-theme="dark"] .pill.FLAGGED,[data-theme="dark"] .pill.DUPLICATE,[data-theme="dark"] .pill.PARTIAL,[data-theme="dark"] .pill.UNVERIFIED{background:#241c3d;color:#c8b6ff}
[data-theme="dark"] .search-hero{background:linear-gradient(120deg,#182541,#12261f);border-color:var(--line)}
[data-theme="dark"] .detail-list div{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .payment-message{background:var(--surface-2);border-color:var(--line);color:var(--text)}
[data-theme="dark"] .decision-panel{background:var(--surface);border-color:#2c3d63}
[data-theme="dark"] .rank-number{background:#182541;color:#8fb4ff}
[data-theme="dark"] .progress{background:var(--surface-2)}
[data-theme="dark"] .dialog{background:var(--surface);color:var(--text);border-color:var(--line)}
[data-theme="dark"] .dialog-head,[data-theme="dark"] .dialog-actions{border-color:var(--line)}
[data-theme="dark"] .dialog-body>.muted:first-child{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .drawer-panel{background:var(--surface)}
[data-theme="dark"] .drawer-head{border-color:var(--line)}
[data-theme="dark"] .skeleton{background:linear-gradient(90deg,#1b2334 25%,#232d44 45%,#1b2334 65%);background-size:250% 100%}
[data-theme="dark"] .role-card,[data-theme="dark"] .ops-tile{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .empty{background:var(--surface-2)}

/* Payment queue: always-open compact filters, bulk selection bar, big Accept/Reject buttons. */
.filters.filters-payment{grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr) minmax(150px,1fr) auto;align-items:end}
.pay-check{width:38px;text-align:center}
.pay-check input{width:18px;height:18px;margin:0;accent-color:var(--green);cursor:pointer;vertical-align:middle}
.pay-btn{padding:8px 16px;font-size:12px;min-width:76px}
.data-table tbody tr.sel td{background:#eefaf3}
.pay-selbar-wrap{position:fixed;left:248px;right:0;bottom:16px;display:flex;justify-content:center;padding:0 16px;z-index:30;pointer-events:none}
.pay-selbar{pointer-events:auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between;width:min(760px,100%);padding:12px 16px;background:#fff;border:1px solid #b9e9d3;border-radius:12px;box-shadow:0 12px 40px rgba(16,24,40,.22);font-size:13px}
.pay-selbar-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:980px){.pay-selbar-wrap{left:220px}}
@media(max-width:720px){.pay-selbar-wrap{left:0}.filters.filters-payment{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-payment .filter-actions{grid-column:span 2}}
[data-theme="dark"] .data-table tbody tr.sel td{background:#0f2e26}
[data-theme="dark"] .pay-selbar{background:var(--surface);border-color:#164a3c;box-shadow:0 12px 40px rgba(0,0,0,.6)}
.row-actions .pay-btn{padding:8px 16px;font-size:12px;min-width:76px}
.pay-check input{color-scheme:light}
body:has(#paySelBar:not([hidden])) .page-content{padding-bottom:120px}
[data-theme="dark"] .pay-check input{color-scheme:dark}
[data-theme="dark"] .filters{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .filters label{color:var(--muted)}

/* Staff performance: date chips, compact tables with workload bars. */
.range-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 22px;margin-bottom:6px}
.range-chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 16px;font-weight:700;font-size:13px;cursor:pointer;transition:.15s}
.chip:hover{border-color:#98a7ba}
.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}
.range-custom,.range-filters{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.range-filters{margin-left:auto}
.range-custom label,.range-filters label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.range-custom input,.range-filters select{border:1px solid var(--line-strong);background:#fff;color:var(--text);border-radius:8px;padding:8px 10px;min-height:40px}
.range-caption{margin:8px 0 16px;color:var(--muted);font-size:13px}
.range-caption b{color:var(--text);font-size:15px}
.perf-count{display:grid;gap:5px;min-width:120px}
.perf-count b{font-variant-numeric:tabular-nums}
.perf-bar{display:block;height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.perf-bar i{display:block;height:100%;background:var(--primary);border-radius:99px}
.data-table th.num,.data-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.data-table tfoot td{font-weight:800;background:var(--surface-2);border-top:2px solid var(--line-strong)}
.is-loading{opacity:.5;pointer-events:none;transition:opacity .15s}
@media(max-width:720px){.range-filters{margin-left:0}}
[data-theme="dark"] .chip{background:var(--surface-2)}
[data-theme="dark"] .chip.active{color:#08101f}
[data-theme="dark"] .range-custom input,[data-theme="dark"] .range-filters select{background:var(--surface-2);border-color:var(--line-strong);color:var(--text);color-scheme:dark}
[data-theme="dark"] .perf-bar{background:#232d44}