:root,[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#ffffff05;--bg-card-hover:#ffffff0a;--text-primary:#f1f5f9;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:#ffffff0f;--border-hover:#ffffff1f;--accent:#3b82f6;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--tooltip-bg:#1a1a2e;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#00000005;--bg-card-hover:#0000000a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#00000014;--border-hover:#00000026;--accent:#2563eb;--tooltip-bg:#fff;--scrollbar-thumb:#0000001f;--scrollbar-thumb-hover:#00000040;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:linear-gradient(145deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, #0d0d14 100%);color:var(--text-primary);min-height:100vh;line-height:1.5}#root{max-width:1200px;margin:0 auto;padding:32px 24px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.hamburger-btn{cursor:pointer;background:0 0;border:none;display:none}.mobile-nav-overlay{display:none}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-pulse{animation:1.5s ease-in-out infinite skeleton-pulse}@media (width<=768px){#root{padding:16px 12px}h1{font-size:22px!important}.hamburger-btn{z-index:1001;-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;width:44px;height:44px;position:fixed;top:12px;right:12px;box-shadow:0 4px 12px #0006;background:var(--bg-secondary)!important;border:1px solid var(--border-hover)!important;color:var(--text-primary)!important;border-radius:10px!important;font-size:22px!important;display:flex!important}.mobile-nav-overlay{z-index:999;background:#00000080;position:fixed;inset:0}.main-nav{z-index:1000;flex-direction:column;min-width:200px;position:fixed;top:62px;left:auto;right:12px;box-shadow:0 8px 32px #00000080;background:var(--bg-secondary)!important;border:1px solid var(--border-hover)!important;border-radius:12px!important;gap:2px!important;width:auto!important;padding:8px!important;display:none!important}.main-nav--open{display:flex!important}.main-nav a{border-radius:8px!important;padding:12px 16px!important;font-size:15px!important}.kpi-grid{gap:8px!important}.kpi-card{flex:calc(50% - 4px)!important;max-width:none!important;padding:10px 14px!important}.kpi-value{font-size:18px!important}.source-grid{gap:12px!important}.datepicker-row{gap:8px!important}.preset-bar button{padding:6px 10px!important}.chart-container{border-radius:12px!important;margin-bottom:16px!important;padding:16px 6px 8px!important}.chart-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding-left:6px!important;padding-right:6px!important}.city-selector select{flex:1;min-width:0}footer{flex-direction:column!important;gap:8px!important;margin-top:32px!important}.fuel-grid-2{grid-template-columns:1fr!important}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.recharts-responsive-container{min-width:0!important}}@media (width<=480px){#root{padding:12px 8px}h1{font-size:20px!important}.kpi-card{flex:100%!important}.kpi-value{font-size:16px!important}.preset-bar button{padding:5px 8px!important;font-size:11px!important}.datepicker-row{flex-direction:column!important;align-items:stretch!important}.date-inputs{width:100%}.date-inputs input{flex:1}.header-subtitle{font-size:13px!important}}