@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-app:#0e1621;--bg-primary:#17212b;--bg-secondary:#242f3d;--bg-hover:#2b3848;--bg-active:#2b5278;--bg-input:#242f3d;--bg-modal:#1c2733;--text-primary:#f5f5f5;--text-secondary:#8b9bab;--text-muted:#6c7883;--text-link:#5eb5f7;--text-danger:#e05d44;--accent:#5eb5f7;--accent-hover:#4aa3e6;--accent-active:#3b91d4;--bubble-outgoing:#2b5278;--bubble-incoming:#182533;--bubble-system:#1a2533;--online:#4dcd70;--away:#e8a73b;--dnd:#e05d44;--offline:#6c7883;--border:#ffffff0f;--border-light:#ffffff08;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--sidebar-width:320px;--header-height:56px;--input-height:56px;--avatar-sm:32px;--avatar-md:42px;--avatar-lg:54px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-round:50%;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-base:.9rem;--font-size-md:1rem;--font-size-lg:1.15rem;--font-size-xl:1.4rem;--font-size-2xl:1.8rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--z-sidebar:10;--z-header:20;--z-modal-backdrop:100;--z-modal:110;--z-toast:200}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#app{flex-direction:column;height:100%;display:flex}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);outline:none;padding:10px 14px}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:none}input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset;border-color:var(--border);transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset;border-color:var(--border);transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset;border-color:var(--border);transition:background-color 5000s ease-in-out}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}