:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--accent-primary: #38bdf8;--accent-secondary: #818cf8;--accent-gradient: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--glass: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.dashboard-container.no-sidebar{display:block;min-height:100vh}.floating-nav{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:10000;width:auto}.nav-dropdown{position:relative;display:flex;justify-content:center;z-index:100}.nav-bubble{border:1px solid var(--glass-border);border-radius:1rem;overflow:hidden;transition:all .2s ease}.nav-bubble:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.nav-live-number{padding:.75rem 1.25rem;background:rgba(56,189,248,.2);font-weight:700;font-size:1rem;color:var(--text-primary);border-right:1px solid var(--glass-border);display:flex;align-items:center}.nav-trigger{padding:1.5rem;cursor:pointer;background:var(--bg-secondary);border:none;color:var(--text-primary);display:flex;align-items:center;gap:1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-width:180px;justify-content:center}.nav-trigger:hover{background:var(--bg-tertiary)}.logo-mini{background:var(--accent-gradient);padding:.2rem .5rem;border-radius:.4rem;font-weight:900;font-size:.7rem;color:#fff}.nav-menu{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;min-width:220px;background:var(--bg-secondary);border:1px solid var(--glass-border);box-shadow:0 20px 25px -5px #00000080;animation:slideDown .2s ease-out}.nav-menu.card:hover{transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.nav-menu-item{width:100%;padding:.75rem 1.25rem;border:none;background:transparent;color:var(--text-secondary);border-radius:.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s;text-align:left}.nav-menu-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-menu-item.active{background:var(--accent-gradient);color:#fff;font-weight:700}.main-content{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1{font-family:var(--font-display);font-size:2rem;font-weight:600}.card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);transition:transform .3s ease}.card:hover{transform:translateY(-4px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.chart-section{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container{grid-template-columns:1fr}.sidebar{display:none}}