@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-canvas: #111a2e;--bg-sidebar: #15223a;--bg-surface: #192640;--bg-surface-elevated: #202f4e;--bg-surface-hover: #26385d;--bg-card: #192640;--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .1);--border-card-hover: rgba(13, 114, 255, .45);--border-focus: #0066ff;--brand-primary: #0066ff;--brand-primary-hover: #0052cc;--brand-primary-light: rgba(0, 102, 255, .16);--brand-primary-border: rgba(0, 102, 255, .35);--brand-gradient: linear-gradient(135deg, #0066ff 0%, #00d2ff 100%);--brand-gradient-hover: linear-gradient(135deg, #0052cc 0%, #00bfff 100%);--accent-success: #10b981;--accent-success-light: rgba(16, 185, 129, .15);--accent-energy: #f59e0b;--accent-energy-light: rgba(245, 158, 11, .15);--accent-intensity: #ef4444;--accent-intensity-light: rgba(239, 68, 68, .15);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--shadow-card: 0 4px 20px rgba(0, 0, 0, .25);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .35);--shadow-brand: 0 4px 14px rgba(0, 102, 255, .35)}.btn-primary,button.btn-primary,a.btn-primary,.action-btn-pill{background:linear-gradient(135deg,#06f,#00d2ff)!important;color:#fff!important;font-weight:800!important;border:none!important;padding:8px 18px!important;border-radius:12px!important;font-size:.88rem!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important;box-shadow:0 4px 14px #0066ff59!important;transition:all .2s ease!important;white-space:nowrap!important}.btn-primary:hover,button.btn-primary:hover,a.btn-primary:hover,.action-btn-pill:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #0066ff80!important}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-canvas);color:var(--text-primary);overflow-x:hidden;height:100vh;margin:0}.glass-card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:16px;box-shadow:var(--shadow-card);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-card-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#111a2e}::-webkit-scrollbar-thumb{background:#26385d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dynamic-flex-row{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,16px)}.dynamic-flex-col{display:flex;flex-direction:column;gap:clamp(8px,2vw,16px)}.dynamic-flex-center{display:flex;align-items:center;justify-content:center}.dynamic-flex-between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:clamp(8px,2vw,12px)}.dynamic-flex-item{flex:1 1 min(100%,200px)}.dynamic-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:clamp(8px,2vw,14px)}.safe-padding-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}.safe-padding-top{padding-top:max(16px,env(safe-area-inset-top))}