@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";:root{--bg-primary:#050b14;--bg-secondary:#0a1424;--bg-glass:#0a1424a6;--bg-glass-hover:#14233cbf;--accent-cyan:#00e5ff;--accent-blue:#2979ff;--accent-gold:#ffd54f;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--border-glass:#ffffff14;--glow-cyan:#00e5ff26}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15% 50%, var(--glow-cyan), transparent 25%), radial-gradient(circle at 85% 30%, #2979ff1a, transparent 25%);background-attachment:fixed;width:100vw;max-width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d}.glass-panel:hover{background:var(--bg-glass-hover);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00e5ff1a}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050b14cc;flex-direction:column;width:280px;height:100%;padding:24px;display:flex}.main-content{flex:1;height:100%;padding:32px;position:relative;overflow-y:auto}@keyframes pulseGlow{0%{box-shadow:0 0 #00e5ff66}70%{box-shadow:0 0 0 10px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}.glow-btn{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:600;transition:transform .2s,filter .2s}.glow-btn:hover{filter:brightness(1.2);animation:1.5s infinite pulseGlow;transform:scale(1.05)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes micPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.pulse-animation{animation:1.5s ease-in-out infinite micPulse}.sidebar-overlay,.mobile-menu-btn,.admin-mobile-menu-btn{display:none}@media (width<=768px){.mobile-hide{display:none!important}.mobile-menu-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex!important}.admin-mobile-menu-btn{color:var(--accent-gold);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex!important}.app-sidebar{z-index:50;transition:left .3s;top:0;bottom:0;left:-280px;width:280px!important;position:fixed!important}.app-sidebar.open{left:0}.sidebar-overlay{z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;position:fixed;inset:0}.chat-container{padding:12px!important}.chat-header{padding:16px 20px!important}.chat-header-title h2{font-size:1rem!important}.chat-input-wrapper{padding:0 16px 24px!important}.chat-input-inner{padding:8px!important}.chat-message{max-width:95%!important;padding:12px 16px!important;font-size:.95rem!important}.chat-message-container{gap:12px!important}.admin-sidebar{z-index:150;transition:left .3s;top:0;bottom:0;left:-280px;width:280px!important;position:fixed!important}.admin-sidebar.open{left:0}.admin-sidebar-overlay{z-index:149;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;position:fixed;inset:0}.admin-content{padding:24px 16px!important}.admin-grid-stats{grid-template-columns:1fr!important}.auth-card{width:100%!important;max-width:90%!important;margin:20px auto!important;padding:32px 24px!important}.auth-logo-wrapper{width:60px!important;height:60px!important}.auth-card h1{font-size:1.5rem!important}}#root{width:100%;max-width:100vw;overflow-x:hidden}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #0fa6}70%{transform:scale(1.05);box-shadow:0 0 0 10px #0fa0}to{transform:scale(1);box-shadow:0 0 #0fa0}}
