:root{--bg:#0f1724;--card:#0b1220;--muted:#9aa4b2;--accent1:#7c3aed;--accent2:#06b6d4;--glass: rgba(255,255,255,.04)}:root.light{--bg:#f5f7fb;--card:#ffffff;--muted:#556270;--accent1:#6d28d9;--accent2:#0891b2;--glass: rgba(0,0,0,.04)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;background:radial-gradient(1200px 600px at 10% 10%,rgba(124,58,237,.08),transparent 8%),radial-gradient(800px 400px at 90% 90%,rgba(6,182,212,.06),transparent 10%),var(--bg);color:#e6eef6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}:root.light html,:root.light body{color:#0b1220}.container{max-width:1150px;margin:28px auto;padding:20px}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 24px #02061799}.brand{font-weight:800;font-size:20px;letter-spacing:1px;background:linear-gradient(90deg,var(--accent1),var(--accent2));-webkit-background-clip:text;color:transparent}.nav-links{display:flex;gap:12px;align-items:center}.nav-links a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:8px;transition:all .18s ease}.nav-links a:hover{background:var(--glass);color:#fff;transform:translateY(-2px)}.cta{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;padding:8px 14px;box-shadow:0 6px 18px #06b6d40f}.icon-btn{background:transparent;border:0;padding:8px;font-size:18px;color:var(--muted);cursor:pointer}.footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;margin-top:30px;color:var(--muted);font-size:14px}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:14px;padding:18px;box-shadow:0 8px 40px #02061799;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media (max-width:600px){.grid{grid-template-columns:1fr}}.large-title{font-size:28px;font-weight:700;margin-bottom:12px}.small{color:var(--muted);font-size:13px}.kpi{display:flex;flex-direction:column;gap:8px}.kpi .num{font-weight:800;font-size:22px}.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;text-decoration:none;box-shadow:0 10px 30px #0c122899;border:none;cursor:pointer}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:transparent;color:inherit}.file-drop{border:2px dashed rgba(255,255,255,.06);padding:18px;border-radius:12px;text-align:center}.toast{position:fixed;right:20px;bottom:20px;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 6px 20px #02061799}.dark body{background:var(--bg)}.light{--bg:#f5f7fb}