@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #1e1b3a;--bg-darker: #131129;--bg-gradient: linear-gradient(135deg, #1e1b3a 0%, #131129 100%);--primary-color: #6E00FF;--primary-hover: #5a00d1;--secondary-color: #FF005C;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .3);--input-bg: rgba(0, 0, 0, .2);--item-hover: rgba(255, 255, 255, .1);--active-item: rgba(110, 0, 255, .15);--text-color: #ffffff;--text-secondary: #9aa5b1;--text-muted: #6b7280;--online: #00C305;--offline: #666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--bg-dark);background-image:var(--bg-gradient);color:var(--text-color);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f180}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}button,input,textarea{font-family:Outfit,sans-serif}