@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-main: #0a0a0f;--bg-card: rgba(22, 23, 30, .6);--bg-card-hover: rgba(30, 32, 42, .8);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .36);--accent-primary: #3b82f6;--accent-cyan: #06b6d4;--accent-purple: #8b5cf6;--status-full: #ef4444;--status-filling: #f59e0b;--status-empty: #10b981;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dark: #cbd5e1;--nav-bg: rgba(10, 10, 15, .8);--bg-elevated: rgba(0, 0, 0, .3);--bg-subtle: rgba(255, 255, 255, .03);--border-subtle: rgba(255, 255, 255, .05);--scrollbar-track: rgba(255, 255, 255, .02);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2)}[data-theme=light]{--bg-main: #f0f4f8;--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: rgba(255, 255, 255, 1);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);--accent-primary: #2563eb;--accent-cyan: #0891b2;--accent-purple: #7c3aed;--status-full: #dc2626;--status-filling: #d97706;--status-empty: #059669;--text-main: #0f172a;--text-muted: #475569;--text-dark: #1e293b;--nav-bg: rgba(255, 255, 255, .9);--bg-elevated: rgba(255, 255, 255, .6);--bg-subtle: rgba(0, 0, 0, .03);--border-subtle: rgba(0, 0, 0, .08);--scrollbar-track: rgba(0, 0, 0, .02);--scrollbar-thumb: rgba(0, 0, 0, .1);--scrollbar-thumb-hover: rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:-20%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);filter:blur(100px);z-index:-1}body:after{content:"";position:fixed;bottom:-20%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);filter:blur(100px);z-index:-1}.app-container{display:flex;flex-direction:column;min-height:100vh}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:all .3s ease}.glass-panel:hover{background:var(--bg-card-hover);border-color:var(--border-subtle);transform:translateY(-2px)}h1,h2,h3,h4,.kpi-number,.header-title{font-family:Outfit,sans-serif}.gradient-text{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.live-indicator{display:inline-block;width:8px;height:8px;background-color:var(--status-empty);border-radius:50%;box-shadow:0 0 8px var(--status-empty);animation:pulse 2s infinite}@keyframes flashGreen{0%{color:var(--status-empty);text-shadow:0 0 10px var(--status-empty)}to{color:var(--text-main);text-shadow:none}}@keyframes flashRed{0%{color:var(--status-full);text-shadow:0 0 10px var(--status-full)}to{color:var(--text-main);text-shadow:none}}.value-up{animation:flashGreen 1s ease-out}.value-down{animation:flashRed 1s ease-out}