:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#f8fafc;background:#050813}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#050813}button,input,select{font:inherit}.page{min-height:100vh;position:relative;padding:32px;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(251,191,36,.1),transparent 26%),#050813}.bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.card{max-width:1200px;margin:0 auto;padding:28px;border-radius:28px;background:#0a0e18d1;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7dd3fc;font-size:12px;letter-spacing:.14em;text-transform:uppercase}h1{margin:10px 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.02}.top p{margin:0;color:#94a3b8}.select{display:grid;gap:8px;min-width:220px}.select span,.kpi span,th{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.select-box{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}select{width:100%;border:0;outline:0;background:transparent;color:#f8fafc}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi{padding:18px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.kpi strong{display:block;margin-top:10px;font-size:28px}.table-card{overflow:auto;border-radius:20px;border:1px solid rgba(255,255,255,.06)}table{width:100%;border-collapse:collapse;background:#ffffff05}th,td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;white-space:nowrap}thead th{position:sticky;top:0;background:#0c1322;z-index:1}td.good,.good{color:#34d399}td.bad,.bad{color:#f87171}@media(max-width:800px){.page{padding:16px}.top,.kpis{grid-template-columns:1fr;display:grid}}