:root{color-scheme:dark;--bg:#090d14;--panel:#111823;--panel2:#151e2c;--border:#223044;--text:#edf3fb;--muted:#8da0b8;--primary:#6ee7b7;--blue:#60a5fa;--purple:#a78bfa;--danger:#fb7185}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#14253d 0,transparent 34%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}header{height:64px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1440px)/2));background:rgba(9,13,20,.8);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}header>div{display:flex;align-items:center;gap:10px}header small{color:var(--muted);margin-left:12px;font-weight:400}.brand-mark{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 18px var(--primary)}button,input,select{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:8px 11px}button{cursor:pointer}button:hover{border-color:var(--primary)}main{max-width:1440px;margin:auto;padding:24px 20px 48px}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.filters label{display:grid;gap:5px;color:var(--muted);font-size:12px}.filters input,.filters select{min-width:150px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px}.kpis article,.panel{background:linear-gradient(145deg,rgba(21,30,44,.92),rgba(14,21,31,.92));border:1px solid var(--border);border-radius:13px}.kpis article{padding:17px}.kpis span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.kpis strong{font-size:25px;font-weight:650;letter-spacing:-.04em}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.panel{padding:18px;min-width:0}.panel.wide{grid-column:span 2}.panel.full{grid-column:1/-1}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.title h2{font-size:14px;margin:0}.title span{font-size:12px;color:var(--muted)}.chart{height:260px;position:relative}.chart.tall{height:300px}.funnel{display:grid;gap:8px}.funnel-row{display:grid;grid-template-columns:140px 1fr 70px 70px;gap:10px;align-items:center}.funnel-label{color:var(--muted);font-size:12px}.funnel-track{height:25px;background:#0b111b;border-radius:6px;overflow:hidden}.funnel-bar{height:100%;min-width:2px;background:linear-gradient(90deg,var(--blue),var(--primary));border-radius:6px}.funnel-value{text-align:right;font-variant-numeric:tabular-nums}.funnel-rate{text-align:right;color:var(--primary);font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}th,td{padding:11px;border-bottom:1px solid var(--border);white-space:nowrap}td:nth-last-child(-n+2),th:nth-last-child(-n+2){text-align:right}#error{display:none;position:fixed;right:20px;bottom:20px;background:#441824;border:1px solid var(--danger);padding:12px 16px;border-radius:9px}@media(max-width:1050px){.kpis{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header small{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.grid{display:block}.panel{margin-bottom:12px}.filters label{width:calc(50% - 6px)}.filters input,.filters select{width:100%;min-width:0}.funnel-row{grid-template-columns:100px 1fr 45px}.funnel-rate{display:none}.chart{height:230px}}