:root{--ink:#10202f;--ink-soft:#1b3040;--paper:#f1f3f2;--card:#fff;--oil:#e39a2d;--line:#e3e8ec;--text:#1c2833;--muted:#64748b;--ok-bg:#ecfdf3;--ok:#067647;--warn:#b54708;--bad:#b42318;--display:"Barlow Semi Condensed", "Barlow", system-ui, sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0}body{font-family:var(--body);background:var(--paper);color:var(--text);font-size:15px}h1{font-family:var(--display);font-size:26px;font-weight:600}h2{font-family:var(--display);font-weight:600}h3{font-family:var(--display);letter-spacing:.01em;margin-bottom:10px;font-size:16px;font-weight:600}.layout{min-height:100vh;display:flex}.side{background:var(--ink);color:#c9d4de;flex-direction:column;flex-shrink:0;width:232px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.content{flex:1;min-width:0}main{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;padding:22px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.brand{align-items:center;gap:10px;padding:4px 8px 18px;display:flex}.brand-mark{background:var(--oil);width:34px;height:34px;color:var(--ink);font-family:var(--display);border-radius:8px;place-items:center;font-size:18px;font-weight:700;display:grid}.brand-mark.big{width:46px;height:46px;margin:0 auto 6px;font-size:24px}.brand-name{color:#fff;font-family:var(--display);font-weight:600;line-height:1.1}.brand-sub{color:#8fa1b3;font-size:12px}nav{flex-direction:column;gap:2px;display:flex}.nav-item{text-align:left;color:#c9d4de;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-item:hover{background:var(--ink-soft);color:#fff}.nav-item.on{background:var(--ink-soft);color:#fff;border-left-color:var(--oil)}.side-foot{border-top:1px solid #24384a;margin-top:auto;padding-top:10px}.whoami{padding:6px 12px 10px}.who-name{color:#fff;font-weight:500}.who-role{color:#8fa1b3;font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.kpis{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px}.kpi-value{font-family:var(--display);font-variant-numeric:tabular-nums;margin:2px 0;font-size:30px;font-weight:700}.kpi-sub{color:var(--muted);font-size:12.5px}.kpi.warn .kpi-value{color:var(--warn)}.grid-2-1{grid-template-columns:2fr 1fr;gap:14px;display:grid}.grid-1-1{grid-template-columns:1fr 1fr;gap:14px;display:grid}button{font:inherit;cursor:pointer;color:var(--text);background:#fff;border:1px solid #cbd5e0;border-radius:8px;padding:8px 14px}button:hover{border-color:#9fb0c0}button.primary{background:var(--ink);color:#fff;border-color:var(--ink);padding:9px 18px}button.primary:hover{background:var(--ink-soft)}button:disabled{opacity:.55;cursor:default}input,select{font:inherit;background:#fff;border:1px solid #cbd5e0;border-radius:8px;padding:8px 10px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--oil);outline-offset:1px}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.seg{border:1px solid #cbd5e0;border-radius:8px;display:inline-flex;overflow:hidden}.seg button{border:0;border-radius:0}.seg button.on{background:var(--ink);color:#fff}.tabs{gap:8px;display:flex}.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}table{border-collapse:collapse;width:100%;font-size:14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}th,td{text-align:left;border-bottom:1px solid #eef1f4;padding:9px 10px}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}tfoot td{border-top:2px solid var(--line);font-weight:700}td.ellip{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}tr.pick{cursor:pointer}tr.pick:hover td{background:#f4f7fa}.muted{color:var(--muted);font-weight:400}.error{color:var(--bad);background:#fef3f2;border:1px solid #fecdca;border-radius:8px;padding:10px 12px}.success{color:var(--ok);background:var(--ok-bg);border:1px solid #abefc6;border-radius:8px;padding:10px 12px}.pending{color:var(--warn);background:#fffaeb;border:1px solid #fedf89;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:12px}.chip{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.chip.warn{color:var(--warn);background:#fffaeb}.chip.bad{color:var(--bad);background:#fef3f2}.paybox{border-top:1px solid #eef1f4;margin-top:12px;padding-top:12px}input.amt{text-align:right;width:120px}.login-wrap{background:var(--ink);place-items:center;min-height:100vh;display:grid}.card.login{text-align:center;flex-direction:column;gap:12px;width:330px;padding:26px;display:flex}@media (width<=980px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-2-1,.grid-1-1{grid-template-columns:1fr}}@media (width<=760px){.layout{flex-direction:column}.side{flex-direction:row;align-items:center;width:100%;height:auto;padding:8px 10px;position:static}.brand{padding:0 8px}.brand-sub,.side-foot .whoami{display:none}nav{flex-direction:row;flex:1}.nav-item{border-bottom:3px solid #0000;border-left:0}.nav-item.on{border-bottom-color:var(--oil)}.side-foot{border:0;margin:0;padding:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}button.kpi{text-align:left;width:100%;display:block}.kpi.click{cursor:pointer;transition:border-color .12s,box-shadow .12s}.kpi.click:hover{border-color:var(--oil);box-shadow:0 1px 6px #10202f14}.chan-list{flex-direction:column;gap:12px;display:flex}.chan-top{justify-content:space-between;gap:8px;font-size:14px;display:flex}.chan-name{font-weight:500}.chan-top em{color:var(--muted);margin-left:4px;font-size:12px;font-style:normal}.chan-bar{background:#eef1f4;border-radius:999px;height:8px;margin-top:4px;overflow:hidden}.chan-bar div{border-radius:999px;height:100%}.chan-sub{color:var(--muted);margin-top:2px;font-size:12px}.drill{border-left:3px solid var(--oil)}.scroll-x{overflow-x:auto}.scroll-x table{min-width:640px}.modal-backdrop{z-index:50;background:#10202f73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(860px,100%);max-height:88vh;overflow-y:auto}.modal h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 0 6px;font-size:14px}.inv-totals{gap:26px;padding:10px 0 2px;display:flex}.inv-totals div{flex-direction:column;display:flex}.inv-totals strong{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:20px}.inv-totals .due{color:var(--warn)}.chip.ok{background:var(--ok-bg);color:var(--ok)}.acct-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.kpi.sel{border-color:var(--oil);box-shadow:0 0 0 1px var(--oil)}.stmt-nums{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px;display:grid}.stmt-nums div{background:#f7f9fb;border-radius:8px;flex-direction:column;padding:10px 12px;display:flex}.stmt-nums strong{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:19px}.stmt-nums .pos{color:var(--ok)}.stmt-nums .neg{color:var(--warn)}.hero{border-left:3px solid var(--oil);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-side{flex-wrap:wrap;gap:26px;display:flex}.hero-side div{flex-direction:column;display:flex}.hero-side strong{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:18px}.hero-side .neg{color:var(--warn)}.toast{background:var(--ink);color:#fff;z-index:100;border-radius:8px;max-width:90vw;padding:10px 18px;font-size:14px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.busy{pointer-events:none;opacity:.55}.spin{border:2px solid #cbd5e0;border-top-color:var(--ink);vertical-align:-3px;border-radius:50%;width:15px;height:15px;margin-right:8px;animation:.8s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.pendingbox{color:#b54708;background:#fffaeb;border:1px solid #fedf89;border-radius:8px;padding:10px 12px}.pay-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.modebox.mock{background:#fffaeb;border-color:#fedf89}.modebox.mock .kpi-value{color:var(--warn)}.modebox.live{background:#ecfdf3;border-color:#abefc6}.modebox.live .kpi-value{color:var(--ok)}.workspace{grid-template-columns:1.5fr 1fr;align-items:start;gap:18px;display:grid}.chgrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.chbtn{border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:14px 6px;font-size:13px;display:flex}.chbtn.on{border:2px solid var(--oil);color:var(--ink);background:#fffbf3;font-weight:500}.slip{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.slip-total{font-family:var(--display);font-variant-numeric:tabular-nums;margin:4px 0 10px;font-size:26px;font-weight:700}.recent-row{border-top:1px solid #eef1f4;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}tr.hl td{box-shadow:inset 3px 0 0 var(--oil);background:#fffbf3}@media (width<=900px){.workspace{grid-template-columns:1fr}}.live-drop{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:8px;overflow:hidden}.live-row{cursor:pointer;border-top:1px solid #f2f4f7;justify-content:space-between;gap:10px;padding:10px 14px;font-size:14px;display:flex}.live-row:first-child{border-top:0}.live-row:hover{background:#f4f7fa}.ws-right{padding:20px}.brand-logo{background:#fff;border-radius:10px;width:auto;height:56px;padding:5px 10px;display:block}.brand-logo.big{height:110px;margin:0 auto 8px;padding:8px 14px}.inv-link{color:var(--ink);text-underline-offset:3px;cursor:pointer;font-weight:500;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.inv-link:hover{color:#b77a16}.inv-modal{width:min(1040px,100%)}.inv-head{border-bottom:2px solid var(--line);grid-template-columns:1fr 1.3fr 1fr auto;align-items:start;gap:16px;padding-bottom:12px;display:grid}.inv-sec-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:11px}.inv-sec-main{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;overflow:hidden}.inv-close{align-self:start}.inv-lines td,.inv-lines th{white-space:nowrap}@media (width<=860px){.inv-head{grid-template-columns:1fr 1fr}}.inv-lines th,.inv-lines td{text-align:center}.inv-lines th.tot,.inv-lines td.tot{text-align:right;font-weight:700}.inv-lines td.ellip{max-width:230px}.inv-totals.bottom{border-top:2px solid var(--line);justify-content:flex-end;gap:34px;margin-top:4px;padding-top:12px;display:flex}.inv-totals.bottom div{flex-direction:column;align-items:flex-end;display:flex}.inv-totals.bottom strong{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:19px}.inv-totals.bottom .due{color:var(--bad)}.live-row{grid-template-columns:1.5fr 1.1fr auto;align-items:center;gap:12px;display:grid}.lr-name{font-weight:500}.lr-meta{color:var(--muted);font-size:13px}.lr-bal{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;font-size:13px}.res-table th{font-size:12px}.res-table td.num,.res-table th.num{text-align:right;font-variant-numeric:tabular-nums}.link{color:#b77a16;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.collect-bar{border-top:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding-top:14px;display:flex}.cb-channels{flex-wrap:wrap;gap:6px;display:flex}.chbtn.row{flex-direction:row;gap:7px;padding:9px 13px;font-size:13px}.cb-inputs{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:260px;display:flex}.cb-post{align-items:center;gap:14px;margin-left:auto;display:flex}.cb-total{flex-direction:column;align-items:flex-end;display:flex}.cb-total strong{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:21px}.backbtn{border:1px solid var(--oil);color:var(--ink);background:#fffbf3;font-weight:600}.backbtn:hover{background:#fff3dd}tr.over-row td{background:#fef3f2}.kpi.warn{border-color:#fda29b}.v-head{border-bottom:2px solid var(--ink);align-items:center;gap:14px;margin-bottom:12px;padding-bottom:12px;display:flex}.v-grid{grid-template-columns:repeat(3,1fr);gap:12px 18px;margin-bottom:14px;display:grid}.v-grid span.muted{font-size:12px;display:block}.v-verify{margin-top:10px;font-size:13px}.v-trail{word-break:break-word;background:#f7f9fb;border-radius:6px;margin-top:8px;padding:8px;font-size:12px}.v-sign{justify-content:space-between;margin-top:34px;font-size:13px;display:flex}.print-only{display:none}@media print{body *{visibility:hidden}.voucher,.voucher *{visibility:visible}.voucher{width:100%;box-shadow:none;border:none;max-height:none;position:absolute;inset:0;overflow:visible}.no-print{display:none!important}.print-only{display:flex}}