@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');

:root{color-scheme:dark;--bg:#08090a;--panel:#0f1012;--surface:rgba(255,255,255,.025);--border:rgba(255,255,255,.085);--text:#f7f8f8;--secondary:#d0d6e0;--muted:#9ba0a8;--quiet:#767b84;--accent:#7170ff;--accent-hover:#828fff;--success:#10b981;--warning:#f59e0b;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings:"cv01","ss03"}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:15px}
button,input{font:inherit}
button{color:inherit}
.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(700px 380px at 85% -5%,rgba(113,112,255,.13),transparent 70%),radial-gradient(600px 320px at 15% 0,rgba(77,80,120,.09),transparent 70%)}
.topbar{height:80px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:relative;background:rgba(8,9,10,.8);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:13px}.avatar{border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 4px rgba(255,255,255,.025)}
.eyebrow,.section-label{margin:0;color:var(--muted);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
h1{margin:2px 0 0;font-size:17px;line-height:1.3;font-weight:510;letter-spacing:-.25px}
.connection{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.02)}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--warning);box-shadow:0 0 10px rgba(245,158,11,.35)}.connection.ready .status-dot{background:var(--success);box-shadow:0 0 10px rgba(16,185,129,.35)}
main{width:min(1240px,92vw);margin:0 auto;padding:60px 0 42px;position:relative}
.hero{display:grid;grid-template-columns:minmax(260px,1fr) minmax(500px,auto);align-items:end;gap:40px;padding-bottom:36px}
.total{margin:8px 0 5px;font-size:clamp(48px,7vw,78px);line-height:.98;font-weight:510;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.range-summary{margin:0;color:var(--muted);font-size:13px}
.filters{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.presets{display:flex;gap:6px;padding:4px;background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:9px}
.preset,.apply{border:0;border-radius:6px;background:transparent;padding:9px 12px;font-size:12px;font-weight:510;color:var(--muted);cursor:pointer;transition:.15s ease}.preset:hover{color:var(--text);background:rgba(255,255,255,.045)}.preset.active{color:#fff;background:rgba(113,112,255,.16);box-shadow:inset 0 0 0 1px rgba(130,143,255,.65)}
.preset:focus-visible,.apply:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.custom-form{display:flex;align-items:end;gap:9px;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--panel)}.custom-form[hidden]{display:none}.custom-form label{display:grid;gap:5px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.custom-form span{padding-bottom:10px;color:var(--quiet)}
input[type=date]{color:var(--secondary);background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:6px;padding:8px;color-scheme:dark;font-size:12px}.apply{background:var(--accent);color:white;padding:9px 14px}.apply:hover{background:var(--accent-hover)}
.tables{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.panel-heading{height:84px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}h2{font-size:20px;margin:3px 0 0;font-weight:510;letter-spacing:-.35px}.count{color:var(--muted);font-size:11px;border:1px solid var(--border);border-radius:999px;padding:5px 8px}
.table-wrap{min-height:310px;position:relative}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--quiet);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;padding:12px 20px;border-bottom:1px solid var(--border)}td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.045);color:var(--muted);vertical-align:middle}th:last-child,td:last-child{text-align:right}.name{color:var(--text);font-weight:510}.money{color:var(--secondary);font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums}.models-list{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{position:absolute;inset:45px 20px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--muted);gap:7px}.empty[hidden]{display:none}.empty strong{font-size:14px;color:var(--secondary);font-weight:510}.empty span{font-size:12px;max-width:260px;line-height:1.5}.empty-icon{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--quiet);background:rgba(255,255,255,.02);margin-bottom:4px}.footnote{color:var(--quiet);font-size:11px;text-align:right;margin:16px 2px 0}
@media(max-width:920px){.hero{grid-template-columns:1fr;align-items:start}.filters{align-items:flex-start}.tables{grid-template-columns:1fr}.panel{min-height:390px}}
@media(max-width:620px){.topbar{height:auto;min-height:74px;padding:13px 18px}.avatar{width:40px;height:40px}.connection span:last-child{display:none}.connection{padding:9px}main{width:auto;margin:0;padding:40px 16px 28px}.hero{gap:26px;padding-bottom:26px}.total{font-size:54px}.presets{display:grid;grid-template-columns:1fr 1fr;width:100%}.preset{min-height:44px}.filters{width:100%}.custom-form{width:100%;display:grid;grid-template-columns:1fr 16px 1fr}.custom-form .apply{grid-column:1/-1;min-height:44px}.panel{min-height:0}.panel-heading{padding:18px}.table-wrap{min-height:230px}thead{display:none}tbody tr{display:grid;grid-template-columns:1fr 1fr;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.045);gap:8px 12px}td{border:0;padding:0;text-align:left!important}td:before{content:attr(data-label);display:block;color:var(--quiet);font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}td:nth-child(even){text-align:right!important}.models-list{max-width:140px;margin-left:auto}.footnote{text-align:left}}