:root{color-scheme:dark;--bg-0:#020617;--bg-1:#0f172a;--bg-2:#111827;--card:rgba(15,23,42,0.88);--card-border:rgba(148,163,184,0.18);--text:#e5e7eb;--muted:#94a3b8;--accent:#6366f1;--accent-2:#38bdf8;--good:#4ade80;--bad:#f87171;--shadow:0 24px 70px rgba(2,6,23,0.55)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(99,102,241,.22),transparent 28%),radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 30%),linear-gradient(180deg,#030712,#020617 42%,#000)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.page{min-height:100vh;padding:24px 16px 40px}.shell{width:min(1180px,100%);margin:0 auto}.header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;flex-wrap:wrap}.kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(99,102,241,.35);background:rgba(99,102,241,.1);color:#c7d2fe;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.kicker-dot{width:8px;height:8px;border-radius:999px;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 12px rgba(52,211,153,0)}to{box-shadow:0 0 0 0 rgba(52,211,153,0)}}.title{margin:14px 0 8px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.05;letter-spacing:-.04em}.subtitle{margin:0;color:var(--muted);max-width:720px;line-height:1.6}.toolbar{display:grid;grid-gap:14px;gap:14px;justify-items:end}.card,.date-card{background:var(--card);border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.date-card{padding:14px;min-width:min(100%,320px)}.date-label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#cbd5e1;margin-bottom:10px}.date-input{width:100%;padding:13px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.28);background:rgba(15,23,42,.95);color:var(--text);outline:none}.date-input:focus{border-color:rgba(99,102,241,.85);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent;background:transparent;color:white;font-weight:600;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 18px 40px rgba(79,70,229,.3)}.btn-secondary{background:rgba(15,23,42,.95);border-color:rgba(148,163,184,.28)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:16px}.metric{position:relative;overflow:hidden;padding:22px}.metric:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at top left,rgba(99,102,241,.2),transparent 55%);pointer-events:none}.metric-inner{position:relative;z-index:1}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.metric-label{margin:0;color:#cbd5e1;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.metric-value{margin:0;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;letter-spacing:-.03em}.metric-note{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:rgba(2,6,23,.5);color:#d1d5db;font-size:12px;white-space:nowrap}.badge.good{border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.08);color:#bbf7d0}.badge.info{border-color:rgba(56,189,248,.3);background:rgba(56,189,248,.08);color:#bae6fd}.card.section{padding:22px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;flex-wrap:wrap}.section-title{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#cbd5e1}.section-subtitle{margin:6px 0 0;color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto;border-radius:18px}table{width:100%;border-collapse:collapse;min-width:820px}thead th{padding:14px 16px;text-align:left;text-transform:uppercase;letter-spacing:.09em;font-size:11px;color:#9ca3af;border-bottom:1px solid rgba(148,163,184,.15);background:rgba(2,6,23,.45)}tbody td{padding:15px 16px;border-bottom:1px solid rgba(148,163,184,.12);color:#e2e8f0}tbody tr:hover td{background:rgba(37,99,235,.08)}.bill{font-weight:600;color:#f8fafc}.timestamp{color:#94a3b8;font-size:12px}.change-positive{color:var(--good)}.change-negative{color:var(--bad)}.change-zero{color:#e2e8f0}.empty-state,.status{color:var(--muted);font-size:13px}.empty-state{margin-top:14px}.status{margin-top:10px}.error{color:#fca5a5}.skeleton{opacity:.72}@media (max-width:920px){.grid{grid-template-columns:1fr}.header{align-items:stretch}.toolbar{justify-items:stretch;width:100%}.actions{justify-content:stretch}.btn{flex:1 1 180px}}