@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a25;--accent: #6c63ff;--text-primary: #f0f0f8;--text-secondary: #9090b0;--online: #22c55e;--away: #f59e0b;--offline: #6b7280;--danger: #ef4444;--font: "Inter", system-ui, sans-serif;--sidebar-width: 280px}html,body,#root{height:100%;height:100dvh;width:100%;font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);overflow:hidden}@media(min-width:640px){[style*=desktopLayout]{display:flex!important}[style*=mobileLayout]{display:none!important}}@media(max-width:639px){[style*=desktopLayout]{display:none!important}[style*=mobileLayout]{display:block!important}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a3d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6c63ff}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner{width:32px;height:32px;border:3px solid #2a2a3d;border-top-color:#6c63ff;border-radius:50%;animation:spin .8s linear infinite}input:focus,textarea:focus{border-color:#6c63ff!important;box-shadow:0 0 0 2px #6c63ff33}button:focus-visible{outline:2px solid #6c63ff;outline-offset:2px}@media(max-width:639px){input,textarea,select{font-size:16px!important}}