:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark:#0b0e14;--bg-card:#161b22b3;--bg-card-hover:#1e293b80;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-secondary:#06b6d4;--bullish:#10b981;--bearish:#ef4444;--neutral:#f59e0b;--border-color:#ffffff0d;--border-glow:#6366f133;--glass-blur:blur(12px);--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%, #6366f10d 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(6, B6, D4, .05) 0%, transparent 40%);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff03}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:16px}.glass-panel:hover{background:var(--bg-card-hover);border-color:#ffffff1a}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-weight:600}a{color:inherit;text-decoration:none}.text-bullish{color:var(--bullish)}.text-bearish{color:var(--bearish)}.text-neutral{color:var(--neutral)}.text-secondary{color:var(--text-secondary)}.bg-bullish{background-color:var(--bullish)}.bg-bearish{background-color:var(--bearish)}.container{max-width:1440px;margin:0 auto;padding:2rem}.flex-center{justify-content:center;align-items:center;display:flex}.atm-row{position:relative;background:#6366f11a!important}.atm-row:after{content:"ATM";color:var(--accent-primary);background:#6366f133;border-radius:4px;padding:2px 5px;font-size:.7rem;font-weight:700;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.atm-strike{font-weight:700;background:var(--accent-primary)!important;color:#fff!important}@keyframes flash-green{0%{background-color:#10b9814d}to{background-color:#0000}}@keyframes flash-red{0%{background-color:#ef44444d}to{background-color:#0000}}.updated-up{animation:1s ease-out flash-green}.updated-down{animation:1s ease-out flash-red}.app-container{background-color:var(--bg-dark);min-height:100vh;display:flex}.sidebar{width:260px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-color);z-index:10;background:#0f141ccc;flex-direction:column;height:100vh;padding:1.5rem;transition:left .3s;display:flex;position:fixed;overflow-y:auto}.main-content{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:260px;transition:margin-left .3s;display:flex}.header{height:70px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:5;background:#0f141c80;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.content-area{flex:1;min-width:0;padding:2rem}.nav-links{margin-top:2rem;list-style:none}.nav-item{margin-bottom:.5rem}.nav-link{color:var(--text-secondary);transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--accent-primary);background:#6366f11a;border:1px solid #6366f133}.logo-area{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@media (width<=768px){.sidebar{width:240px;left:-260px}.sidebar.open{left:0}.main-content{margin-left:0!important}.header{padding:0 1rem}.content-area{padding:1rem}.mobile-close-btn{display:block!important}.mobile-menu-btn{display:flex!important}.search-container,.header-title,.header-status-text{display:none!important}.header-status{gap:0!important;padding:.35rem .5rem!important}.header-username{display:none!important}.container>div:first-child{flex-direction:column;align-items:flex-start!important}.container>div:first-child>div:last-child{justify-content:space-between;width:100%}}@media (width>=769px){.mobile-close-btn,.mobile-menu-btn{display:none!important}}