:root{--bg-a: #030c16;--bg-b: #082844;--accent: #00cfb4;--indigo: #6366f1;--amber: #f59e0b;--danger: #ef4444;--ok: #22c55e;--panel: rgba(5,16,28,.9);--panel-border: rgba(255,255,255,.08);--text: #f1f5f9;--text-soft: #94a3b8;--text-dim: #4b6077;--radius: 14px;--radius-sm: 9px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Sora,sans-serif;color:var(--text);background:radial-gradient(ellipse at 75% 0%,rgba(0,207,180,.1) 0%,transparent 55%),radial-gradient(ellipse at 10% 100%,rgba(99,102,241,.09) 0%,transparent 55%),linear-gradient(160deg,var(--bg-a) 0%,var(--bg-b) 100%);padding:22px 18px}#app{max-width:1360px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}.topbar h1{margin:0;font-size:clamp(1.25rem,2.1vw,1.75rem);font-weight:800;letter-spacing:-.02em}.topbar h1 em{color:var(--accent);font-style:normal}.topbar p{margin:4px 0 0;color:var(--text-soft);font-size:.85rem}.pills{display:flex;gap:6px;flex-wrap:wrap;padding-top:2px}.pill{font-family:JetBrains Mono,monospace;font-size:.7rem;padding:5px 10px;border-radius:999px;background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text-soft)}.pill-live{border-color:#00cfb459;color:var(--accent)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:5px;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:18px 20px;margin-bottom:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 28px #0000004d;position:relative;overflow:hidden}.panel-title{font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);margin:0 0 14px}@keyframes shimmer{0%{background-position:-400% 0}to{background-position:400% 0}}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:400% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}.kpi-skeleton{min-height:90px;border:1px solid var(--panel-border)}.chart-skeleton{height:280px}@keyframes scan-line{0%{left:-50%}to{left:110%}}.scan-line{position:absolute;top:0;left:-50%;width:50%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scan-line 1.4s ease-in-out infinite;pointer-events:none;z-index:4}@keyframes indeterminate{0%{left:-45%;width:45%}60%{left:100%;width:45%}to{left:100%;width:45%}}.bar-fill-indeterminate{position:relative;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--indigo));animation:indeterminate 1.4s ease-in-out infinite}.strip{background:#05101cbf;border:1px solid var(--panel-border);border-radius:var(--radius);padding:11px 18px;margin-bottom:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.strip-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.strip-label{font-size:.74rem;color:var(--text-soft);white-space:nowrap}.bar-wrap{flex:1;min-width:100px}.bar{height:6px;border-radius:999px;background:#ffffff12;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--indigo));transition:width .7s ease}.strip-chips{display:flex;gap:6px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:.68rem}.chip{padding:3px 8px;border-radius:5px;border:1px solid var(--panel-border);color:var(--text-soft)}.chip-err{border-color:#ef44444d;color:#fca5a5}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}@media (max-width: 1080px){.kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width: 580px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:14px 15px;background:#ffffff06;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.kpi.c-teal:after{background:#00cfb412}.kpi.c-ok:after{background:#22c55e12}.kpi.c-amber:after{background:#f59e0b12}.kpi.c-red:after{background:#ef444414}.kpi-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px}.kpi-val{font-size:1.7rem;font-weight:800;line-height:1}.kpi-val.c-teal{color:var(--accent)}.kpi-val.c-ok{color:var(--ok)}.kpi-val.c-amber{color:var(--amber)}.kpi-val.c-red{color:var(--danger)}.kpi-sub{font-size:.74rem;color:var(--text-soft);margin-top:5px}.kpi-bar{height:3px;border-radius:999px;margin-top:10px;background:#ffffff12;overflow:hidden}.kpi-bar-fill{height:100%;border-radius:999px}.kpi-bar-fill.c-teal{background:var(--accent)}.kpi-bar-fill.c-ok{background:var(--ok)}.kpi-bar-fill.c-amber{background:var(--amber)}.kpi-bar-fill.c-red{background:var(--danger)}.charts-row{display:grid;grid-template-columns:5fr 7fr;gap:14px;margin-bottom:14px}@media (max-width: 820px){.charts-row{grid-template-columns:1fr}}.banner{margin-bottom:12px;border-radius:var(--radius-sm);padding:9px 14px;font-size:.84rem}.banner-err{border:1px solid rgba(239,68,68,.35);background:#ef44441a;color:#fca5a5}.legal-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:.78rem}.legal-links a{color:var(--text-soft);text-decoration:none;border-bottom:1px solid transparent}.legal-links a:hover{color:var(--text);border-bottom-color:#ffffff59}.legal-footer{margin-top:16px;padding:12px 6px 6px;border-top:1px solid rgba(255,255,255,.1);color:var(--text-dim);font-size:.74rem;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.legal-footer a{color:var(--text-dim);text-decoration:none}.legal-footer a:hover{color:var(--text-soft)}