:root{--bg:#f6f8fb;--card:#ffffff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#2563eb;--accent-2:#10b981}*{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:16px;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,'Noto Sans','Helvetica Neue',Arial,'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji';background:var(--bg);color:var(--text)}.container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.header{display:flex;flex-direction:column;gap:12px}.header h1{font-size:22px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:8px}.stat{background:var(--card);border:1px solid var(--border);padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.stat span{font-weight:700;font-size:20px}.stat label{font-size:12px;color:var(--muted)}.panel,.panel--secondary{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}.panel--secondary{background:#f1f5f9}.panel h2{font-size:16px;margin:0 0 8px}.chart_wrap{position:relative;width:100%;height:420px}.chart_wrap--small{height:320px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}.card h2{font-size:16px;margin:0 0 8px}table{width:100%;border-collapse:collapse}thead th{font-size:12px;text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 8px}tbody td{padding:8px;border-bottom:1px solid var(--border);font-size:14px}tbody tr:hover{background:#f9fbff}tbody td:last-child{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:768px){.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:640px){.chart_wrap{height:300px}}@media(max-width:640px){.chart_wrap--small{height:260px}}@media(max-width:520px){.grid{grid-template-columns:1fr}}