:root{--bg: #f4f7f6;--surface: #ffffff;--surface-2: #fbfdfc;--ink: #0c1a1b;--ink-2: #38484b;--muted: #6b7b7e;--faint: #9aa9ab;--line: #e6ecea;--line-strong: #d6e0de;--teal: #0fb5a3;--teal-600: #0a8e80;--teal-50: #e7f7f4;--amber: #c77d1a;--amber-50: #fbf1e2;--green: #1b9e6e;--green-50: #e6f5ee;--red: #d6483b;--red-50: #fbeae8;--ring: rgba(15, 181, 163, .32);--shadow-sm: 0 1px 2px rgba(12, 26, 27, .05);--shadow: 0 1px 3px rgba(12, 26, 27, .05), 0 10px 28px rgba(12, 26, 27, .06);--r: 14px;--r-sm: 9px;--r-pill: 999px;--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sidebar-w: 248px}[data-theme=dark]{--bg: #0b1413;--surface: #111c1c;--surface-2: #0e1817;--ink: #e6f0ee;--ink-2: #b9c9c6;--muted: #859996;--faint: #5d7370;--line: #1e2d2c;--line-strong: #2a3d3b;--teal: #14c2af;--teal-600: #3cd6c5;--teal-50: rgba(20, 194, 175, .13);--amber: #e0973c;--amber-50: rgba(224, 151, 60, .13);--green: #2fbe8b;--green-50: rgba(47, 190, 139, .13);--red: #e56a5e;--red-50: rgba(229, 106, 94, .14);--ring: rgba(20, 194, 175, .38);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .35), 0 10px 28px rgba(0, 0, 0, .35);color-scheme:dark}[data-theme=dark] .btn-primary{color:#04231f}[data-theme=dark] .alert.error{border-color:#e56a5e59;color:#f0a89f}[data-theme=dark] .alert.success{border-color:#2fbe8b59;color:#8fdcbf}[data-theme=dark] .alert.warning{border-color:#e0973c59;color:#ecc08a}[data-theme=dark] .brand-mark{color:#04231f}[data-theme=dark] .meter-fill:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);background-size:200% 100%}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0}a{color:var(--teal-600);text-decoration:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{font:500 14px/1 var(--font-body);display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:9px 15px;border-radius:var(--r-sm);transition:background .15s,border-color .15s,box-shadow .15s,transform .05s}.btn:hover{border-color:var(--teal);background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--teal);border-color:var(--teal);color:#03211d;font-weight:600}.btn-primary:hover{background:var(--teal-600);border-color:var(--teal-600)}.btn-ghost{border-color:transparent;background:transparent;color:var(--muted);padding:7px 10px}.btn-ghost:hover{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.input:focus-visible,.nav-item:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.input{font:400 14px/1.4 var(--font-body);background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:10px 13px;width:100%;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--faint)}.input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--ring)}.field{margin-bottom:16px}.label{display:block;color:var(--muted);margin-bottom:7px;font-size:12.5px;font-weight:500}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 2px;margin-bottom:6px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(150deg,var(--teal),var(--teal-600));color:#eafffb;box-shadow:0 3px 10px #0fb5a359}.brand-name{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--faint);letter-spacing:.04em;text-transform:uppercase}.current-line{height:2px;margin:10px 8px 14px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--teal) 30%,var(--teal-600) 50%,var(--teal) 70%,transparent);background-size:220% 100%;animation:flow 4.5s linear infinite;opacity:.65}@keyframes flow{to{background-position:-220% 0}}.nav-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:8px 10px 4px}.nav-item{position:relative;display:flex;align-items:center;gap:11px;text-align:left;background:transparent;border:none;color:var(--ink-2);padding:9px 11px;border-radius:var(--r-sm);width:100%;font:500 13.5px/1 var(--font-body);cursor:pointer;transition:background .14s,color .14s}.nav-item svg{color:var(--faint);transition:color .14s}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item:hover svg{color:var(--ink-2)}.nav-item.active{background:var(--teal-50);color:var(--teal-600)}.nav-item.active svg{color:var(--teal-600)}.nav-item.active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--teal);box-shadow:0 0 8px #0fb5a399}.spacer{flex:1}.sidebar-foot{border-top:1px solid var(--line);padding-top:10px;margin-top:6px}.who{display:flex;align-items:center;gap:9px;padding:6px 10px 10px;color:var(--muted);font-size:12.5px}.avatar{width:26px;height:26px;border-radius:7px;background:var(--teal-50);color:var(--teal-600);display:grid;place-items:center;font-weight:600;font-size:12px;font-family:var(--font-display)}.main{padding:34px 40px 60px;max-width:1120px;width:100%;margin:0 auto;min-width:0}.page-head{margin-bottom:26px}.page-head h1{font-size:23px;font-weight:600}.page-head .sub{color:var(--muted);margin-top:4px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:22px;margin-bottom:20px}.card-pad-0{padding:0;overflow:hidden}.card-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink);padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.card-title .count{color:var(--faint);font-family:var(--font-mono);font-weight:500}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:20px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:18px 18px 16px}.stat-label{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:7px}.stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:27px;font-weight:600;letter-spacing:-.02em;margin-top:10px;color:var(--ink)}.stat-value.amber{color:var(--amber)}.stat-value.green{color:var(--green)}.stat-trace{height:3px;border-radius:3px;margin-top:14px;background:linear-gradient(90deg,var(--teal),var(--teal-600));opacity:.9}.stat-trace.muted{background:var(--line-strong)}.meter{margin-top:6px}.meter-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.meter-track{height:10px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);overflow:hidden;position:relative}.meter-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--teal),var(--teal-600));position:relative;transition:width .6s cubic-bezier(.22,1,.36,1)}.meter-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);background-size:200% 100%;animation:flow 2.6s linear infinite}.meter-legend{display:flex;gap:18px;margin-top:11px;font-size:12.5px;color:var(--muted)}.meter-legend b{color:var(--ink);font-family:var(--font-mono);font-weight:600}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:12px 20px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:none}th{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2)}td.num,th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}td.code{font-family:var(--font-mono);color:var(--ink-2)}tbody tr{transition:background .12s}tbody tr.row-link{cursor:pointer}tbody tr.row-link:hover td{background:var(--teal-50)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:500;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.completed,.badge.recorded{color:var(--green);background:var(--green-50)}.badge.failed,.badge.reversed{color:var(--red);background:var(--red-50)}.badge.pending{color:var(--amber);background:var(--amber-50)}.alert{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-radius:var(--r-sm);margin-bottom:18px;font-size:13.5px}.alert svg{flex-shrink:0;margin-top:1px}.alert.error{background:var(--red-50);border:1px solid #f1c4bd;color:#8f2c22}.alert.success{background:var(--green-50);border:1px solid #b7e4cd;color:#126245}.alert.warning{background:var(--amber-50);border:1px solid #ecd3ac;color:#7c4e10}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--r);padding:46px 24px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface-2)}.dropzone:hover{border-color:var(--teal)}.dropzone.over{border-color:var(--teal);background:var(--teal-50)}.dz-icon{width:46px;height:46px;border-radius:12px;background:var(--teal-50);color:var(--teal-600);display:grid;place-items:center;margin:0 auto 14px}.dz-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink)}.dz-hint{margin-top:5px;font-size:13px}.empty{text-align:center;padding:44px 20px;color:var(--muted)}.empty .dz-icon{background:var(--surface-2);color:var(--faint)}.empty-art{color:var(--teal);opacity:.75;margin-bottom:10px;display:flex;justify-content:center}.spinner{width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:-3px}.loading-row{display:flex;align-items:center;gap:10px;color:var(--muted);padding:28px 20px;justify-content:center}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px}.toolbar .grow{flex:1}.search-field{position:relative;flex:1}.search-field svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--faint)}.search-field .input{padding-left:38px}.muted{color:var(--muted)}.back{margin-bottom:16px}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(1100px 500px at 50% -10%,rgba(15,181,163,.1),transparent 70%),var(--bg)}.login-card{width:360px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:30px 28px}.login-card .brand{flex-direction:column;text-align:center;gap:12px;padding:4px 0 0}.login-card .brand-mark{width:44px;height:44px;border-radius:12px}.login-title{font-family:var(--font-display);font-weight:600;font-size:18px;text-align:center;margin:16px 0 2px}.login-note{text-align:center;color:var(--muted);font-size:13px;margin-bottom:22px}.dash-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(115deg,var(--surface) 0%,var(--surface) 55%,var(--teal-50) 130%);box-shadow:var(--shadow-sm);padding:26px 28px 0;margin-bottom:20px;overflow:hidden}.dash-hero-text{padding-bottom:24px}.dash-hero h1{font-size:24px;font-weight:600}.dash-hero .sub{color:var(--muted);margin:6px 0 0}.dash-hero-art{color:var(--teal);flex-shrink:0;line-height:0;margin-right:-6px;opacity:.9}@media(max-width:980px){.dash-hero-art{display:none}.dash-hero-text{padding-bottom:22px}}.dash-row{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:20px}.dash-row>.card{margin-bottom:0}@media(max-width:980px){.dash-row{grid-template-columns:1fr}}.sparkline{display:block;width:100%;height:26px;margin-top:12px}.ring-wrap{position:relative;width:168px;margin:6px auto 2px}.ring{display:block;width:100%}.ring-arc{transition:stroke-dasharray .8s cubic-bezier(.22,1,.36,1)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.ring-value{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.02em}.ring-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.bars{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:6px 4px 0}.bar-group{flex:1;min-width:0;text-align:center}.bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar{width:14px;border-radius:4px 4px 2px 2px;transition:height .6s cubic-bezier(.22,1,.36,1)}.bar-billed{background:var(--line-strong)}.bar-collected{background:linear-gradient(180deg,var(--teal),var(--teal-600))}.bar-label{margin-top:8px;font-size:11px;color:var(--faint)}.chart-legend{display:flex;gap:16px;margin-top:14px;font-size:12px;color:var(--muted)}.chart-legend .swatch{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px}.swatch-billed{background:var(--line-strong)}.swatch-collected{background:var(--teal)}.feed{padding:6px 0}.feed-row{display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:13px;border-bottom:1px solid var(--line)}.feed-row:last-child{border-bottom:none}.feed-main{min-width:0;flex:1}.feed-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-sub{color:var(--faint);font-size:12px;font-family:var(--font-mono)}.feed-amount{font-family:var(--font-mono);font-weight:600;color:var(--green);white-space:nowrap}.feed-time{color:var(--faint);font-size:11.5px;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);display:inline-block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #0fb5a373}50%{box-shadow:0 0 0 5px #0fb5a300}}.chip{display:inline-block;padding:2.5px 10px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;white-space:nowrap}.chip-teal{background:var(--teal-50);color:var(--teal-600)}.chip-amber{background:var(--amber-50);color:var(--amber)}.chip-red{background:var(--red-50);color:var(--red)}.chip-ok{background:var(--green-50);color:var(--green)}.chip-gray{background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.side-controls{display:flex;gap:6px;padding:0 8px 8px}.icon-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.icon-btn:hover{border-color:var(--teal);color:var(--ink)}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.lang-btn{font:600 11px/1 var(--font-display);letter-spacing:.04em;width:auto;padding:0 10px}.login-split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--bg)}.login-hero{position:relative;background:linear-gradient(160deg,#06282a,#0a3a38 55%,#0c4a44);color:#b8efe6;display:flex;flex-direction:column;justify-content:space-between;padding:44px 48px;overflow:hidden}.login-hero .brand,.login-hero .brand-name{color:#eafffb}.login-hero .brand-sub{color:#b8efe6a6}.hero-art{color:#2ed4bf;display:flex;justify-content:center;margin:12px 0}.hero-tagline{font-family:var(--font-display);font-size:27px;font-weight:600;letter-spacing:-.01em;color:#f2fffc;margin-bottom:14px}.hero-points{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:13.5px;color:#d6f7f1d9}.hero-points li{display:flex;align-items:center;gap:10px}.hero-points svg{color:#2ed4bf;flex-shrink:0}.login-side{display:grid;place-items:center;padding:32px}.login-side .login-card{border:none;box-shadow:none;background:transparent;width:340px}@media(max-width:880px){.login-split{grid-template-columns:1fr}.login-hero{display:none}}.preview-actions{display:flex;gap:10px;margin-top:18px}.preview-file{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;color:var(--ink-2);margin-bottom:16px}.preview-file svg{color:var(--teal-600)}@media(prefers-reduced-motion:reduce){.current-line,.meter-fill:after,.spinner,.live-dot{animation:none}.ring-arc,.bar,.meter-fill{transition:none}}@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px}.sidebar .current-line,.sidebar .nav-label,.sidebar .spacer{display:none}.nav-item{width:auto}.nav-item.active:before{display:none}.sidebar-foot{border:none;margin-left:auto;padding-top:0}.who{display:none}.main{padding:24px 18px 48px}}