:root{--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--accent-h: 264;--accent-c: .15;--accent: oklch(.52 var(--accent-c) var(--accent-h));--accent-strong: oklch(.45 var(--accent-c) var(--accent-h));--accent-soft: oklch(.62 calc(var(--accent-c) * .9) var(--accent-h));--accent-tint: oklch(.96 .025 var(--accent-h));--accent-tint-2: oklch(.92 .045 var(--accent-h));--on-accent: #ffffff;--ok: oklch(.58 .13 155);--ok-tint: oklch(.95 .045 155);--warn: oklch(.7 .14 70);--warn-tint: oklch(.95 .06 80);--danger: oklch(.56 .2 25);--danger-tint: oklch(.95 .05 25);--info: oklch(.6 .12 240);--info-tint: oklch(.95 .04 240);--violet: oklch(.56 .18 300);--violet-tint: oklch(.95 .045 300);--bg: oklch(.975 .003 260);--surface: #ffffff;--surface-2: oklch(.975 .004 260);--surface-3: oklch(.955 .005 260);--border: oklch(.91 .005 260);--border-2: oklch(.86 .007 260);--ink: oklch(.24 .02 265);--ink-2: oklch(.46 .018 265);--ink-3: oklch(.62 .015 265);--shadow-sm: 0 1px 2px rgba(18, 24, 40, .05), 0 1px 3px rgba(18, 24, 40, .04);--shadow-md: 0 2px 6px rgba(18, 24, 40, .06), 0 8px 24px rgba(18, 24, 40, .07);--shadow-lg: 0 12px 40px rgba(18, 24, 40, .14);--radius: 10px;--radius-sm: calc(var(--radius) * .6);--radius-lg: calc(var(--radius) * 1.4);--row-h: 44px;--pad: 14px;--gap: 16px;--fs: 13.5px}[data-density=compact]{--row-h: 36px;--pad: 10px;--gap: 12px;--fs: 12.5px}[data-theme=dark]{--bg: oklch(.2 .012 265);--surface: oklch(.245 .013 265);--surface-2: oklch(.225 .012 265);--surface-3: oklch(.29 .015 265);--border: oklch(.32 .014 265);--border-2: oklch(.4 .016 265);--ink: oklch(.95 .006 260);--ink-2: oklch(.74 .015 260);--ink-3: oklch(.58 .015 260);--accent-tint: oklch(.32 .05 var(--accent-h));--accent-tint-2: oklch(.38 .07 var(--accent-h));--accent: oklch(.68 .15 var(--accent-h));--accent-strong: oklch(.74 .15 var(--accent-h));--on-accent: oklch(.18 .02 265);--ok-tint: oklch(.32 .06 155);--warn-tint: oklch(.34 .07 80);--danger-tint: oklch(.34 .08 25);--info-tint: oklch(.32 .06 240);--violet-tint: oklch(.33 .07 300);--ok: oklch(.74 .14 155);--warn: oklch(.8 .13 80);--danger: oklch(.7 .17 25);--info: oklch(.74 .12 240);--violet: oklch(.72 .15 300);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 2px 8px rgba(0,0,0,.35), 0 8px 28px rgba(0,0,0,.3);--shadow-lg: 0 16px 48px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}.app-root{height:100%;background:var(--bg);color:var(--ink);font-size:var(--fs)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:padding-box}.mono{font-family:var(--font-mono);font-feature-settings:"zero" 1;white-space:nowrap}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}@keyframes om-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes om-fade{0%{opacity:0}to{opacity:1}}@keyframes om-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes om-spin{to{transform:rotate(360deg)}}@keyframes om-ping{0%{transform:scale(1);opacity:.8}75%,to{transform:scale(1.6);opacity:0}}@keyframes om-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes om-scanline{0%{transform:translateY(-68px)}to{transform:translateY(68px)}}.om-fade-up,.om-fade{opacity:1}.btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--radius-sm);font-size:13px;font-weight:550;border:1px solid var(--border-2);background:var(--surface);color:var(--ink);transition:background .14s,border-color .14s,box-shadow .14s,transform .05s;white-space:nowrap}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(.5px)}.btn.sm{height:28px;padding:0 10px;font-size:12px;gap:5px}.btn.lg{height:40px;padding:0 18px;font-size:14px}.btn.icon{padding:0;width:34px;justify-content:center}.btn.icon.sm{width:28px}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:transparent;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-3);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff;border-color:transparent}.btn-danger:hover{filter:brightness(.94)}.badge{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-sq{border-radius:var(--radius-sm)}.tone-neutral{background:var(--surface-3);color:var(--ink-2)}.tone-accent{background:var(--accent-tint);color:var(--accent-strong)}.tone-info{background:var(--info-tint);color:var(--info)}.tone-ok{background:var(--ok-tint);color:var(--ok)}.tone-warn{background:var(--warn-tint);color:var(--warn)}.tone-danger{background:var(--danger-tint);color:var(--danger)}.tone-violet{background:var(--violet-tint);color:var(--violet)}[data-theme=dark] .tone-info,[data-theme=dark] .tone-ok,[data-theme=dark] .tone-warn,[data-theme=dark] .tone-danger,[data-theme=dark] .tone-violet,[data-theme=dark] .tone-accent{filter:saturate(1.1)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:18px}.cco{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#fff;font-weight:700;font-size:11px;flex-shrink:0;letter-spacing:.02em}.tbl{width:100%;border-collapse:collapse;font-size:var(--fs)}.tbl thead th{text-align:left;font-weight:600;color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:9px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1;white-space:nowrap}.tbl tbody td{padding:0 14px;height:var(--row-h);border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr{transition:background .1s;cursor:pointer}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr.selected{background:var(--accent-tint)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.inp{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-sm);color:var(--ink)}.inp:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.inp input{border:none;outline:none;background:none;color:inherit;font:inherit;width:100%}.inp input::placeholder{color:var(--ink-3)}.seg{display:inline-flex;background:var(--surface-3);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg button{height:28px;padding:0 12px;border-radius:calc(var(--radius-sm) - 2px);font-size:12.5px;font-weight:550;color:var(--ink-2);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.seg button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.seg button:hover:not(.active){color:var(--ink)}.bar{height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden}.bar>span{display:block;height:100%;border-radius:99px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.tabs button{padding:10px 13px;font-size:13px;font-weight:550;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:7px}.tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.tabs button:hover:not(.active){color:var(--ink-2)}.kpi{padding:15px 16px;display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden}.kpi .kpi-val{font-size:27px;font-weight:650;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi .kpi-lbl{font-size:12px;color:var(--ink-2);font-weight:500;white-space:nowrap}.divider{height:1px;background:var(--border)}.vdivider{width:1px;background:var(--border);align-self:stretch}.scroll-y{overflow-y:auto}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.click{cursor:pointer}.tag-soft{background:var(--surface-3);color:var(--ink-2);padding:2px 7px;border-radius:5px;font-size:11.5px;font-weight:500}.paginator{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}.bill-edit{display:block;width:100%;border:none;background:transparent;font:inherit;padding:2px 5px;margin:-2px 0;border-radius:5px;outline:none}.bill-edit:hover{background:var(--surface-3)}.bill-edit:focus{background:var(--surface);box-shadow:0 0 0 2px var(--accent-tint)}@keyframes guide-ring-pulse{0%,to{box-shadow:0 0 0 2px var(--accent),0 0 0 6px color-mix(in oklch,var(--accent) 28%,transparent)}50%{box-shadow:0 0 0 2px var(--accent),0 0 0 11px color-mix(in oklch,var(--accent) 8%,transparent)}}.guide-ring{pointer-events:none;border:2px solid var(--accent);animation:guide-ring-pulse 1.5s ease-in-out infinite;transition:top .25s cubic-bezier(.22,1,.36,1),left .25s cubic-bezier(.22,1,.36,1),width .25s,height .25s}@keyframes guide-bubble-pulse{0%{transform:scale(1);opacity:.55}to{transform:scale(2.1);opacity:0}}.guide-bubble-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent);animation:guide-bubble-pulse 1.8s ease-out infinite}.only-mobile{display:none!important}.r-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px}.r-split{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}.r-split-b{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}.r-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 1100px){.r-split,.r-split-b{grid-template-columns:1fr}}@media (max-width: 900px){.only-mobile{display:inline-flex!important}.r-cols3{grid-template-columns:1fr}.app-sidebar{position:fixed!important;top:0;left:0;bottom:0;z-index:95;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.app-sidebar.open{transform:none}}@media (max-width: 680px){.hide-sm{display:none!important}}.app-shell{display:grid;grid-template-columns:246px 1fr;height:100%}.app-scrim{display:none}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.app-sidebar{width:min(286px,84vw)}.app-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f14236b;z-index:94;animation:om-fade .15s}}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tablewrap>table.tbl{min-width:620px}.tablewrap .paginator{position:sticky;left:0}.mob-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);overflow:hidden;max-width:560px;margin:0 auto;box-shadow:0 0 0 1px var(--border)}@media (min-width: 600px){.mob-root{inset:0 auto;left:50%;transform:translate(-50%);width:420px;border-radius:0}}.mob-header{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.mob-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mob-tabbar{display:flex;gap:4px;padding:6px 10px calc(env(safe-area-inset-bottom,0px) + 8px);border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.mob-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0;background:none;border:none;cursor:pointer;color:var(--ink-3);font:inherit}.mob-tab.active{color:var(--accent-strong)}.mob-tab span{font-size:11px;font-weight:500}.mob-tab.active span{font-weight:650}.mob-card{margin:0 14px 10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow-sm)}.mob-btn{width:100%;height:46px;border-radius:12px;border:none;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.mob-btn:disabled{background:var(--surface-3);color:var(--ink-3)}.mob-btn.ghost{background:var(--surface-3);color:var(--ink)}.mob-chip{flex-shrink:0;padding:6px 12px;border-radius:99px;font-size:12.5px;font-weight:550;white-space:nowrap;background:var(--surface);color:var(--ink-2);border:1px solid var(--border);cursor:pointer}.mob-chip.on{background:var(--accent);color:var(--on-accent);border-color:transparent}.mob-foot{padding:10px 14px calc(env(safe-area-inset-bottom,0px) + 14px);border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.mob-key{height:56px;border-radius:14px;background:var(--surface);border:1px solid var(--border);font-size:22px;font-weight:600;color:var(--ink);cursor:pointer}