:root{--bg-deep: #090a0f;--bg-surface: #10121a;--bg-card: rgba(22, 25, 35, .65);--border-light: rgba(255, 255, 255, .06);--border-focus: rgba(99, 102, 241, .4);--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .15);--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--success: #10b981;--success-glow: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .15);--error: #ef4444;--error-glow: rgba(239, 68, 68, .15);--info: #0ea5e9;--info-glow: rgba(14, 165, 233, .15);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--shadow-neon: 0 0 20px rgba(99, 102, 241, .1);--shadow-card: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(168,85,247,.05) 0px,transparent 50%);background-attachment:fixed;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-card);transition:var(--transition-smooth)}.glass-panel:hover{border-color:#ffffff1a;box-shadow:0 12px 40px #00000073}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.flex-center{display:flex;align-items:center;justify-content:center}.text-glow-primary{text-shadow:0 0 10px rgba(99,102,241,.5)}.input-base{background:#ffffff08;border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-body);padding:12px 16px;border-radius:12px;outline:none;transition:var(--transition-smooth)}.input-base:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 3px var(--primary-glow)}.btn-primary{background:var(--primary-gradient);border:none;color:#fff;font-family:var(--font-display);font-weight:500;padding:12px 24px;border-radius:12px;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-primary:active{transform:translateY(0)}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #6366f133}50%{box-shadow:0 0 25px #6366f173}}.pulse-glow{animation:pulseGlow 3s infinite}.app-container{max-width:1440px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:32px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.responsive-grid-main{display:grid;grid-template-columns:2fr 1fr;gap:32px}.responsive-grid-sub{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 1024px){.responsive-grid-main{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.responsive-grid-sub{grid-template-columns:1fr;gap:24px}}@media (max-width: 480px){.app-container{padding:16px 12px 60px;gap:20px}header{flex-direction:column;gap:16px;align-items:flex-start!important;padding:16px 20px!important;margin-bottom:24px!important}.glass-panel{padding:16px!important;border-radius:14px!important}.kpi-grid{grid-template-columns:1fr;gap:16px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:#0d0e12f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);display:none;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 32px #00000080}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:10px;font-family:var(--font-display);font-weight:500;cursor:pointer;transition:var(--transition-smooth);width:20%;height:100%}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--primary)}.sidebar-nav{display:flex;gap:12px}.sidebar-nav-btn{background:#ffffff05;border:1px solid var(--border-light);color:var(--text-secondary);font-family:var(--font-display);font-size:13px;font-weight:500;padding:8px 16px;border-radius:10px;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:8px}.sidebar-nav-btn:hover{background:#ffffff0d;color:#fff}.sidebar-nav-btn.active{background:var(--primary-glow);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-neon)}.compact-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.compact-kpi-card{background:#ffffff05;border:1px solid var(--border-light);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:var(--transition-smooth)}.compact-kpi-card:hover{border-color:#ffffff1a;background:#ffffff08}@media (max-width: 1024px){.compact-kpi-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.bottom-nav{display:flex}.sidebar-nav{display:none}.app-container{padding-bottom:96px!important}}@media (max-width: 480px){.compact-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.compact-kpi-card{padding:12px;gap:8px}}