:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#667085;--border:#e6eaf2;--accent:#5667ff;--shadow:0 14px 35px rgba(18,28,45,.08)}
body.dark{--bg:#0b1020;--card:#121a2e;--text:#eef3ff;--muted:#9aa6bd;--border:#26314b;--accent:#7c8cff;--shadow:0 18px 40px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.shell{max-width:1440px;margin:auto;padding:24px}.upload-panel{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:center;background:linear-gradient(135deg,var(--card),rgba(86,103,255,.12));border:1px solid var(--border);border-radius:26px;padding:28px;box-shadow:var(--shadow);margin-bottom:24px}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.upload-panel h1{font-size:42px;margin:6px 0}.upload-panel p{color:var(--muted);line-height:1.7}.upload-card{display:grid;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px}input,select,button{border:1px solid var(--border);border-radius:12px;padding:11px 12px;background:var(--card);color:var(--text)}button{background:var(--accent);color:white;border:0;font-weight:800;cursor:pointer}.dashboard-frame{aspect-ratio:16/9;min-height:810px;background:var(--bg);border:1px solid var(--border);border-radius:28px;padding:18px;overflow:auto;box-shadow:var(--shadow)}.topbar,.filters,.kpis,.grid,.insights{margin-bottom:14px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:14px}.brand{display:flex;gap:12px;align-items:center}.logo{width:46px;height:46px;border-radius:14px;background:var(--accent);display:grid;place-items:center;color:white;font-weight:900}.brand h2{margin:0}.brand span,.card h3,.insights h3{color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.filters{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.filters label{font-size:12px;color:var(--muted);font-weight:800}.filters select{width:100%;margin-top:5px;min-height:40px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.kpi small{color:var(--muted);font-weight:800}.kpi strong{display:block;font-size:24px;margin:8px 0}.delta.up{color:#079455}.delta.down{color:#d92d20}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.card,.insights{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:14px;box-shadow:var(--shadow);min-height:270px}.card h3,.insights h3{margin:0 0 10px;font-size:15px}.card canvas{width:100%!important;max-height:230px}.heatmap{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.heatcell{border-radius:8px;min-height:34px;display:grid;place-items:center;font-size:10px;color:white;background:rgba(86,103,255,var(--i))}.insights #insightsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.insight{border:1px solid var(--border);border-radius:16px;padding:14px;background:rgba(86,103,255,.08)}.insight b{display:block;margin-bottom:6px}.insight p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.empty{padding:22px;text-align:center;color:var(--muted)}@media(max-width:1100px){.upload-panel,.grid.two,.grid.three{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}.insights #insightsGrid{grid-template-columns:1fr 1fr}.dashboard-frame{aspect-ratio:auto}}@media(max-width:700px){.shell{padding:12px}.topbar{align-items:flex-start;flex-direction:column}.filters,.kpis,.insights #insightsGrid{grid-template-columns:1fr}}