:root{--bg: #0f172a;--card: #1e293b;--text: #f8fafc;--accent: #06b6d4}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:20px}nav{display:flex;gap:20px;margin-bottom:30px;border-bottom:1px solid #334155;padding-bottom:15px}nav a{color:#94a3b8;text-decoration:none;font-weight:600;font-size:1.1rem}nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.card h3{margin:0 0 10px;color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.card .value{font-size:2.5rem;font-weight:700;color:var(--text)}.card .unit{font-size:1rem;color:#64748b}.chart-container{background:var(--card);padding:20px;border-radius:12px;height:400px;margin-top:20px}