@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--glass-border);transition:width .3s cubic-bezier(.4,0,.2,1);background:#0f111580;border-radius:0;z-index:10}.sidebar.open{width:260px}.sidebar.closed{width:80px}.sidebar-header{height:70px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--glass-border);gap:12px}.brand-logo{color:var(--primary);flex-shrink:0}.brand-name{font-weight:700;font-size:1.25rem;background:linear-gradient(135deg,#fff,var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--glass-border);border-radius:4px}.nav-group{display:flex;flex-direction:column;gap:8px}.nav-group-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;padding:0 12px;margin-bottom:4px}.nav-group-items{display:flex;flex-direction:column;gap:4px}.sidebar.closed .nav-group-title{display:none}.nav-item{display:flex;align-items:center;padding:12px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden;gap:12px}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text-main)}.nav-item.active{background:#6366f11a;color:var(--primary)}.nav-icon{flex-shrink:0}.nav-label{font-weight:500;white-space:nowrap;opacity:1;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--primary);border-radius:0 4px 4px 0}.sidebar-footer{padding:16px;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end}.sidebar.closed .sidebar-footer{justify-content:center}.toggle-btn{color:var(--text-muted);padding:8px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-btn:hover{background:var(--bg-surface-hover);color:var(--text-main)}.topnav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--glass-border);background:var(--bg-surface);z-index:5}.search-container{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:8px 16px;width:320px;transition:all .2s ease}.search-container:focus-within{border-color:var(--primary);background:#6366f10d;box-shadow:0 0 0 2px #6366f133}.search-icon{color:var(--text-muted);margin-right:12px}.search-input{background:transparent;border:none;color:var(--text-main);outline:none;flex:1;font-size:.875rem}.search-input::placeholder{color:var(--text-muted)}.user-controls{display:flex;align-items:center;gap:16px}.icon-btn{color:var(--text-muted);width:40px;height:40px;border-radius:50%;position:relative;transition:all .2s ease}.icon-btn:hover{background:#ffffff0d;color:var(--text-main)}.badge{position:absolute;top:8px;right:10px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-surface)}.divider{width:1px;height:24px;background:var(--glass-border)}.user-profile-btn{display:flex;align-items:center;gap:12px;text-align:left;padding:6px 12px;border-radius:var(--radius-md);transition:all .2s ease}.user-profile-btn:hover{background:#ffffff0d}.user-info{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:600;color:var(--text-main)}.user-role{font-size:.75rem;color:var(--text-muted)}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:var(--bg-base);background-image:radial-gradient(circle at 50% 0%,var(--bg-surface-hover) 0%,var(--bg-base) 70%)}.login-card{width:100%;max-width:420px;padding:40px;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:32px}.logo-placeholder{font-size:24px;font-weight:800;color:var(--primary);letter-spacing:-1px;margin-bottom:24px;text-transform:uppercase;display:inline-block;padding:10px 20px;background:#ffdd2d1a;border-radius:var(--radius-lg)}.login-header h2{margin-bottom:8px;font-size:1.5rem}.login-header p{color:var(--text-muted);font-size:.9rem}.login-error{background:#ff3b301a;color:#ff3b30;padding:12px;border-radius:var(--radius-md);margin-bottom:24px;font-size:.9rem;text-align:center;border:1px solid rgba(255,59,48,.2)}.login-form{display:flex;flex-direction:column;gap:16px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-muted)}.input-group input{width:100%;padding:14px 16px 14px 48px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-main);font-size:1rem;transition:all .2s ease;outline:none}.input-group input:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 3px #ffdd2d26}.login-btn{margin-top:12px;padding:14px;font-size:1rem;font-weight:600}.landing{min-height:100vh;background:var(--bg-base);overflow-x:hidden}.landing-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.landing-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,221,45,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,221,45,.03) 1px,transparent 1px);background-size:64px 64px;will-change:transform;animation:gridDrift 25s linear infinite}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(64px,64px)}}.landing-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(80px);opacity:.1;will-change:opacity,transform}.landing-glow--1{top:-10%;left:30%;background:var(--primary);animation:glowPulse 8s ease-in-out infinite alternate}.landing-glow--2{bottom:10%;right:10%;background:var(--secondary);animation:glowPulse 10s ease-in-out 2s infinite alternate}@keyframes glowPulse{0%{opacity:.08;transform:scale(1)}to{opacity:.18;transform:scale(1.15)}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 48px;background:#1c1c1ed9;border-bottom:1px solid var(--glass-border);transition:background .3s}.landing-nav-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:var(--text-main)}.landing-nav-logo span{color:var(--primary)}.landing-nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--primary);color:var(--text-inverted);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:all .25s ease;text-decoration:none}.landing-nav-cta:hover{background:var(--primary-hover);box-shadow:0 0 24px #ffdd2d59;transform:translateY(-1px)}.landing-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:180px 24px 100px;max-width:900px;margin:0 auto}.landing-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;border:1px solid rgba(255,221,45,.2);background:#ffdd2d0f;color:var(--primary);font-size:.8rem;font-weight:500;margin-bottom:32px;opacity:0;animation:heroFadeUp .7s ease-out .1s forwards}.landing-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.landing-hero h1{font-size:clamp(3rem,7vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:24px;opacity:0;animation:heroFadeUp .7s ease-out .25s forwards}.landing-hero h1 .accent{background:linear-gradient(135deg,var(--primary),#FFE872);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:1.2rem;line-height:1.6;color:var(--text-muted);max-width:560px;margin-bottom:48px;opacity:0;animation:heroFadeUp .7s ease-out .4s forwards}.landing-hero-actions{display:flex;gap:16px;align-items:center;opacity:0;animation:heroFadeUp .7s ease-out .55s forwards}.landing-hero-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:var(--primary);color:var(--text-inverted);border-radius:var(--radius-lg);font-weight:700;font-size:1rem;transition:all .3s ease;text-decoration:none}.landing-hero-btn:hover{background:var(--primary-hover);box-shadow:0 0 40px #ffdd2d4d,0 8px 32px #0006;transform:translateY(-2px)}.landing-hero-btn-secondary{padding:16px 36px;background:transparent;color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-lg);font-weight:600;font-size:1rem;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.landing-hero-btn-secondary:hover{background:#ffffff0d;border-color:#fff3}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.landing-stats{position:relative;z-index:1;display:flex;justify-content:center;gap:64px;padding:48px 24px;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:#2c2c2e80}.landing-stat{text-align:center}.landing-stat-value{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text-main)}.landing-stat-value .yellow{color:var(--primary)}.landing-stat-label{font-size:.85rem;color:var(--text-muted);margin-top:4px}.landing-features{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:100px 24px}.landing-features-header{text-align:center;margin-bottom:64px}.landing-features-header h2{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin-bottom:16px}.landing-features-header p{color:var(--text-muted);font-size:1.05rem;max-width:480px;margin:0 auto;line-height:1.6}.landing-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.landing-feature-card{position:relative;padding:36px;background:#2c2c2e80;border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all .35s ease;overflow:hidden;opacity:0;transform:translateY(32px)}.landing-feature-card.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.landing-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .35s}.landing-feature-card:hover{transform:translateY(-4px);border-color:#ffdd2d26;box-shadow:0 16px 48px #0006}.landing-feature-card:hover:before{opacity:1}.landing-feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:#ffdd2d14;color:var(--primary);margin-bottom:20px}.landing-feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px;letter-spacing:-.01em}.landing-feature-card p{color:var(--text-muted);line-height:1.6;font-size:.9rem}.landing-footer{position:relative;z-index:1;text-align:center;padding:40px 24px;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.8rem}@media(max-width:768px){.landing-nav{padding:16px 20px}.landing-hero{padding:140px 20px 72px}.landing-hero-actions{flex-direction:column;width:100%}.landing-hero-btn,.landing-hero-btn-secondary{width:100%;justify-content:center}.landing-stats{flex-direction:column;gap:32px;align-items:center}.landing-stat-value{font-size:2rem}.landing-features-grid{grid-template-columns:1fr}.landing-features{padding:64px 20px}}@media(max-width:480px){.landing-hero h1{font-size:2.25rem}.landing-hero-sub{font-size:1rem}}:root{--font-family: "Inter", system-ui, sans-serif;--bg-base: #1C1C1E;--bg-surface: #2C2C2E;--bg-surface-hover: #3a3a3c;--primary: #FFDD2D;--primary-hover: #F2C811;--secondary: #30D158;--text-main: #FFFFFF;--text-muted: #8E8E93;--text-inverted: #1C1C1E;--border: rgba(255, 255, 255, .1);--glass-bg: rgba(44, 44, 46, .7);--glass-border: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.5);--blur: blur(12px);--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font-family);background-color:var(--bg-base);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}h1{font-size:1.875rem}h3{font-size:1.125rem;margin-bottom:.5rem}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}.animate-fade-in{animation:fadeIn .4s ease-out}.app-loader{display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;background:var(--bg-base);color:var(--primary)}.spinner{width:40px;height:40px;border:3px solid var(--bg-surface-hover);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.page-container{flex:1;overflow-y:auto;padding:32px}.dashboard-content{display:flex;flex-direction:column;gap:32px;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}.subtitle{color:var(--text-muted);margin-top:4px}.btn-primary{background:var(--primary);color:var(--text-inverted);padding:10px 20px;border-radius:var(--radius-md);font-weight:500;transition:all .2s ease}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #ffdd2d4d}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--glass-border);padding:10px 20px;border-radius:var(--radius-md);font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--bg-surface-hover)}.btn-outline{border:1px solid var(--primary);color:var(--primary);padding:8px 16px;border-radius:var(--radius-md);transition:all .2s}.btn-outline:hover{background:#ffdd2d1a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.stat-card{padding:24px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);background:#ffffff05}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-title{color:var(--text-muted);font-size:.875rem;font-weight:500}.stat-icon-wrapper{background:#ffdd2d1a;color:var(--primary);padding:8px;border-radius:var(--radius-md)}.stat-value{font-size:2rem;font-weight:700;margin-bottom:8px}.stat-hint{font-size:.875rem;display:flex;align-items:center;gap:4px}.trend-up{color:var(--secondary)}.trend-down{color:#ef4444}.trend-neutral{color:var(--text-muted)}.chart-section{padding:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.glass-select{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main);padding:6px 12px;border-radius:var(--radius-md);outline:none}.chart-container{margin-top:24px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.settings-card{padding:24px}.settings-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.placeholder-pane{padding:64px;text-align:center;display:flex;justify-content:center;align-items:center}.empty-state p{color:var(--text-muted);max-width:400px;margin:0 auto;line-height:1.6}