:root{--bg:#ffffff;--surface:#ffffff;--surface-2:#f7f7f4;--surface-hover:#f4f4f1;--border:#e8e7e1;--border-soft:#efeee9;--border-strong:#dad9d2;--ink:#1a1a17;--ink-2:#5e5e57;--ink-3:#8f8f86;--label:#9b9b91;--primary:#54688c;--primary-hover:#485a7a;--accent:#54688c;--s-slate:#5f78a0;--s-teal:#47968c;--s-amber:#bf9748;--s-violet:#9179b0;--promo:#bf9748;--paid:#4f77c9;--deduct:#c86a5f;--balance:#5a9b73;--consume:#5f78a0;--ok:#5a9b73;--ok-soft:#eaf4ee;--info:#4f77c9;--info-soft:#ecf1fb;--warn:#bf9748;--warn-soft:#f8f1e4;--deduct-soft:#f9ede9;--radius:12px;--radius-sm:8px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(20,20,16,.04),0 1px 1px rgba(20,20,16,.03);--shadow-pop:0 8px 28px rgba(20,20,16,.14),0 2px 8px rgba(20,20,16,.06);--sans:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mono{font-family:var(--mono)}input,select,textarea,button{font-family:inherit}input[type=text]:focus{outline:none}select{-webkit-appearance:none}::-moz-selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}::selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}.sticky-header{position:sticky;top:0;z-index:50;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:.5px solid var(--border)}.sticky-nav{position:sticky;top:53px;z-index:40;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:.5px solid var(--border)}.nav-btn{border-bottom:1.5px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.nav-btn.active{border-bottom-color:var(--accent);color:var(--ink)}.nav-btn.active .nav-icon{color:var(--accent)}.nav-btn:not(.active){color:var(--ink-3)}.nav-btn:not(.active):hover{color:var(--ink-2)}.page{display:none}.page.active{display:block}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.pad{padding:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:6px}.panel-title{font-size:14px;font-weight:700;letter-spacing:-.01em;margin:0}.panel-note{font-size:11.5px;color:var(--ink-3);margin-top:3px}.label{font-size:9.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--label)}.seg{display:inline-flex;border:.5px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.seg button{font-family:var(--sans);font-size:11px;font-weight:600;color:var(--ink-2);padding:5px 10px;border:0;background:transparent;cursor:pointer;border-right:.5px solid var(--border);transition:.12s}.seg button:last-child{border-right:0}.seg button:hover{background:var(--surface-hover);color:var(--ink)}.seg button.active{background:var(--accent);color:#fff}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:6px;line-height:1.5;white-space:nowrap}.badge.active{background:var(--ok-soft);color:var(--ok)}.badge.paid{background:var(--info-soft);color:var(--info)}.badge.promo,.badge.warn{background:var(--warn-soft);color:var(--promo)}.badge.err{background:var(--deduct-soft,#f8eae7);color:var(--deduct)}.badge.ghost{background:#f0f0ec;color:var(--ink-2)}.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.stat{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px}.stat .big{font-family:var(--mono);font-size:21px;font-weight:600;letter-spacing:-.03em;line-height:1}.stat .foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend .it{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.legend .sw{width:10px;height:10px;border-radius:3px;flex:0 0 10px}.legend .it.muted{opacity:.36}.axis-y-lbl{font-family:var(--mono);font-size:10px;fill:var(--ink-3)}.axis-x-lbl{font-family:var(--sans);font-size:10.5px;fill:var(--ink-3)}.grid-line{stroke:var(--border-soft);stroke-width:1}.zero-line{stroke:var(--border-strong);stroke-width:1}.hover-band{fill:transparent;cursor:crosshair}.heat-lbl{font-family:var(--sans);font-size:11px;fill:var(--ink-3)}.heat-cell{transition:opacity .1s;cursor:default}.heat-cell:hover{stroke:var(--ink);stroke-width:1.3}.hbar{display:grid;grid-template-columns:132px 1fr 92px;align-items:center;gap:12px;padding:8px 0}.hbar+.hbar{border-top:.5px solid var(--border-soft)}.hbar .nm{font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar .track{height:8px;background:#f0f0ec;border-radius:5px;overflow:hidden}.hbar .track>i{display:block;height:100%;border-radius:5px}.hbar .val{text-align:right;font-family:var(--mono);font-size:12px;font-weight:600}.hbar .val .pct{color:var(--ink-3);font-weight:500;margin-left:7px;font-size:10.5px}.chart-tip{position:fixed;pointer-events:none;z-index:80;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);border:.5px solid var(--border);border-radius:11px;padding:10px 12px;font-size:11.5px;box-shadow:0 8px 28px #1a1a171a,0 1px 3px #1a1a170f;min-width:150px;opacity:0;transition:opacity .12s;transform:translate(-50%,calc(-100% - 12px))}.chart-tip .tt-h{font-weight:700;margin-bottom:6px}.chart-tip .tt-row{display:flex;align-items:center;gap:8px;margin:3px 0}.chart-tip .tt-row .sw{width:9px;height:9px;border-radius:2px;flex:0 0 9px}.chart-tip .tt-row .k{color:var(--ink-3)}.chart-tip .tt-row .v{margin-left:auto;font-family:var(--mono);font-weight:600}.chart-tip .tt-tot{border-top:.5px solid var(--border);margin-top:6px;padding-top:6px;display:flex;justify-content:space-between;font-weight:700}.chart-tip .tt-tot .v{font-family:var(--mono)}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-box{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(2px);margin-bottom:8px;padding:5px 10px;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-2);font-weight:600;letter-spacing:.01em;border:.5px solid var(--border);box-shadow:0 6px 20px #1a1a171a,0 1px 3px #1a1a170f;font-size:10px;border-radius:999px;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;white-space:nowrap;z-index:99}.tooltip-wrap:hover .tooltip-box{opacity:1;transform:translate(-50%) translateY(0)}.qa-btn:hover{background:var(--surface-hover);color:var(--ink)}.card-hover:hover{border-color:var(--border-strong)}.fld-lbl{display:block;font-size:11px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.fld-hint{font-size:10.5px;color:var(--ink-3);margin:6px 0 0;line-height:1.5}.inp{width:100%;font-family:var(--sans);font-size:12.5px;color:var(--ink);background:var(--surface);border:.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 11px;transition:border-color .15s,box-shadow .15s}.inp:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.inp:disabled,.inp[readonly]{background:var(--surface-2);color:var(--ink-2);cursor:default;box-shadow:none;border-color:var(--border)}.inp::-moz-placeholder{color:var(--ink-3)}.inp::placeholder{color:var(--ink-3)}.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.set-row-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:.5px solid var(--border-soft)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--label);padding:10px 12px;border-bottom:.5px solid var(--border)}.tbl th.r,.tbl td.r{text-align:right}.tbl th.c,.tbl td.c{text-align:center}.tbl td{padding:10px 12px;border-bottom:.5px solid var(--border-soft);font-size:12px;vertical-align:middle}.tbl tr:last-child td{border-bottom:0}tr.row-hover{cursor:pointer;transition:background .1s}tr.row-hover:hover td{background:var(--surface-hover)}.progress-bg{background:#ededea;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;border-radius:9999px;transition:width .5s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141024;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:70}.modal-overlay.hidden{display:none}.side-panel{position:fixed;top:0;bottom:0;right:0;width:340px;background:var(--surface);border-left:.5px solid var(--border);box-shadow:var(--shadow-pop);z-index:60;overflow-y:auto;transform:translate(100%);transition:transform .2s ease}.side-panel:not(.hidden){transform:translate(0)}.audit-scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.audit-scroll::-webkit-scrollbar{width:5px}.audit-scroll::-webkit-scrollbar-track{background:transparent}.audit-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.audit-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.alert-row{display:flex;align-items:flex-start;gap:11px;padding:13px 18px}.alert-row+.alert-row{border-top:.5px solid var(--border-soft)}.alert-dot{width:6px;height:6px;border-radius:50%;margin-top:5px;flex-shrink:0}.chip{padding:8px 12px;font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--surface);border:.5px solid var(--border-strong);border-radius:9px;cursor:pointer;font-family:var(--mono);transition:.12s}.chip:hover{border-color:var(--ink-3)}.chip.active{background:var(--accent);color:#fff;border-color:var(--ink)}.pay-opt{display:flex;align-items:center;gap:11px;padding:11px 12px;border:.5px solid var(--border-strong);border-radius:10px;background:var(--surface);cursor:pointer;text-align:left;transition:.12s;width:100%}.pay-opt:hover{border-color:var(--ink-3)}.pay-opt.active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.pay-opt .po-radio{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--border-strong);flex-shrink:0;position:relative}.pay-opt.active .po-radio{border-color:var(--accent)}.pay-opt.active .po-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--accent)}