@import"https://fonts.cdnfonts.com/css/gg-sans";._skeleton_v234j_1{position:relative;display:block;overflow:hidden;background:linear-gradient(90deg,#94a3b814,#94a3b829,#94a3b814);border-radius:var(--radius-sm);min-height:.5rem}._skeleton_v234j_1:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 40%,rgba(255,255,255,.35) 60%,transparent 100%);transform:translate(-100%);animation:_skeleton-shimmer_v234j_1 1.2s infinite}._rounded_v234j_25{border-radius:var(--radius-md)}._circle_v234j_29{border-radius:50%}._pill_v234j_33{border-radius:999px}@keyframes _skeleton-shimmer_v234j_1{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){._skeleton_v234j_1:after{animation-duration:.001ms}}@media (width: 1920px) and (height: 1080px){._skeleton_v234j_1{min-height:.4rem}._pill_v234j_33{border-radius:799.2px}}._viewport_ravfk_1{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:2000;pointer-events:none}._toast_ravfk_12{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-2);min-width:240px;max-width:320px;pointer-events:auto;animation:_toast-in_ravfk_1 .18s ease-out}._toast_ravfk_12[data-type=success]{border-color:#22c55e80}._toast_ravfk_12[data-type=error]{border-color:#ef444480}._toast_ravfk_12[data-type=info]{border-color:#3b82f673}._title_ravfk_39{font-weight:600;font-size:.95rem}._description_ravfk_44{font-size:.85rem;color:var(--color-text-muted)}._actions_ravfk_49{display:flex;gap:var(--space-2);justify-content:flex-end}._closeButton_ravfk_55{align-self:flex-end;background:none;border:none;color:inherit;cursor:pointer;font-size:.875rem}@keyframes _toast-in_ravfk_1{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._viewport_ravfk_1{top:auto;bottom:var(--space-3);right:50%;left:50%;transform:translate(-50%);align-items:center}._toast_ravfk_12{max-width:min(90vw,360px);width:100%}}@media (width: 1920px) and (height: 1080px){._toast_ravfk_12{border:.8px solid var(--color-border);min-width:192px;max-width:256px}._title_ravfk_39{font-size:.76rem}._description_ravfk_44{font-size:.68rem}._closeButton_ravfk_55{font-size:.7rem}@keyframes _toast-in_ravfk_1{0%{transform:translateY(-9.6px)}}@media (max-width: 768px){._toast_ravfk_12{max-width:min(72vw,288px)}}}._menuContainer_dvw2u_1{position:relative}._trigger_dvw2u_5{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}._trigger_dvw2u_5:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}._trigger_dvw2u_5:active{transform:scale(.95)}._overlay_dvw2u_29{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9997;animation:_fadeIn_dvw2u_1 var(--transition-medium)}@keyframes _fadeIn_dvw2u_1{0%{opacity:0}to{opacity:1}}._menu_dvw2u_1{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--app-shell-surface);backdrop-filter:blur(var(--surface-glass-blur));-webkit-backdrop-filter:blur(var(--surface-glass-blur));border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:0 -4px 24px color-mix(in srgb,var(--color-surface-elevated) 40%,transparent);z-index:9998;display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--transition-smooth);overflow:hidden}._menuOpen_dvw2u_71{transform:translateY(0)}._menuHeader_dvw2u_75{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--app-shell-divider);flex-shrink:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-elevated) 86%,transparent),color-mix(in srgb,var(--color-surface-elevated) 72%,transparent))}._menuTitle_dvw2u_89{font-size:1.1rem;font-weight:600;color:var(--color-text)}._closeButton_dvw2u_95{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast)}._closeButton_dvw2u_95:hover{background:var(--color-surface-hover)}._closeButton_dvw2u_95:active{transform:scale(.95)}._menuContent_dvw2u_117{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);-webkit-overflow-scrolling:touch}._menuContent_dvw2u_117::-webkit-scrollbar{width:8px}._menuContent_dvw2u_117::-webkit-scrollbar-track{background:transparent}._menuContent_dvw2u_117::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}._menuContent_dvw2u_117::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 80%,transparent)}._menuItem_dvw2u_147{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text);font-size:.95rem;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;min-height:48px}._menuItem_dvw2u_147:hover{background:var(--color-surface-hover)}._menuItem_dvw2u_147:active{transform:scale(.98)}._menuItemIcon_dvw2u_172{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}._menuItem_dvw2u_147:hover ._menuItemIcon_dvw2u_172{color:var(--color-primary)}._menuItemText_dvw2u_186{flex:1;font-weight:500}._menuSeparator_dvw2u_191{height:1px;background:var(--app-shell-divider);margin:var(--space-2) var(--space-4)}@media (min-width: 961px){._menuContainer_dvw2u_1{display:none}}@media (width: 1920px) and (height: 1080px){._trigger_dvw2u_5{width:2rem;height:2rem;border:.8px solid var(--color-border)}._overlay_dvw2u_29{backdrop-filter:blur(3.2px);-webkit-backdrop-filter:blur(3.2px)}._menu_dvw2u_1{box-shadow:0 -3.2px 19.2px color-mix(in srgb,var(--color-surface-elevated) 40%,transparent)}._menuHeader_dvw2u_75{border-bottom:.8px solid var(--app-shell-divider)}._menuTitle_dvw2u_89{font-size:.88rem}._closeButton_dvw2u_95{width:2rem;height:2rem}._menuContent_dvw2u_117::-webkit-scrollbar{width:6.4px}._menuContent_dvw2u_117::-webkit-scrollbar-thumb{border:1.6px solid transparent}._menuItem_dvw2u_147{font-size:.76rem;min-height:38.4px}._menuItemIcon_dvw2u_172{width:1.2rem;height:1.2rem}._menuSeparator_dvw2u_191{height:.8px}}._appShell_13q25_1{height:100vh;display:flex;flex-direction:column;width:100%;overflow:hidden;background:var(--app-shell-background, var(--app-background-image, var(--color-bg)));color:var(--color-text);isolation:isolate}._header_13q25_12{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--app-shell-border);background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-elevated) 86%,transparent),color-mix(in srgb,var(--color-surface-elevated) 72%,transparent));backdrop-filter:blur(var(--surface-glass-blur));-webkit-backdrop-filter:blur(var(--surface-glass-blur));box-shadow:0 18px 40px color-mix(in srgb,var(--color-surface-elevated) 28%,transparent);transition:background var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium)}._header_13q25_12 .workspace-header{width:100%;gap:var(--space-3);border-radius:0}._layout_13q25_35{flex:1 1 auto;display:flex;min-height:0;height:100%;align-items:stretch;background:linear-gradient(180deg,color-mix(in srgb,var(--app-shell-surface) 94%,transparent),color-mix(in srgb,var(--color-surface) 92%,transparent))}._layout_13q25_35>*{min-height:0;background:var(--app-shell-surface);transition:background var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium)}._layout_13q25_35>*+*{border-left:1px solid var(--app-shell-divider)}._sidebar_13q25_59{flex:0 0 auto;min-width:0;display:flex;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 75%,transparent) 0%,var(--app-shell-surface) 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--app-shell-divider) 60%,transparent),0 18px 32px color-mix(in srgb,var(--color-surface-elevated) 20%,transparent)}._secondarySidebar_13q25_72{min-width:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 68%,transparent) 0%,var(--app-shell-surface) 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--app-shell-divider) 60%,transparent),0 18px 32px color-mix(in srgb,var(--color-surface-elevated) 16%,transparent)}._main_13q25_83{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;padding:var(--app-shell-gutter);gap:var(--space-3);background:var(--app-shell-surface);overflow:hidden}._aside_13q25_95{flex:0 0 auto;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:stretch;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 70%,transparent) 0%,var(--app-shell-surface) 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--app-shell-divider) 60%,transparent),0 18px 32px color-mix(in srgb,var(--color-surface-elevated) 18%,transparent);overflow:hidden}._utilityStack_13q25_113{display:flex;flex-direction:column;gap:var(--space-3);width:100%;min-height:0}@media (max-width: 1440px){._aside_13q25_95{flex-basis:220px}}@media (max-width: 1200px){._layout_13q25_35{flex-wrap:wrap}._layout_13q25_35>*+*{border-left:none;border-top:1px solid var(--app-shell-divider)}._aside_13q25_95{flex:1 1 100%;order:4;min-width:0}}@media (max-width: 960px){._layout_13q25_35{flex-direction:column}._sidebar_13q25_59,._secondarySidebar_13q25_72,._aside_13q25_95{display:none}._main_13q25_83{padding:var(--app-shell-gutter-compact)}}@media (max-width: 720px){._header_13q25_12 .workspace-header h1{font-size:1.1rem}._header_13q25_12 .workspace-header__subtitle{font-size:.9rem}._header_13q25_12 .workspace-header__status-block{width:100%}}@media (max-width: 540px){._main_13q25_83{padding:var(--space-2) var(--space-3)}}@media (max-width: 480px){._header_13q25_12 .workspace-header h1{font-size:1rem}._header_13q25_12 .workspace-header__actions{gap:var(--space-1)}._header_13q25_12 .workspace-header__status{font-size:.75rem}._main_13q25_83{padding:var(--space-2)}}@media (width: 1920px) and (height: 1080px){._header_13q25_12{border-bottom:.8px solid var(--app-shell-border);box-shadow:0 14.4px 32px color-mix(in srgb,var(--color-surface-elevated) 28%,transparent)}._layout_13q25_35>*+*{border-left:.8px solid var(--app-shell-divider)}._sidebar_13q25_59{box-shadow:inset 0 .8px color-mix(in srgb,var(--app-shell-divider) 60%,transparent),0 14.4px 25.6px color-mix(in srgb,var(--color-surface-elevated) 20%,transparent)}._secondarySidebar_13q25_72{box-shadow:inset 0 .8px color-mix(in srgb,var(--app-shell-divider) 60%,transparent),0 14.4px 25.6px color-mix(in srgb,var(--color-surface-elevated) 16%,transparent)}._aside_13q25_95{box-shadow:inset 0 .8px color-mix(in srgb,var(--app-shell-divider) 60%,transparent),0 14.4px 25.6px color-mix(in srgb,var(--color-surface-elevated) 18%,transparent)}@media (max-width: 1440px){._aside_13q25_95{flex-basis:176px}}@media (max-width: 1200px){._layout_13q25_35>*+*{border-top:.8px solid var(--app-shell-divider)}}}._container_1n5gx_1{position:relative;display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);backdrop-filter:blur(24px);box-shadow:var(--shadow-soft);min-height:0;height:100%;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border) 60%,transparent) transparent}._container_1n5gx_1::-webkit-scrollbar{width:8px}._container_1n5gx_1::-webkit-scrollbar-track{background:transparent;border-radius:999px}._container_1n5gx_1::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background var(--transition-smooth);min-height:40px}._container_1n5gx_1::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 80%,transparent)}._handle_1n5gx_43{position:absolute;top:var(--space-2);bottom:var(--space-2);width:12px;display:flex;align-items:center;justify-content:center;cursor:col-resize;border-radius:var(--radius-md);transition:background var(--transition-fast),opacity var(--transition-fast);opacity:0}._handle_1n5gx_43:after{content:"";width:2px;height:100%;border-radius:999px;background:var(--color-border)}._container_1n5gx_1:hover ._handle_1n5gx_43,._container_1n5gx_1:focus-within ._handle_1n5gx_43,._handle_1n5gx_43:focus-visible{opacity:1}._handle_1n5gx_43:focus-visible{box-shadow:var(--focus-ring);outline:none}._handleLeft_1n5gx_76{left:-6px}._handleRight_1n5gx_80{right:-6px}@media (max-width: 960px){._container_1n5gx_1{width:100%!important}._handle_1n5gx_43{display:none}}@media (width: 1920px) and (height: 1080px){._container_1n5gx_1{border:.8px solid var(--color-border);backdrop-filter:blur(19.2px)}._container_1n5gx_1::-webkit-scrollbar{width:6.4px}._container_1n5gx_1::-webkit-scrollbar-thumb{border:1.6px solid transparent;min-height:32px}._handle_1n5gx_43{width:9.6px}._handle_1n5gx_43:after{width:1.6px}._handleLeft_1n5gx_76{left:-4.8px}._handleRight_1n5gx_80{right:-4.8px}}._overlay_85ew4_1{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:opacity var(--transition-medium),visibility var(--transition-medium);pointer-events:none}._overlayOpen_85ew4_17{opacity:1;visibility:visible;pointer-events:auto}._drawer_85ew4_23{position:fixed;top:0;left:0;bottom:0;width:min(85vw,320px);max-width:100%;background:var(--app-shell-surface);backdrop-filter:blur(var(--surface-glass-blur));-webkit-backdrop-filter:blur(var(--surface-glass-blur));box-shadow:4px 0 24px color-mix(in srgb,var(--color-surface-elevated) 40%,transparent);z-index:9999;transform:translate(-100%);transition:transform var(--transition-smooth);display:flex;flex-direction:column;overflow:hidden}._drawerOpen_85ew4_42{transform:translate(0)}._header_85ew4_46{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--app-shell-divider);flex-shrink:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-elevated) 86%,transparent),color-mix(in srgb,var(--color-surface-elevated) 72%,transparent))}._title_85ew4_60{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}._closeButton_85ew4_67{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}._closeButton_85ew4_67:hover{background:var(--color-surface-hover)}._closeButton_85ew4_67:active{background:var(--color-surface-active)}._content_85ew4_90{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:var(--space-2)}._content_85ew4_90::-webkit-scrollbar{width:8px}._content_85ew4_90::-webkit-scrollbar-track{background:transparent}._content_85ew4_90::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}._content_85ew4_90::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 80%,transparent)}@media (min-width: 961px){._overlay_85ew4_1,._drawer_85ew4_23{display:none}}@media (width: 1920px) and (height: 1080px){._overlay_85ew4_1{backdrop-filter:blur(3.2px);-webkit-backdrop-filter:blur(3.2px)}._drawer_85ew4_23{width:min(68vw,256px);box-shadow:3.2px 0 19.2px color-mix(in srgb,var(--color-surface-elevated) 40%,transparent);border-bottom:.8px solid var(--app-shell-divider)}._title_85ew4_60{font-size:.88rem}._closeButton_85ew4_67{width:2rem;height:2rem}._content_85ew4_90::-webkit-scrollbar{width:6.4px}._content_85ew4_90::-webkit-scrollbar-thumb{border:1.6px solid transparent}}._layout_1i61d_3{display:flex;min-height:100vh;background:#0f0f23;color:#e4e4e7}._sidebar_1i61d_11{width:260px;background:linear-gradient(180deg,#18182f,#0f0f23);border-right:1px solid rgba(99,102,241,.1);display:flex;flex-direction:column;transition:width .2s ease;position:sticky;top:0;height:100vh}._sidebar_1i61d_11._collapsed_1i61d_23{width:72px}._logo_1i61d_27{padding:1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(99,102,241,.1)}._logoIcon_1i61d_35{font-size:1.5rem}._logoText_1i61d_39{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}._nav_1i61d_49{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}._navItem_1i61d_58{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;background:transparent;border:none;color:#a1a1aa;font-size:.875rem;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}._navItem_1i61d_58:hover{background:#6366f11a;color:#e4e4e7}._navItem_1i61d_58._active_1i61d_79{background:#6366f133;color:#818cf8}._navIcon_1i61d_84{font-size:1.25rem;width:1.5rem;text-align:center}._navLabel_1i61d_90{white-space:nowrap}._sidebarFooter_1i61d_95{padding:1rem;border-top:1px solid rgba(99,102,241,.1);display:flex;flex-direction:column;gap:.75rem}._userInfo_1i61d_103{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;background:#6366f10d}._userAvatar_1i61d_112{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;overflow:hidden;flex-shrink:0}._userAvatar_1i61d_112 img{width:100%;height:100%;object-fit:cover}._userDetails_1i61d_132{flex:1;min-width:0}._userName_1i61d_137{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._userRole_1i61d_145{font-size:.75rem;opacity:.8}._collapseBtn_1i61d_150,._logoutBtn_1i61d_151{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:6px;background:transparent;border:1px solid rgba(99,102,241,.2);color:#a1a1aa;font-size:.875rem;cursor:pointer;transition:all .15s ease}._collapseBtn_1i61d_150:hover,._logoutBtn_1i61d_151:hover{background:#6366f11a;border-color:#6366f14d;color:#e4e4e7}._logoutBtn_1i61d_151:hover{border-color:#ef44444d;color:#ef4444}._main_1i61d_179{flex:1;min-width:0;overflow-y:auto}._content_1i61d_185{padding:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){._sidebar_1i61d_11{position:fixed;left:0;top:0;z-index:100;transform:translate(-100%)}._sidebar_1i61d_11:not(._collapsed_1i61d_23){transform:translate(0)}._content_1i61d_185{padding:1rem}}@media (width: 1920px) and (height: 1080px){._sidebar_1i61d_11{width:208px}._sidebar_1i61d_11._collapsed_1i61d_23{width:57.6px}._logo_1i61d_27{padding:1.2rem}._logoIcon_1i61d_35{font-size:1.2rem}._logoText_1i61d_39{font-size:1rem}._nav_1i61d_49{padding:.8rem .6rem;gap:.2rem}._navItem_1i61d_58{gap:.6rem;padding:.6rem .8rem;border-radius:6.4px;font-size:.7rem}._navIcon_1i61d_84{font-size:1rem;width:1.2rem}._sidebarFooter_1i61d_95{padding:.8rem;gap:.6rem}._userInfo_1i61d_103{gap:.6rem;padding:.4rem;border-radius:6.4px}._userAvatar_1i61d_112{width:28.8px;height:28.8px;font-size:.7rem}._userName_1i61d_137{font-size:.7rem}._userRole_1i61d_145{font-size:.6rem}._collapseBtn_1i61d_150,._logoutBtn_1i61d_151{gap:.4rem;padding:.4rem;border-radius:4.8px;font-size:.7rem}._content_1i61d_185{padding:1.6rem;max-width:1120px}}._container_1jec1_3{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);padding:1rem}._card_1jec1_12{width:100%;max-width:400px;background:#18182fcc;backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}._header_1jec1_23{text-align:center;margin-bottom:2rem}._logo_1jec1_28{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1rem;box-shadow:0 10px 40px #6366f14d}._title_1jec1_41{font-size:1.75rem;font-weight:700;color:#e4e4e7;margin:0 0 .25rem}._subtitle_1jec1_48{font-size:.875rem;color:#71717a;margin:0}._form_1jec1_54{display:flex;flex-direction:column;gap:1.25rem}._field_1jec1_60{display:flex;flex-direction:column;gap:.5rem}._field_1jec1_60 label{font-size:.875rem;font-weight:500;color:#a1a1aa}._field_1jec1_60 input{padding:.875rem 1rem;background:#0f0f2399;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#e4e4e7;font-size:1rem;transition:all .2s ease}._field_1jec1_60 input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}._field_1jec1_60 input::placeholder{color:#52525b}._field_1jec1_60 input:disabled{opacity:.6;cursor:not-allowed}._checkbox_1jec1_97{display:flex;align-items:center;gap:.5rem}._checkbox_1jec1_97 input{width:18px;height:18px;accent-color:#6366f1}._checkbox_1jec1_97 label{font-size:.875rem;color:#a1a1aa;cursor:pointer}._error_1jec1_115{padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:.875rem}._submitBtn_1jec1_124{padding:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}._submitBtn_1jec1_124:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 40px #6366f166}._submitBtn_1jec1_124:disabled{opacity:.7;cursor:not-allowed}._spinner_1jec1_150{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:_spin_1jec1_150 .8s linear infinite}@keyframes _spin_1jec1_150{to{transform:rotate(360deg)}}._footer_1jec1_165{margin-top:1.5rem;text-align:center}._backLink_1jec1_170{color:#71717a;font-size:.875rem;text-decoration:none;transition:color .15s ease}._backLink_1jec1_170:hover{color:#a1a1aa}@media (width: 1920px) and (height: 1080px){._container_1jec1_3{padding:.8rem}._card_1jec1_12{max-width:320px;backdrop-filter:blur(16px);border:.8px solid rgba(99,102,241,.2);border-radius:12.8px;padding:2rem;box-shadow:0 20px 40px -9.6px #00000080}._header_1jec1_23{margin-bottom:1.6rem}._logo_1jec1_28{width:51.2px;height:51.2px;border-radius:12.8px;font-size:1.6rem;margin:0 auto .8rem;box-shadow:0 8px 32px #6366f14d}._title_1jec1_41{font-size:1.4rem;margin:0 0 .2rem}._subtitle_1jec1_48{font-size:.7rem}._form_1jec1_54{gap:1rem}._field_1jec1_60{gap:.4rem}._field_1jec1_60 label{font-size:.7rem}._field_1jec1_60 input{padding:.7rem .8rem;border:.8px solid rgba(99,102,241,.2);border-radius:6.4px;font-size:.8rem}._field_1jec1_60 input:focus{box-shadow:0 0 0 2.4px #6366f133}._checkbox_1jec1_97{gap:.4rem}._checkbox_1jec1_97 input{width:14.4px;height:14.4px}._checkbox_1jec1_97 label{font-size:.7rem}._error_1jec1_115{padding:.7rem .8rem;border:.8px solid rgba(239,68,68,.2);border-radius:6.4px;font-size:.7rem}._submitBtn_1jec1_124{padding:.8rem;border-radius:6.4px;font-size:.8rem;gap:.4rem}._submitBtn_1jec1_124:hover:not(:disabled){transform:translateY(-.8px);box-shadow:0 8px 32px #6366f166}._spinner_1jec1_150{width:14.4px;height:14.4px;border:1.6px solid rgba(255,255,255,.3)}._footer_1jec1_165{margin-top:1.2rem}._backLink_1jec1_170{font-size:.7rem}}._dashboard_1uqk5_3{animation:_fadeIn_1uqk5_1 .3s ease}@keyframes _fadeIn_1uqk5_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._header_1uqk5_18{margin-bottom:2rem}._header_1uqk5_18 h1{font-size:1.875rem;font-weight:700;color:#e4e4e7;margin:0 0 .25rem}._subtitle_1uqk5_29{color:#71717a;margin:0}._loading_1uqk5_34{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#71717a;gap:1rem}._spinner_1uqk5_44{width:32px;height:32px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:_spin_1uqk5_44 .8s linear infinite}@keyframes _spin_1uqk5_44{to{transform:rotate(360deg)}}._statsGrid_1uqk5_60{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}._reportsGrid_1uqk5_67{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}._statCard_1uqk5_74{background:#18182f99;border:1px solid rgba(99,102,241,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .2s ease}._statCard_1uqk5_74:hover{border-color:#6366f133;transform:translateY(-2px)}._statCard_1uqk5_74._small_1uqk5_90{padding:1rem}._statIcon_1uqk5_94{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}._small_1uqk5_90 ._statIcon_1uqk5_94{width:40px;height:40px;font-size:1.25rem}._statContent_1uqk5_111{flex:1;min-width:0}._statValue_1uqk5_116{font-size:1.75rem;font-weight:700;color:#e4e4e7;line-height:1}._small_1uqk5_90 ._statValue_1uqk5_116{font-size:1.5rem}._statLabel_1uqk5_127{font-size:.875rem;color:#71717a;margin-top:.25rem}._statTrend_1uqk5_133{font-size:.75rem;color:#22c55e;margin-top:.5rem}._section_1uqk5_140{margin-bottom:2rem}._section_1uqk5_140 h2{font-size:1.125rem;font-weight:600;color:#a1a1aa;margin:0 0 1rem}._chartsGrid_1uqk5_152{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-bottom:2rem}._chartCard_1uqk5_159{background:#18182f99;border:1px solid rgba(99,102,241,.1);border-radius:12px;padding:1.5rem}._chartCard_1uqk5_159 h3{font-size:.875rem;font-weight:600;color:#a1a1aa;margin:0 0 1rem}._chart_1uqk5_152{height:120px}._chartBars_1uqk5_178{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:.5rem}._chartBarContainer_1uqk5_186{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}._chartBar_1uqk5_178{width:100%;max-width:32px;border-radius:4px 4px 0 0;transition:height .3s ease;min-height:4px}._chartLabel_1uqk5_202{font-size:.625rem;color:#52525b;margin-top:.5rem}._noData_1uqk5_208{display:flex;align-items:center;justify-content:center;height:100%;color:#52525b;font-size:.875rem}._roomsList_1uqk5_218{background:#18182f99;border:1px solid rgba(99,102,241,.1);border-radius:12px;overflow:hidden}._roomItem_1uqk5_225{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(99,102,241,.05)}._roomItem_1uqk5_225:last-child{border-bottom:none}._roomName_1uqk5_237{font-size:.875rem;color:#e4e4e7}._roomCount_1uqk5_242{font-size:.875rem;font-weight:600;color:#22c55e}@media (max-width: 768px){._statsGrid_1uqk5_60,._chartsGrid_1uqk5_152{grid-template-columns:1fr}}@media (width: 1920px) and (height: 1080px){@keyframes _fadeIn_1uqk5_1{0%{transform:translateY(8px)}to{transform:translateY(0)}}._header_1uqk5_18{margin-bottom:1.6rem}._header_1uqk5_18 h1{font-size:1.5rem;margin:0 0 .2rem}._loading_1uqk5_34{padding:3.2rem;gap:.8rem}._spinner_1uqk5_44{width:25.6px;height:25.6px;border:2.4px solid rgba(99,102,241,.2)}._statsGrid_1uqk5_60{grid-template-columns:repeat(auto-fit,minmax(192px,1fr));gap:1rem;margin-bottom:1.6rem}._reportsGrid_1uqk5_67{grid-template-columns:repeat(auto-fit,minmax(144px,1fr));gap:.8rem}._statCard_1uqk5_74{border:.8px solid rgba(99,102,241,.1);border-radius:9.6px;padding:1.2rem;gap:.8rem}._statCard_1uqk5_74:hover{transform:translateY(-1.6px)}._statCard_1uqk5_74._small_1uqk5_90{padding:.8rem}._statIcon_1uqk5_94{width:38.4px;height:38.4px;border-radius:9.6px;font-size:1.2rem}._small_1uqk5_90 ._statIcon_1uqk5_94{width:32px;height:32px;font-size:1rem}._statValue_1uqk5_116{font-size:1.4rem}._small_1uqk5_90 ._statValue_1uqk5_116{font-size:1.2rem}._statLabel_1uqk5_127{font-size:.7rem;margin-top:.2rem}._statTrend_1uqk5_133{font-size:.6rem;margin-top:.4rem}._section_1uqk5_140{margin-bottom:1.6rem}._section_1uqk5_140 h2{font-size:.9rem;margin:0 0 .8rem}._chartsGrid_1uqk5_152{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.6rem}._chartCard_1uqk5_159{border:.8px solid rgba(99,102,241,.1);border-radius:9.6px;padding:1.2rem}._chartCard_1uqk5_159 h3{font-size:.7rem;margin:0 0 .8rem}._chart_1uqk5_152{height:96px}._chartBars_1uqk5_178{gap:.4rem}._chartBar_1uqk5_178{max-width:25.6px;border-radius:3.2px 3.2px 0 0;min-height:3.2px}._chartLabel_1uqk5_202{font-size:.5rem;margin-top:.4rem}._noData_1uqk5_208{font-size:.7rem}._roomsList_1uqk5_218{border:.8px solid rgba(99,102,241,.1);border-radius:9.6px}._roomItem_1uqk5_225{padding:.8rem 1rem;border-bottom:.8px solid rgba(99,102,241,.05)}._roomName_1uqk5_237,._roomCount_1uqk5_242{font-size:.7rem}}._tableContainer_inrdg_3{background:#18182f99;border-radius:12px;border:1px solid rgba(99,102,241,.1);overflow:hidden}._table_inrdg_3{width:100%;border-collapse:collapse}._table_inrdg_3 th{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#71717a;background:#0f0f2380;border-bottom:1px solid rgba(99,102,241,.1)}._table_inrdg_3 th._sortable_inrdg_27{cursor:pointer;user-select:none}._table_inrdg_3 th._sortable_inrdg_27:hover{color:#a1a1aa}._sortIcon_inrdg_36{margin-left:.5rem;color:#6366f1}._table_inrdg_3 td{padding:1rem;font-size:.875rem;border-bottom:1px solid rgba(99,102,241,.05)}._table_inrdg_3 tbody tr{transition:background .15s ease}._table_inrdg_3 tbody tr._clickable_inrdg_51{cursor:pointer}._table_inrdg_3 tbody tr:hover{background:#6366f10d}._table_inrdg_3 tbody tr._selected_inrdg_59{background:#6366f11a}._loading_inrdg_63,._empty_inrdg_64{text-align:center;padding:3rem!important;color:#71717a}._loading_inrdg_63{display:flex;align-items:center;justify-content:center;gap:.75rem}._spinner_inrdg_77{width:20px;height:20px;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:_spin_inrdg_77 .8s linear infinite}@keyframes _spin_inrdg_77{to{transform:rotate(360deg)}}._pagination_inrdg_93{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#0f0f234d;border-top:1px solid rgba(99,102,241,.1)}._paginationInfo_inrdg_102{font-size:.875rem;color:#71717a}._paginationButtons_inrdg_107{display:flex;gap:.25rem}._pageBtn_inrdg_112{min-width:32px;height:32px;padding:0 .5rem;border:1px solid rgba(99,102,241,.2);border-radius:6px;background:transparent;color:#a1a1aa;font-size:.875rem;cursor:pointer;transition:all .15s ease}._pageBtn_inrdg_112:hover:not(:disabled){background:#6366f11a;border-color:#6366f14d;color:#e4e4e7}._pageBtn_inrdg_112._active_inrdg_131{background:#6366f1;border-color:#6366f1;color:#fff}._pageBtn_inrdg_112:disabled{opacity:.4;cursor:not-allowed}._badge_inrdg_143{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}._badge_inrdg_143._default_inrdg_152{background:#71717a33;color:#a1a1aa}._badge_inrdg_143._success_inrdg_157{background:#22c55e26;color:#4ade80}._badge_inrdg_143._warning_inrdg_162{background:#eab30826;color:#facc15}._badge_inrdg_143._error_inrdg_167{background:#ef444426;color:#f87171}._badge_inrdg_143._info_inrdg_172{background:#6366f126;color:#818cf8}._page_ym8sq_3{animation:_fadeIn_ym8sq_1 .3s ease}@keyframes _fadeIn_ym8sq_1{0%{opacity:0}to{opacity:1}}._header_ym8sq_16{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}._header_ym8sq_16 h1{font-size:1.875rem;font-weight:700;color:#e4e4e7;margin:0 0 .25rem}._subtitle_ym8sq_30{color:#71717a;margin:0}._filters_ym8sq_36{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}._searchForm_ym8sq_43{display:flex;flex:1;max-width:400px}._searchInput_ym8sq_49{flex:1;padding:.75rem 1rem;background:#18182f99;border:1px solid rgba(99,102,241,.2);border-right:none;border-radius:8px 0 0 8px;color:#e4e4e7;font-size:.875rem}._searchInput_ym8sq_49:focus{outline:none;border-color:#6366f1}._searchBtn_ym8sq_65{padding:.75rem 1rem;background:#6366f1;border:1px solid #6366f1;border-radius:0 8px 8px 0;color:#fff;cursor:pointer}._filterSelect_ym8sq_74{padding:.75rem 1rem;background:#18182f99;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#e4e4e7;font-size:.875rem;cursor:pointer}._content_ym8sq_85{display:flex;gap:1.5rem}._tableSection_ym8sq_90{flex:1;min-width:0}._userCell_ym8sq_96{display:flex;align-items:center;gap:.75rem}._userAvatar_ym8sq_102{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;overflow:hidden;flex-shrink:0}._userAvatar_ym8sq_102 img{width:100%;height:100%;object-fit:cover}._userName_ym8sq_122{font-weight:500;color:#e4e4e7}._userLogin_ym8sq_127{font-size:.75rem;color:#71717a}._detailsPanel_ym8sq_133{width:320px;background:#18182f99;border:1px solid rgba(99,102,241,.1);border-radius:12px;flex-shrink:0}._detailsHeader_ym8sq_141{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(99,102,241,.1)}._detailsHeader_ym8sq_141 h2{font-size:1rem;font-weight:600;color:#e4e4e7;margin:0}._closeBtn_ym8sq_156{width:28px;height:28px;background:transparent;border:1px solid rgba(99,102,241,.2);border-radius:6px;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center}._closeBtn_ym8sq_156:hover{border-color:#6366f166;color:#e4e4e7}._detailsLoading_ym8sq_174{padding:2rem;text-align:center;color:#71717a}._userProfile_ym8sq_180{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid rgba(99,102,241,.1)}._profileAvatar_ym8sq_188{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem;overflow:hidden;flex-shrink:0}._profileAvatar_ym8sq_188 img{width:100%;height:100%;object-fit:cover}._profileInfo_ym8sq_208 h3{font-size:1rem;font-weight:600;color:#e4e4e7;margin:0 0 .25rem}._profileInfo_ym8sq_208 p{font-size:.875rem;color:#71717a;margin:0}._detailsStats_ym8sq_221{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(99,102,241,.1)}._statItem_ym8sq_229{text-align:center}._statLabel_ym8sq_233{display:block;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:#52525b;margin-bottom:.25rem}._statValue_ym8sq_242{font-size:1.125rem;font-weight:600;color:#e4e4e7}._detailsInfo_ym8sq_248{padding:1rem 1.25rem;border-bottom:1px solid rgba(99,102,241,.1)}._infoRow_ym8sq_253{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}._infoRow_ym8sq_253>span:first-child{color:#71717a}._infoRow_ym8sq_253>span:last-child{color:#e4e4e7}._blockReason_ym8sq_269{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f87171!important}._detailsActions_ym8sq_277{padding:1rem 1.25rem}._blockBtn_ym8sq_281,._unblockBtn_ym8sq_282{width:100%;padding:.75rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}._blockBtn_ym8sq_281{background:#ef444426;color:#f87171}._blockBtn_ym8sq_281:hover:not(:disabled){background:#ef444440}._unblockBtn_ym8sq_282{background:#22c55e26;color:#4ade80}._unblockBtn_ym8sq_282:hover:not(:disabled){background:#22c55e40}._blockBtn_ym8sq_281:disabled,._unblockBtn_ym8sq_282:disabled{opacity:.5;cursor:not-allowed}._dialogOverlay_ym8sq_318{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}._dialog_ym8sq_318{background:#18182f;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1.5rem;width:100%;max-width:400px}._dialog_ym8sq_318 h3{font-size:1.125rem;font-weight:600;color:#e4e4e7;margin:0 0 .5rem}._dialog_ym8sq_318 p{color:#a1a1aa;margin:0 0 1rem;font-size:.875rem}._reasonInput_ym8sq_350{width:100%;padding:.75rem;background:#0f0f2399;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#e4e4e7;font-size:.875rem;resize:vertical;margin-bottom:1rem}._reasonInput_ym8sq_350:focus{outline:none;border-color:#6366f1}._dialogActions_ym8sq_367{display:flex;gap:.75rem;justify-content:flex-end}._cancelBtn_ym8sq_373,._confirmBtn_ym8sq_374{padding:.625rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .15s ease}._cancelBtn_ym8sq_373{background:transparent;border:1px solid rgba(99,102,241,.2);color:#a1a1aa}._cancelBtn_ym8sq_373:hover{border-color:#6366f166;color:#e4e4e7}._confirmBtn_ym8sq_374{background:#ef4444;border:none;color:#fff}._confirmBtn_ym8sq_374:hover:not(:disabled){background:#dc2626}._confirmBtn_ym8sq_374:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){._content_ym8sq_85{flex-direction:column}._detailsPanel_ym8sq_133{width:100%}}@media (max-width: 768px){._filters_ym8sq_36{flex-direction:column}._searchForm_ym8sq_43{max-width:none}}@media (width: 1920px) and (height: 1080px){._header_ym8sq_16{margin-bottom:1.2rem}._header_ym8sq_16 h1{font-size:1.5rem;margin:0 0 .2rem}._filters_ym8sq_36{gap:.8rem;margin-bottom:1.2rem}._searchForm_ym8sq_43{max-width:320px}._searchInput_ym8sq_49{padding:.6rem .8rem;border:.8px solid rgba(99,102,241,.2);border-radius:6.4px 0 0 6.4px;font-size:.7rem}._searchBtn_ym8sq_65{padding:.6rem .8rem;border:.8px solid #6366f1;border-radius:0 6.4px 6.4px 0}._filterSelect_ym8sq_74{padding:.6rem .8rem;border:.8px solid rgba(99,102,241,.2);border-radius:6.4px;font-size:.7rem}._content_ym8sq_85{gap:1.2rem}._userCell_ym8sq_96{gap:.6rem}._userAvatar_ym8sq_102{width:28.8px;height:28.8px;font-size:.7rem}._userLogin_ym8sq_127{font-size:.6rem}._detailsPanel_ym8sq_133{width:256px;border:.8px solid rgba(99,102,241,.1);border-radius:9.6px}._detailsHeader_ym8sq_141{padding:.8rem 1rem;border-bottom:.8px solid rgba(99,102,241,.1)}._detailsHeader_ym8sq_141 h2{font-size:.8rem}._closeBtn_ym8sq_156{width:22.4px;height:22.4px;border:.8px solid rgba(99,102,241,.2);border-radius:4.8px}._detailsLoading_ym8sq_174{padding:1.6rem}._userProfile_ym8sq_180{gap:.8rem;padding:1rem;border-bottom:.8px solid rgba(99,102,241,.1)}._profileAvatar_ym8sq_188{width:44.8px;height:44.8px;font-size:1rem}._profileInfo_ym8sq_208 h3{font-size:.8rem;margin:0 0 .2rem}._profileInfo_ym8sq_208 p{font-size:.7rem}._detailsStats_ym8sq_221{gap:.4rem;padding:.8rem 1rem;border-bottom:.8px solid rgba(99,102,241,.1)}._statLabel_ym8sq_233{font-size:.5rem;margin-bottom:.2rem}._statValue_ym8sq_242{font-size:.9rem}._detailsInfo_ym8sq_248{padding:.8rem 1rem;border-bottom:.8px solid rgba(99,102,241,.1)}._infoRow_ym8sq_253{padding:.4rem 0;font-size:.7rem}._blockReason_ym8sq_269{max-width:128px}._detailsActions_ym8sq_277{padding:.8rem 1rem}._blockBtn_ym8sq_281,._unblockBtn_ym8sq_282{padding:.6rem;border-radius:6.4px;font-size:.7rem}._dialog_ym8sq_318{border:.8px solid rgba(99,102,241,.2);border-radius:9.6px;padding:1.2rem;max-width:320px}._dialog_ym8sq_318 h3{font-size:.9rem;margin:0 0 .4rem}._dialog_ym8sq_318 p{margin:0 0 .8rem;font-size:.7rem}._reasonInput_ym8sq_350{padding:.6rem;border:.8px solid rgba(99,102,241,.2);border-radius:6.4px;font-size:.7rem;margin-bottom:.8rem}._dialogActions_ym8sq_367{gap:.6rem}._cancelBtn_ym8sq_373,._confirmBtn_ym8sq_374{padding:.5rem .8rem;border-radius:4.8px;font-size:.7rem}}:root{color-scheme:light dark;--font-sans: "gg sans", "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-soft: 0 10px 28px rgba(2, 4, 10, .35);--transition-fast: .12s ease;--transition-medium: .22s cubic-bezier(.35, 0, .25, 1);--transition-slow: .36s cubic-bezier(.35, 0, .25, 1);--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 2px rgba(91, 110, 245, .45);--focus-outline: rgba(91, 110, 245, .9);--color-primary: #5b6ef5;--color-primary-hover: #4c5dd7;--color-primary-active: #404ec4;--color-primary-soft: rgba(91, 110, 245, .12);--color-bg: #14161a;--color-surface: rgba(27, 31, 37, .92);--color-surface-hover: rgba(36, 41, 50, .96);--color-surface-active: rgba(18, 22, 28, .96);--color-surface-elevated: rgba(16, 19, 26, .82);--color-border: #2a303a;--color-divider: #343a45;--color-text: #f1f3f5;--color-text-muted: #a6adba;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #22c55e;--color-overlay: rgba(15, 23, 42, .65);--surface-glass-blur: 12px;--app-background-image: var(--color-bg);--app-shell-border: color-mix(in srgb, var(--color-border) 70%, transparent);--app-shell-divider: color-mix(in srgb, var(--color-divider) 65%, transparent);--app-shell-gutter: clamp(1rem, 2vw, 1.5rem);--app-shell-gutter-compact: clamp(.75rem, 2vw, 1rem);--app-shell-surface: color-mix(in srgb, var(--color-surface) 92%, transparent);--app-shell-glass: color-mix(in srgb, var(--color-surface-elevated) 80%, transparent)}.theme-light{--color-bg: #f3f4f6;--color-surface: rgba(255, 255, 255, .92);--color-surface-elevated: rgba(248, 250, 252, .9);--color-surface-hover: rgba(241, 245, 249, .95);--color-surface-active: rgba(226, 232, 240, .95);--color-border: #d1d5db;--color-divider: #e2e8f0;--color-text: #1f2937;--color-text-muted: #6b7280;--color-primary-hover: #4c57db;--color-primary-active: #434cc1;--color-overlay: rgba(15, 23, 42, .3);--focus-outline: rgba(88, 101, 242, .85);--surface-glass-blur: 8px;--app-background-image: var(--color-bg)}.theme-dark{--color-bg: #14161a;--color-surface: rgba(27, 31, 37, .92);--color-surface-hover: rgba(36, 41, 50, .96);--color-surface-active: rgba(18, 22, 28, .96);--color-surface-elevated: rgba(16, 19, 26, .82);--color-text: #f1f3f5;--color-text-muted: #a6adba;--color-primary: #5b6ef5;--color-primary-hover: #4c5dd7;--color-primary-active: #404ec4;--color-primary-soft: rgba(91, 110, 245, .12);--color-border: #2a303a;--color-divider: #343a45;--surface-glass-blur: 12px;--app-background-image: var(--color-bg)}.theme-midnight{--color-bg: #050816;--color-surface: rgba(9, 12, 32, .9);--color-surface-elevated: rgba(23, 28, 54, .85);--color-surface-hover: rgba(23, 28, 54, .94);--color-surface-active: rgba(9, 12, 32, .94);--color-border: #222a45;--color-divider: #2f3a5d;--color-text: #d1d5f9;--color-text-muted: #9ca3c7;--color-primary-hover: #4f5ee8;--color-primary-active: #4453d3;--color-overlay: rgba(5, 8, 22, .7);--focus-outline: rgba(148, 163, 184, .95);--surface-glass-blur: 16px;--app-background-image: var(--color-bg)}.theme-forest{--color-bg: #0b1f12;--color-surface: rgba(13, 34, 21, .9);--color-surface-elevated: rgba(24, 51, 34, .85);--color-surface-hover: rgba(24, 51, 34, .94);--color-surface-active: rgba(13, 34, 21, .94);--color-border: #183b24;--color-divider: #245c35;--color-text: #d1fae5;--color-text-muted: #86efac;--color-primary-hover: #22c55e;--color-primary-active: #16a34a;--color-overlay: rgba(11, 31, 18, .65);--focus-outline: rgba(134, 239, 172, .9);--surface-glass-blur: 14px;--app-background-image: var(--color-bg)}.theme-ocean{--color-bg: #03121e;--color-surface: rgba(7, 26, 40, .9);--color-surface-elevated: rgba(15, 37, 54, .85);--color-surface-hover: rgba(15, 37, 54, .94);--color-surface-active: rgba(7, 26, 40, .94);--color-border: #11344a;--color-divider: #1f5475;--color-text: #e0f2fe;--color-text-muted: #7dd3fc;--color-primary-hover: #4c9fe3;--color-primary-active: #3b8ccb;--color-overlay: rgba(3, 18, 30, .65);--focus-outline: rgba(125, 211, 252, .9);--surface-glass-blur: 14px;--app-background-image: var(--color-bg)}.theme-yani{--color-bg: #2a0d2e;--color-surface: rgba(58, 12, 71, .9);--color-surface-elevated: rgba(88, 22, 105, .82);--color-surface-hover: rgba(88, 22, 105, .94);--color-surface-active: rgba(58, 12, 71, .94);--color-border: #4d1d62;--color-divider: #6d2f84;--color-text: #ffe4f7;--color-text-muted: #f9a8d4;--color-primary: #ec4899;--color-primary-hover: #db3f8c;--color-primary-active: #c1357c;--color-primary-soft: rgba(236, 72, 153, .14);--color-overlay: rgba(32, 9, 41, .7);--focus-outline: rgba(236, 72, 153, .9);--surface-glass-blur: 16px;--app-background-image: var(--color-bg)}.theme-contrast{--color-bg: #000000;--color-surface: rgba(0, 0, 0, .92);--color-surface-elevated: rgba(24, 24, 24, .85);--color-surface-hover: rgba(24, 24, 24, .98);--color-surface-active: rgba(0, 0, 0, .98);--color-border: #ffffff;--color-divider: #ffffff;--color-text: #ffffff;--color-text-muted: #f4f4f5;--color-primary: #ffcc00;--color-primary-hover: #f2c200;--color-primary-active: #e6b800;--color-primary-soft: rgba(255, 204, 0, .24);--color-overlay: rgba(0, 0, 0, .9);--focus-ring: 0 0 0 3px rgba(255, 255, 255, .95);--focus-outline: #ffffff;--surface-glass-blur: 10px;--app-background-image: var(--color-bg)}*{box-sizing:border-box}html{height:100%;overflow:hidden}body{margin:0;height:100%;overflow:hidden;background:var(--app-background-image, var(--color-bg));color:var(--color-text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background var(--transition-slow),color var(--transition-medium)}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation-duration:0ms!important;transition-duration:0ms!important}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border) 50%,transparent) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background var(--transition-smooth)}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 70%,transparent)}*::-webkit-scrollbar-corner{background:transparent}*:focus-visible{outline:2px solid var(--focus-outline);outline-offset:3px;box-shadow:var(--focus-ring);transition:outline var(--transition-fast),box-shadow var(--transition-fast)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px;box-shadow:var(--focus-ring)}.skip-link{position:absolute;top:-100px;left:0;z-index:10000;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-2);outline:2px solid var(--focus-outline);outline-offset:2px}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.skip-link{position:absolute;left:50%;transform:translate(-50%);top:-4rem;background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:top var(--transition-fast);z-index:1000}.skip-link:focus{top:var(--space-3)}.app-loading{display:grid;place-items:center;min-height:100vh;color:var(--color-text-muted)}.workspace-header{display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding:var(--app-shell-gutter);background:transparent;border:none;border-radius:0}.workspace-header h1{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.workspace-header__primary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%}.workspace-header__titles{display:grid;gap:var(--space-1);max-width:min(520px,100%);flex:1;min-width:0}.workspace-header__title-row{display:flex;align-items:center;gap:var(--space-2)}.workspace-header__subtitle{margin:0;color:var(--color-text-muted);font-size:.95rem;line-height:1.45}.workspace-header__status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;position:relative;transition:all var(--transition-smooth);box-shadow:0 0 0 0 currentColor;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 4px color-mix(in srgb,currentColor 0%,transparent);opacity:.8}}.workspace-header__status-indicator--online{background:var(--color-success, #22c55e);color:var(--color-success, #22c55e)}.workspace-header__status-indicator--offline{background:var(--color-warning, #eab308);color:var(--color-warning, #eab308)}.workspace-header__status-indicator--pending{background:var(--color-text-muted);color:var(--color-text-muted);animation:status-pulse-slow 1.5s ease-in-out infinite}@keyframes status-pulse-slow{0%,to{opacity:.5}50%{opacity:1}}.workspace-header__status-indicator--error{background:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444);animation:status-pulse-error 1s ease-in-out infinite}@keyframes status-pulse-error{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 6px color-mix(in srgb,currentColor 0%,transparent);opacity:.9}}.workspace-header__status-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.workspace-header__status{--workspace-status-color: var(--color-text-muted);--workspace-status-border: color-mix(in srgb, var(--workspace-status-color) 30%, transparent);--workspace-status-surface: color-mix(in srgb, var(--workspace-status-color) 16%, transparent);display:inline-flex;align-items:center;gap:var(--space-1);padding:.35rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--workspace-status-color);background:var(--workspace-status-surface);border:1px solid var(--workspace-status-border);transition:background var(--transition-medium),color var(--transition-medium),border-color var(--transition-medium)}.workspace-header__status-dot{width:.45rem;height:.45rem;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 25%,transparent)}.workspace-header__status-description{font-size:.8125rem;color:var(--color-text-muted);line-height:1.4}.workspace-header__status--online{--workspace-status-color: var(--color-success)}.workspace-header__status--offline{--workspace-status-color: var(--color-warning)}.workspace-header__status--pending{--workspace-status-color: var(--color-text-muted)}.workspace-header__status--error{--workspace-status-color: var(--color-danger)}.workspace-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end}.workspace-header__actions-desktop{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.workspace-header__actions-mobile{display:none;align-items:center;gap:var(--space-2)}@media (max-width: 720px){.workspace-header{gap:var(--space-3);padding:var(--app-shell-gutter-compact)}.workspace-header__primary{flex-wrap:wrap;align-items:flex-start}.workspace-header__actions{width:100%;justify-content:flex-start;margin-top:var(--space-2)}}.workspace-header__mobile-menu-button{display:none;min-width:2.5rem;min-height:2.5rem;padding:var(--space-1);margin-right:var(--space-2);flex-shrink:0}@media (max-width: 960px){.workspace-header__mobile-menu-button{display:flex}}@media (max-width: 960px){.workspace-header__actions-desktop{display:none}.workspace-header__actions-mobile{display:flex}}@media (max-width: 480px){.workspace-header{padding:var(--space-3)}.workspace-header__primary{gap:var(--space-2);flex-direction:row;align-items:center;justify-content:space-between}.workspace-header__titles{max-width:100%;flex:1;min-width:0}.workspace-header__title-row{align-items:center}.workspace-header__subtitle{display:none}.workspace-header__actions{width:auto;justify-content:flex-end;gap:var(--space-2);margin-top:0}}.mobile-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text);font-size:.95rem;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;min-height:48px}.mobile-menu-item:hover{background:var(--color-surface-hover)}.mobile-menu-item:active{transform:scale(.98);background:var(--color-surface-active)}.mobile-menu-item svg{flex-shrink:0;width:1.5rem;height:1.5rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.mobile-menu-item:hover svg{color:var(--color-primary)}.mobile-menu-item--danger{color:var(--color-danger)}.mobile-menu-item--danger:hover{background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.mobile-menu-item--danger svg{color:var(--color-danger)}.mobile-menu-separator{height:1px;background:var(--app-shell-divider);margin:var(--space-2) var(--space-4)}.language-switcher{display:inline-flex;align-items:stretch;border:1px solid var(--app-shell-border);border-radius:999px;overflow:hidden;background:var(--color-surface-elevated);backdrop-filter:blur(calc(var(--surface-glass-blur) / 1.8));-webkit-backdrop-filter:blur(calc(var(--surface-glass-blur) / 1.8))}.language-switcher__icon{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-2);border-right:1px solid var(--app-shell-border);color:var(--color-text-muted)}.language-switcher button{border-radius:0}button{border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.6}button.primary{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);font-weight:600;transition:all var(--transition-smooth);position:relative;overflow:hidden}button.primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}button.primary:active:not(:disabled):before{width:300px;height:300px}button.primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 30%,transparent)}button.primary:active:not(:disabled){background:var(--color-primary-active);transform:translateY(0);box-shadow:0 2px 6px color-mix(in srgb,var(--color-primary) 20%,transparent)}button.secondary{background:color-mix(in srgb,var(--color-surface-hover) 82%,transparent);color:var(--color-text);padding:var(--space-2) var(--space-4);font-weight:600;border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent)}button.secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-surface-hover) 96%,transparent)}button.secondary:active:not(:disabled){background:color-mix(in srgb,var(--color-surface-active) 96%,transparent)}button.ghost{background:transparent;color:inherit;padding:var(--space-2) var(--space-3)}button.ghost{transition:all var(--transition-smooth)}button.ghost:hover:not(:disabled){background:var(--color-surface-hover);transform:translateY(-1px)}button.ghost--active{background:var(--color-primary-active);color:#fff}button.ghost:active:not(:disabled){background:var(--color-surface-active);transform:translateY(0)}.button-with-icon{display:inline-flex;align-items:center;gap:var(--space-2)}.button-with-icon svg{display:block;flex-shrink:0}.button-icon{width:1rem;height:1rem}.progress-indicator{display:inline-flex;width:1rem;height:1rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--color-text-muted) 50%,transparent);border-top-color:var(--color-primary);animation:spinner .8s linear infinite}.progress-indicator--muted{border-top-color:var(--color-text-muted)}.server-sidebar,.channel-sidebar{background:transparent;border:none;border-radius:0;padding:var(--space-3);backdrop-filter:none;box-shadow:none;min-height:0;display:flex;flex-direction:column;gap:var(--space-4)}.server-sidebar{display:flex;flex-direction:column;gap:0;width:100%;flex:1 1 auto;align-items:stretch;justify-content:flex-start;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 88%,transparent),color-mix(in srgb,var(--color-surface-elevated) 82%,transparent));border:none;box-shadow:none;padding:var(--space-4);position:relative;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-y:auto;overflow-x:hidden}.server-sidebar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--color-border) 40%,transparent) 50%,transparent 100%)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sidebar-header h2,.channel-sidebar__title{margin:0;font-size:1rem;font-weight:600}.server-list,.channel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.presence-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border) 60%,transparent) transparent}.presence-list::-webkit-scrollbar{width:6px}.presence-list::-webkit-scrollbar-track{background:transparent;border-radius:999px}.presence-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background var(--transition-smooth)}.presence-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 80%,transparent)}.server-list-container{display:flex;flex-direction:column;gap:var(--space-3);height:100%;min-height:0}.server-list{align-items:stretch;width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border) 50%,transparent) transparent}.server-list::-webkit-scrollbar{width:6px}.server-list::-webkit-scrollbar-track{background:transparent;border-radius:999px}.server-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background var(--transition-smooth)}.server-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 70%,transparent)}.channel-list{padding:0;min-height:.5rem;transition:background var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-0-5)}.channel-list--dragging-over{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2)}.channel-list__empty{margin:0;font-size:.85rem;color:var(--color-text-muted)}.server-list__item{display:flex;align-items:stretch;position:relative;margin-bottom:var(--space-2)}.server-list__empty-state{width:100%;padding:var(--space-6);text-align:center}.server-list__empty{margin:0;text-align:center;color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.server-card{width:100%;min-height:3.5rem;display:flex;align-items:center;gap:var(--space-3);background:color-mix(in srgb,var(--color-surface) 60%,transparent);padding:var(--space-3);border-radius:var(--radius-lg);color:inherit;border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);cursor:pointer;position:relative;transition:all var(--transition-smooth);overflow:hidden}.server-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;border-radius:0 999px 999px 0;transition:all var(--transition-smooth);transform:scaleX(0)}.server-card__indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:0 999px 999px 0;transition:height var(--transition-smooth),opacity var(--transition-smooth);opacity:0;box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 60%,transparent)}.server-card--active .server-card__indicator{height:60%;opacity:1}.server-card__icon{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);display:grid;place-items:center;font-weight:600;font-size:.875rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;transition:all var(--transition-smooth);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 25%,transparent),0 1px 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.server-card__content{flex:1 1 auto;display:flex;align-items:center;gap:var(--space-2);min-width:0}.server-card__title{font-size:.9375rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.server-card__badge{flex-shrink:0;display:inline-flex;align-items:center;margin-left:auto}.server-card__badge-value{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--color-primary);color:#fff;box-shadow:0 2px 6px color-mix(in srgb,var(--color-primary) 40%,transparent);animation:badge-appear .3s ease-out}.server-card__badge-value--mention{background:var(--color-danger);box-shadow:0 2px 6px color-mix(in srgb,var(--color-danger) 40%,transparent);animation:badge-pulse 2s ease-in-out infinite}.server-card__menu-button{flex-shrink:0;width:2rem;height:2rem;display:none;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);opacity:0}.server-card:hover .server-card__menu-button,.server-card:focus-within .server-card__menu-button{display:flex;opacity:1}.server-card__menu-button:hover{background:color-mix(in srgb,var(--color-surface-hover) 80%,transparent);color:var(--color-text)}.server-menu-button,.channel-menu-button{background:transparent;border:none;color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.server-menu-button{position:absolute;top:0;right:0;transform:translate(50%,-50%);background:var(--color-surface-elevated);box-shadow:var(--shadow-soft);width:1.5rem;height:1.5rem;display:grid;place-items:center}.channel-menu-button{margin-left:auto}.server-menu-button:hover,.channel-menu-button:hover{color:var(--color-text);background:var(--color-surface-elevated)}.server-card:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.server-card:hover{background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent);border-color:color-mix(in srgb,var(--color-border) 50%,transparent);transform:translate(2px);box-shadow:0 2px 8px color-mix(in srgb,var(--color-border) 20%,transparent)}.server-card:hover .server-card__icon{transform:scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 30%,transparent),0 2px 6px color-mix(in srgb,var(--color-primary) 20%,transparent)}.server-card--active{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);box-shadow:0 2px 12px color-mix(in srgb,var(--color-primary) 15%,transparent)}.server-card--active .server-card__icon{box-shadow:0 0 0 2px var(--color-primary),0 4px 16px color-mix(in srgb,var(--color-primary) 40%,transparent),0 2px 8px color-mix(in srgb,var(--color-primary) 25%,transparent);transform:scale(1.05)}.server-card--active .server-card__title{color:var(--color-primary);font-weight:700}.server-card--unread .server-card__icon{background:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft),0 4px 12px color-mix(in srgb,var(--color-primary) 30%,transparent)}.server-card--mention .server-card__icon{background:var(--color-danger);box-shadow:0 0 0 2px var(--color-danger),0 4px 16px color-mix(in srgb,var(--color-danger) 40%,transparent);animation:server-card-pulse 2s ease-in-out infinite}@keyframes server-card-pulse{0%,to{box-shadow:0 0 0 2px var(--color-danger),0 4px 16px color-mix(in srgb,var(--color-danger) 40%,transparent)}50%{box-shadow:0 0 0 3px var(--color-danger),0 6px 20px color-mix(in srgb,var(--color-danger) 50%,transparent)}}.server-list__create-section{padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);margin-top:auto}.server-create-button{width:100%;min-height:3.5rem;display:flex;align-items:center;gap:var(--space-3);background:color-mix(in srgb,var(--color-surface) 60%,transparent);padding:var(--space-3);border-radius:var(--radius-lg);border:2px dashed color-mix(in srgb,var(--color-border) 50%,transparent);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-smooth);font-size:.9375rem;font-weight:600}.server-create-button:hover{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-hover));border-color:var(--color-primary);border-style:solid;color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 20%,transparent)}.server-create-button:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.server-create-button__icon{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);display:grid;place-items:center;background:color-mix(in srgb,var(--color-surface-hover) 80%,transparent);color:inherit;transition:all var(--transition-smooth)}.server-create-button:hover .server-create-button__icon{background:color-mix(in srgb,var(--color-primary) 15%,transparent);transform:scale(1.1) rotate(90deg);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 25%,transparent)}.server-create-button__label{flex:1 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-empty,.panel-empty{margin:var(--space-4) 0;padding:var(--space-4);text-align:center;font-size:.875rem;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.panel-empty,.chat-loading{color:var(--color-text-muted);font-size:.9rem;margin:0}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);text-align:center;min-height:20rem;color:var(--color-text-muted)}.chat-empty__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);opacity:.7}.chat-empty__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.chat-empty__description{margin:0;font-size:.9rem;color:var(--color-text-muted);max-width:24rem;line-height:1.5}.server-tooltip{position:relative;display:flex;justify-content:center}.server-tooltip__content{position:absolute;left:calc(100% + .75rem);top:50%;transform:translate(-.25rem,-50%);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);color:var(--color-text);padding:.35rem .6rem;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:10}.server-tooltip:hover .server-tooltip__content,.server-tooltip:focus-within .server-tooltip__content{opacity:1;transform:translateY(-50%)}.channel-sidebar__header{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-elevated) 90%,transparent),color-mix(in srgb,var(--color-surface) 88%,transparent));border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);margin-bottom:var(--space-3);box-shadow:0 2px 12px color-mix(in srgb,var(--color-border) 12%,transparent),0 1px 4px color-mix(in srgb,var(--color-border) 8%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.channel-sidebar__header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.channel-sidebar__title-group{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.channel-sidebar__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text);line-height:1.3;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-role{flex-shrink:0;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);padding:.4rem .7rem;background:color-mix(in srgb,var(--color-surface-hover) 80%,transparent);border-radius:var(--radius-sm);font-weight:700;border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);box-shadow:0 1px 3px color-mix(in srgb,var(--color-border) 10%,transparent)}.channel-sidebar__management{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-border) 40%,transparent)}.channel-sidebar__management--desktop-hidden{display:flex}.channel-sidebar__menu-button{display:none!important;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:color-mix(in srgb,var(--color-surface) 60%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-smooth);flex-shrink:0}.channel-sidebar__menu-button:hover{background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent);border-color:color-mix(in srgb,var(--color-border) 50%,transparent);transform:translateY(-1px);box-shadow:0 2px 6px color-mix(in srgb,var(--color-border) 15%,transparent)}.channel-sidebar__menu-button:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.channel-sidebar__menu-button svg{color:var(--color-primary);opacity:.8;transition:all var(--transition-smooth)}.channel-sidebar__menu-button:hover svg{opacity:1;transform:scale(1.1)}@media (min-width: 960px){.channel-sidebar__management.channel-sidebar__management--desktop-hidden{display:none!important}.channel-sidebar__menu-button{display:flex!important}}.channel-sidebar__management-section,.channel-sidebar__creation-section{display:flex;flex-direction:column;gap:var(--space-2)}.channel-sidebar__management-title{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:0 var(--space-1)}.channel-sidebar__management-actions,.channel-sidebar__creation-actions{display:flex;flex-direction:column;gap:var(--space-1)}.channel-management-button,.channel-creation-button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-surface) 60%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-smooth);text-align:left}.channel-management-button:hover,.channel-creation-button:hover{background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent);border-color:color-mix(in srgb,var(--color-border) 50%,transparent);transform:translate(2px);box-shadow:0 2px 6px color-mix(in srgb,var(--color-border) 15%,transparent)}.channel-management-button:focus-visible,.channel-creation-button:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.channel-management-button svg,.channel-creation-button svg{flex-shrink:0;color:var(--color-primary);opacity:.8}.channel-management-button:hover svg,.channel-creation-button:hover svg{opacity:1;transform:scale(1.1)}.channel-sidebar__invite-section{padding:0 var(--space-4) var(--space-4);margin-bottom:var(--space-3)}.channel-invite-button{width:100%;min-height:3.5rem;display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-primary) 40%,transparent);color:#fff;cursor:pointer;transition:all var(--transition-smooth);font-size:.9375rem;font-weight:600;box-shadow:0 2px 10px color-mix(in srgb,var(--color-primary) 25%,transparent),0 1px 4px color-mix(in srgb,var(--color-primary) 15%,transparent)}.channel-invite-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary) 35%,transparent),0 2px 8px color-mix(in srgb,var(--color-primary) 20%,transparent);background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-active) 100%)}.channel-invite-button:active{transform:translateY(0);box-shadow:0 2px 10px color-mix(in srgb,var(--color-primary) 25%,transparent),0 1px 4px color-mix(in srgb,var(--color-primary) 15%,transparent)}.channel-invite-button:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.channel-invite-button__icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:grid;place-items:center;background:color-mix(in srgb,white 20%,transparent);transition:all var(--transition-smooth)}.channel-invite-button:hover .channel-invite-button__icon{background:color-mix(in srgb,white 30%,transparent);transform:scale(1.1) rotate(5deg)}.channel-invite-button__label{flex:1 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-friend-content{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.invite-friend-modes{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.invite-friend-modes button{flex:1;justify-content:center}.invite-friend-link-mode,.invite-friend-friends-mode{display:flex;flex-direction:column;gap:var(--space-3)}.invite-link-result{display:flex;flex-direction:column;gap:var(--space-2)}.invite-link-display{display:flex;gap:var(--space-2);align-items:stretch}.invite-link-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);font-size:.875rem}.invite-link-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.invite-link-hint{font-size:.875rem;color:var(--color-text-muted);margin:0}.friends-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:300px;overflow-y:auto;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.friend-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-smooth);text-align:left;width:100%}.friend-item:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.friend-item--selected{background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary)}.friend-item__name{flex:1;font-weight:500;color:var(--color-text)}.channel-groups{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0;overflow-y:auto;padding:var(--space-2) var(--space-1) var(--space-2) var(--space-2);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border) 50%,transparent) transparent}.channel-groups::-webkit-scrollbar{width:6px}.channel-groups::-webkit-scrollbar-track{background:transparent}.channel-groups::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:999px;transition:background var(--transition-smooth)}.channel-groups::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 70%,transparent)}.channel-section{display:flex;flex-direction:column;gap:var(--space-2)}.channel-section h3,.channel-section__header{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3) 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:700;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 40%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 25%,transparent);transition:all var(--transition-smooth)}.channel-section__header:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-hover) 50%,transparent);border-color:color-mix(in srgb,var(--color-border) 40%,transparent);transform:translate(2px)}.channel-section__icon{display:flex;align-items:center;opacity:.8;color:var(--color-primary);transition:opacity var(--transition-fast),transform var(--transition-fast)}.channel-section__header:hover .channel-section__icon{opacity:1;transform:scale(1.1)}.channel-category{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 40%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);transition:all var(--transition-smooth)}.channel-category:hover{background:color-mix(in srgb,var(--color-surface-hover) 50%,transparent);border-color:color-mix(in srgb,var(--color-border) 40%,transparent)}.channel-category h3{margin:0 0 var(--space-3) 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:700;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 50%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);transition:all var(--transition-smooth)}.channel-category:hover h3{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-hover) 60%,transparent);border-color:color-mix(in srgb,var(--color-border) 45%,transparent);transform:translate(2px)}.channel-card{display:flex;align-items:stretch;width:100%;border-radius:var(--radius-md);position:relative;padding:0;margin-bottom:var(--space-1);transition:all var(--transition-smooth);overflow:hidden}.channel-card__indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:0 999px 999px 0;transition:height var(--transition-smooth),opacity var(--transition-smooth);opacity:0;box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 60%,transparent)}.channel-card--active .channel-card__indicator{height:60%;opacity:1}.channel-card__action{display:flex;align-items:center;gap:var(--space-2);flex:1;background:color-mix(in srgb,var(--color-surface) 50%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 25%,transparent);border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;padding:var(--space-2) var(--space-3);min-height:2.75rem;font-size:.875rem;line-height:1.4;transition:all var(--transition-smooth);position:relative}.channel-card__drag-handle{flex-shrink:0;opacity:0;display:inline-flex;align-items:center;justify-content:center;cursor:grab;color:var(--color-text-muted);transition:opacity var(--transition-fast),transform var(--transition-fast);width:1.25rem;height:1.25rem}.channel-card:hover .channel-card__drag-handle{opacity:.5}.channel-card__drag-handle:active{cursor:grabbing;opacity:.8}.channel-card__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-text-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.channel-card__icon svg{display:block}.channel-card__content{flex:1 1 auto;display:flex;align-items:center;gap:var(--space-2);min-width:0}.channel-card__label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:var(--color-text);transition:color var(--transition-fast),font-weight var(--transition-fast)}.channel-card__indicators{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.channel-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;line-height:1}.channel-card__badge--nsfw{background:var(--color-danger);color:#fff}.channel-card__badge--lock,.channel-card__badge--archive{font-size:.75rem}.channel-card__unread-badge{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center}.channel-card__unread-badge-value{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--color-primary);color:#fff;box-shadow:0 2px 6px color-mix(in srgb,var(--color-primary) 40%,transparent);animation:badge-appear .3s ease-out}.channel-card__unread-badge-value--mention{background:var(--color-danger);box-shadow:0 2px 6px color-mix(in srgb,var(--color-danger) 40%,transparent);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 6px color-mix(in srgb,var(--color-danger) 40%,transparent)}50%{transform:scale(1.05);box-shadow:0 3px 8px color-mix(in srgb,var(--color-danger) 50%,transparent)}}.channel-card:hover{transform:translate(2px)}.channel-card:hover .channel-card__action{background:color-mix(in srgb,var(--color-surface-hover) 60%,transparent);border-color:color-mix(in srgb,var(--color-border) 40%,transparent);box-shadow:0 2px 6px color-mix(in srgb,var(--color-border) 15%,transparent)}.channel-card:hover .channel-card__icon{color:var(--color-primary);transform:scale(1.1)}.channel-card--active .channel-card__action{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 15%,transparent)}.channel-card--active .channel-card__icon{color:var(--color-primary)}.channel-card--active .channel-card__label{color:var(--color-primary);font-weight:600}.channel-card--unread .channel-card__label{font-weight:600;color:var(--color-text)}.channel-card--mention .channel-card__label{font-weight:700;color:var(--color-danger)}.channel-card--dragging{opacity:.5;transform:rotate(2deg)}.channel-category__header{display:flex;align-items:center;gap:var(--space-2);position:relative;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-smooth);cursor:pointer}.channel-category__header:hover{background:var(--color-surface-hover)}.channel-category__header span:first-child{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:700;flex:1}.channel-category__handle{margin-left:auto;opacity:.6;display:inline-flex;align-items:center;color:var(--color-text-muted)}.channel-category__handle svg{display:block}.context-menu{min-width:12rem;max-width:20rem;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px color-mix(in srgb,var(--color-border) 40%,transparent),0 2px 8px color-mix(in srgb,var(--color-border) 20%,transparent);color:var(--color-text);backdrop-filter:blur(12px);animation:context-menu-fade-in .15s cubic-bezier(.16,1,.3,1);z-index:99999}@keyframes context-menu-fade-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu__label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);user-select:none}.context-menu__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text);background:transparent;border:none;width:100%;text-align:left;transition:all var(--transition-smooth);position:relative}.context-menu__item svg{flex-shrink:0;color:var(--color-text-muted);transition:color var(--transition-smooth)}.context-menu__item[data-disabled],.context-menu__item[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.context-menu__item:not([data-disabled]):hover,.context-menu__item:not([data-disabled]):focus-visible{outline:none;background:var(--color-surface-hover);color:var(--color-text);transform:translate(2px)}.context-menu__item:not([data-disabled]):hover svg,.context-menu__item:not([data-disabled]):focus-visible svg{color:var(--color-primary)}.context-menu__item:not([data-disabled]):active{transform:translate(1px);background:var(--color-surface-active)}.context-menu__item--danger{color:var(--color-danger)}.context-menu__item--danger svg{color:var(--color-danger)}.context-menu__item--danger:not([data-disabled]):hover,.context-menu__item--danger:not([data-disabled]):focus-visible{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.context-menu__item--danger:not([data-disabled]):hover svg,.context-menu__item--danger:not([data-disabled]):focus-visible svg{color:var(--color-danger)}.context-menu__separator{height:1px;margin:var(--space-2) var(--space-1);background:var(--color-border);border:none}.context-menu--server{position:fixed;z-index:99999;min-width:14rem}.popover{min-width:12rem;max-width:20rem;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px color-mix(in srgb,var(--color-border) 40%,transparent),0 2px 8px color-mix(in srgb,var(--color-border) 20%,transparent);color:var(--color-text);backdrop-filter:blur(12px);animation:context-menu-fade-in .15s cubic-bezier(.16,1,.3,1);z-index:99999}.popover__label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);user-select:none}.popover__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text);background:transparent;border:none;width:100%;text-align:left;transition:all var(--transition-smooth);position:relative}.popover__item svg{flex-shrink:0;color:var(--color-text-muted);transition:color var(--transition-smooth)}.popover__item[data-disabled],.popover__item[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.popover__item:not([data-disabled]):hover,.popover__item:not([data-disabled]):focus-visible{outline:none;background:var(--color-surface-hover);color:var(--color-text);transform:translate(2px)}.popover__item:not([data-disabled]):hover svg,.popover__item:not([data-disabled]):focus-visible svg{color:var(--color-primary)}.popover__item:not([data-disabled]):active{transform:translate(1px);background:var(--color-surface-active)}.popover__separator{height:1px;margin:var(--space-2) var(--space-1);background:var(--color-border);border:none}.channel-category-list{display:flex;flex-direction:column;gap:var(--space-4)}.channel-sidebar__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.auth-overlay{position:absolute;inset:0;background:#0f172abf;border-radius:inherit;display:grid;place-items:center;text-align:center;padding:var(--space-5);gap:var(--space-3);z-index:2}.auth-overlay__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.chat-view{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0;position:relative}.chat-view__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;flex-wrap:wrap}.chat-view__header-left{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.chat-view__title-group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.chat-view__header h2{margin:0;font-size:1.05rem;font-weight:600}.chat-view__header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.chat-view__stat{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:999px;background:var(--color-surface);border:1px solid transparent;color:var(--color-text-muted);font-size:.85rem;line-height:1;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.chat-view__stat:hover,.chat-view__stat:focus-visible{background:var(--color-surface-hover);border-color:var(--color-divider);color:var(--color-text)}.chat-view__stat-icon svg{width:1rem;height:1rem;display:block}.chat-view__stat-value{font-variant-numeric:tabular-nums}.connection-badge{font-size:.75rem;padding:var(--space-1) var(--space-2);border-radius:999px;border:1px solid transparent}.connection-badge--connected{background:#22c55e26;color:#4ade80}.connection-badge--connecting{background:#38bdf826;color:#38bdf8}.connection-badge--error{background:#ef444426;color:#f87171}.chat-view__scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-3);padding-right:var(--space-1);padding-bottom:var(--space-4);min-height:0;height:100%;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border) 60%,transparent) transparent;scroll-behavior:smooth}.chat-view__scroll::-webkit-scrollbar{width:10px}.chat-view__scroll::-webkit-scrollbar-track{background:transparent;border-radius:999px}.chat-view__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background var(--transition-smooth);min-height:40px}.chat-view__scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 80%,transparent)}.chat-view__scroll::-webkit-scrollbar-thumb:active{background:color-mix(in srgb,var(--color-border) 90%,transparent)}.chat-view__main{display:flex;gap:var(--space-4);align-items:flex-start;flex:1;min-height:0;height:100%;position:relative;overflow:hidden}.message-list{position:relative;display:block;min-height:6rem;width:100%;flex:1}.message-list__virtual{position:relative}.message-skeleton-list{display:flex;flex-direction:column;gap:var(--space-2)}.message-skeleton-list--compact{gap:var(--space-2)}.message-skeleton{display:flex;gap:var(--space-3);align-items:flex-start}.message-skeleton__avatar{flex:0 0 auto}.message-skeleton__content{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-2)}.message-skeleton__header{display:flex;gap:var(--space-2);align-items:center}.message-list__sentinel{width:100%;height:1px}.message-list__loader{text-align:center;color:var(--color-muted);font-size:.875rem}.pinned-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);margin-bottom:var(--space-3)}.pinned-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.pinned-panel__toggle{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer}.pinned-panel__actions{display:flex;align-items:center;gap:var(--space-2)}.pinned-panel__count{background:var(--color-surface);border-radius:999px;padding:0 var(--space-1);font-size:.75rem}.pinned-panel__list{list-style:none;margin:0;padding:var(--space-2) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.pinned-panel__item{display:flex;align-items:center;gap:var(--space-2);justify-content:space-between}.pinned-panel__item-body{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:none;background:none;text-align:left;cursor:pointer;flex:1}.pinned-panel__item-author{font-weight:600}.pinned-panel__item-meta{font-size:.75rem;color:var(--color-muted)}.pinned-panel__item-excerpt{font-size:.875rem;color:var(--color-text-secondary)}.pinned-panel__item-action{white-space:nowrap}.pinned-panel__empty{text-align:center;font-size:.875rem;color:var(--color-muted);padding:var(--space-2) 0}.message-list--thread{padding-right:var(--space-1)}.message{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);padding:var(--space-2) var(--space-3);outline:none;border-radius:var(--radius-sm);transition:background var(--transition-smooth);margin:0 var(--space-1)}.message:hover{background:color-mix(in srgb,var(--color-surface-hover) 15%,transparent)}.message--grouped.message--group-middle,.message--grouped.message--group-end{padding-top:var(--space-1)}.message--grouped.message--group-start:not(.message--group-single){padding-bottom:var(--space-1)}.message--self{grid-template-columns:minmax(0,1fr) auto;justify-items:flex-end}.message--self .message__column{align-items:flex-end}.message--self .message__bubble-row{flex-direction:row-reverse}.message--self .message__bubble{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));border-color:var(--color-primary)}.message--self:hover .message__bubble{background:color-mix(in srgb,var(--color-primary) 20%,var(--color-surface-hover));border-color:var(--color-primary)}.message--self .message__header,.message--self .message__header-left,.message--self .message__actions{flex-direction:row-reverse}.message--self .message__parent{align-items:flex-end;border-left:none;border-right:2px solid var(--color-divider);padding-left:0;padding-right:var(--space-2)}.message--grouped.message--self.message--group-middle .message__avatar,.message--grouped.message--self.message--group-end .message__avatar{opacity:0;transform:translateY(-.25rem);pointer-events:none}.message__avatar{width:2.5rem;height:2.5rem;border-radius:999px;display:grid;place-items:center;font-weight:600;color:#fff;flex-shrink:0;background:var(--color-primary);transition:transform var(--transition-fast),opacity var(--transition-fast)}.message--grouped.message--group-middle .message__avatar,.message--grouped.message--group-end .message__avatar{opacity:0;transform:translateY(-.25rem);pointer-events:none}.message__column{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.message__bubble-row{display:flex;align-items:stretch;gap:var(--space-2);min-width:0}.message__bubble-row--thread{padding-left:.125rem}.message--self .message__bubble-row--thread{padding-left:0;padding-right:.125rem}.message__thread-line{width:.25rem;background:var(--color-divider);border-radius:999px;align-self:stretch;margin:0;opacity:.6;transition:background var(--transition-fast),opacity var(--transition-fast)}.message:hover .message__thread-line,.message--reply-target .message__thread-line,.message--thread-root .message__thread-line{background:var(--color-primary);opacity:.85}.message__bubble{position:relative;display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border) 65%,transparent);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);min-width:0;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.message:hover .message__bubble{background:var(--color-surface-hover);border-color:var(--color-divider)}.message:focus-visible .message__bubble,.message__bubble:focus-within{box-shadow:var(--focus-ring)}.message--reply-target .message__bubble{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 0 1px var(--color-primary-soft)}.message--thread-root .message__bubble{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-soft)}.message--thread-reply:not(.message--reply-target):not(.message--thread-root) .message__bubble{background:linear-gradient(90deg,var(--color-primary-soft, rgba(88, 101, 242, .12)),transparent),var(--color-surface);border-color:color-mix(in srgb,var(--color-border) 60%,transparent)}.message--deleted .message__bubble{opacity:.65}.message--grouped.message--group-start:not(.message--group-single) .message__bubble{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.message--grouped.message--group-middle .message__bubble{border-radius:var(--radius-sm)}.message--grouped.message--group-end:not(.message--group-single) .message__bubble{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.message__bubble-content{display:flex;flex-direction:column;gap:var(--space-2)}.message__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.message__header-left{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:.85rem;color:var(--color-text-muted)}.message__author{font-weight:600;color:var(--color-text)}.message__timestamp{opacity:.8}.message__actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transform:translateY(-.25rem);transition:opacity var(--transition-fast),transform var(--transition-fast)}.message:hover .message__actions,.message:focus-within .message__actions,.message__actions:focus-within{opacity:1;transform:translateY(0)}@media (hover: none){.message__actions{opacity:1;transform:none}}.message__action-button{position:relative;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;gap:.25rem;font:inherit;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.message__action-button:hover,.message__action-button:focus-visible{background:color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);color:var(--color-text)}.message__action-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.message__action-button:disabled{cursor:not-allowed;opacity:.4}.message__action-icon{font-size:1rem;line-height:1}.message__action-count{position:absolute;top:-.35rem;right:-.35rem;min-width:1.25rem;height:1.25rem;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-1);box-shadow:0 4px 12px #00000059}.message__bubble-content .message__parent{margin-top:calc(var(--space-1) * -.5)}.message__content{font-size:.95rem;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.message__content p{margin:0 0 var(--space-1) 0}.message__content p:last-child{margin-bottom:0}.message__content a{color:var(--color-primary)}.message__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.message--self .message__attachments{justify-content:flex-end}.message__attachment{display:inline-flex;align-items:center;gap:var(--space-1);background:color-mix(in srgb,var(--color-surface-hover) 80%,transparent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background var(--transition-fast),transform var(--transition-fast)}.message__attachment:hover{background:color-mix(in srgb,var(--color-surface-hover) 90%,transparent);transform:translateY(-1px)}.message__attachment--preview{flex-direction:column;align-items:flex-start}.message--self .message__attachment--preview{align-items:flex-end}.message__attachment--preview img{width:160px;max-height:120px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--space-1)}.message__footer{display:flex;flex-direction:column;gap:var(--space-2);margin-top:calc(var(--space-1) + 2px);min-width:0}.message__footer--thread{margin-left:calc(.25rem + var(--space-2))}.message--self .message__footer--thread{margin-left:0;margin-right:calc(.25rem + var(--space-2))}.message__reaction-toolbar{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.message--self .message__reaction-toolbar{align-items:flex-end}.message__reactions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0;list-style:none;font-size:.85rem}.message__reaction{display:inline-flex;align-items:stretch;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);background:color-mix(in srgb,var(--color-surface) 96%,transparent);transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.message__reaction--reacted{border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);background:color-mix(in srgb,var(--color-primary) 18%,transparent)}.message__reaction--pending{opacity:.65}.message__reaction-button{appearance:none;background:transparent;border:none;display:inline-flex;align-items:center;gap:var(--space-1);padding:calc(var(--space-1) * .75) var(--space-2);font:inherit;color:inherit;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.message__reaction-button:hover,.message__reaction-button:focus-visible{color:var(--color-text);outline:none}.message__reaction-button:disabled{cursor:not-allowed}.message__reaction-button--add{color:var(--color-text-muted)}.message__reaction-emoji{font-size:1rem;line-height:1}.message__reaction-count{font-weight:600;min-width:1ch}.message__reaction-picker{margin-top:var(--space-1);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--space-2)}.message__reaction-grid{display:grid;grid-template-columns:repeat(6,2rem);gap:var(--space-1)}.message__reaction-grid button{background:transparent;border:none;font-size:1.4rem;cursor:pointer;border-radius:var(--radius-sm)}.message__reaction-grid button:hover{background:#ffffff1a}.message__reaction-feedback{font-size:.75rem}.message__reaction-feedback--success{color:var(--color-success)}.message__reaction-feedback--error{color:var(--color-danger)}.message__badge{font-size:.75rem;background:#ffffff1f;padding:0 var(--space-1);border-radius:999px;text-transform:uppercase}.message__badge--warning{background:#f9731640;color:var(--color-warning)}.message__badge--pin{background:#ec489933;color:#db2777}.message__moderation-note{font-size:.8rem;color:var(--color-text-muted);margin:0}.message__edit textarea{width:100%;min-height:5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff0d;color:inherit;padding:var(--space-2);resize:vertical}.message__edit-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.message__parent{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);border-left:2px solid var(--color-divider);padding-left:var(--space-2);background:#ffffff0a;border-radius:var(--radius-sm);color:inherit;text-align:left}.message__parent:hover{background:#ffffff14}.message__parent-author{font-weight:600;font-size:.85rem}.message__parent-content{font-size:.8rem;color:var(--color-text-muted)}.announcement-message{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0}.announcement-message__banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#5b6ef526,#8b5cf61f);border:1px solid color-mix(in srgb,var(--color-primary) 40%,transparent);border-radius:var(--radius-md);margin-bottom:var(--space-1)}.announcement-message__badge{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent);padding:.25rem var(--space-2);border-radius:999px;border:1px solid color-mix(in srgb,var(--color-primary) 50%,transparent)}.announcement-message__source{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.announcement-message__content{position:relative}.announcement-message__content--cross-post{opacity:.95}.announcement-message__content--cross-post:before{content:"";position:absolute;left:-.5rem;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-primary),rgba(139,92,246,.6));border-radius:999px;opacity:.6}.message__mention{color:var(--color-primary);font-weight:600}.message__mention--self{color:var(--color-success)}.message-input{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);position:sticky;bottom:0;z-index:5;margin-top:auto;box-shadow:0 -4px 12px color-mix(in srgb,var(--color-surface-elevated) 40%,transparent)}.message-input__controls{display:flex;gap:var(--space-2);align-items:flex-end;position:relative}.message-input__controls button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:var(--space-1);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.message-input__controls button:hover:not(:disabled){background:var(--color-surface-hover);transform:scale(1.05)}.message-input__controls button:active:not(:disabled){transform:scale(.95)}.message-input__controls button[aria-pressed=true]{background:var(--color-primary-active);color:var(--color-primary-text, white)}.message-input__controls button:disabled{opacity:.5;cursor:not-allowed}.message-input textarea{flex:1;min-height:2.5rem;max-height:12rem;resize:none;border:none;background:transparent;outline:none;color:inherit}.message-input__emoji-picker{position:absolute;bottom:calc(100% + var(--space-2));left:0;z-index:20;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.message-input__emoji-grid{display:grid;grid-template-columns:repeat(6,2rem);gap:var(--space-1);padding:var(--space-2)}.message-input__emoji-grid button{background:transparent;border:none;font-size:1.4rem;cursor:pointer;border-radius:var(--radius-sm)}.message-input__emoji-grid button:hover{background:#ffffff1a}.message-input__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);padding:0;list-style:none;font-size:.85rem}.message-input__attachment{position:relative;display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);max-width:100%;transition:border-color var(--transition-fast),background var(--transition-fast)}.message-input__attachment:hover{border-color:var(--color-primary);background:var(--color-surface-active)}.message-input__attachment-preview{position:relative;display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.message-input__attachment-preview img{width:4rem;height:4rem;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.message-input__attachment-overlay{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.message-input__attachment-info{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.message-input__attachment-icon{font-size:1.2rem;flex-shrink:0}.message-input__attachment-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.message-input__attachment-name{font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-input__attachment-size{font-size:.75rem;color:var(--color-text-muted)}.message-input__attachment-remove{flex-shrink:0;width:1.5rem;height:1.5rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:1rem;line-height:1;color:var(--color-text-muted);transition:color var(--transition-fast),background var(--transition-fast)}.message-input__attachment-remove:hover:not(:disabled){color:var(--color-danger);background:var(--color-surface-hover)}.message-input__mentions-wrapper{position:absolute;bottom:calc(100% + var(--space-1));left:var(--space-3);z-index:30;display:flex;flex-direction:column;gap:var(--space-1)}.message-input__mentions{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);list-style:none;margin:0;padding:var(--space-1);display:flex;flex-direction:column;gap:var(--space-1);min-width:280px;max-width:320px;max-height:320px;overflow-y:auto;box-shadow:var(--shadow-soft)}.message-input__mention{position:relative}.message-input__mention-button{width:100%;text-align:left;padding:var(--space-2);border-radius:var(--radius-sm);border:none;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:background-color var(--transition-fast)}.message-input__mention-button:hover{background:var(--color-surface-hover)}.message-input__mention--active .message-input__mention-button{background:var(--color-primary-soft);color:var(--color-primary-text, var(--color-text))}.message-input__mention-avatar{position:relative;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--color-surface-hover);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:.875rem;font-weight:600;color:var(--color-text)}.message-input__mention-avatar img{width:100%;height:100%;object-fit:cover}.message-input__mention-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-surface-elevated);background:var(--color-muted)}.message-input__mention-status--online{background:var(--color-success, #22c55e)}.message-input__mention-status--idle{background:var(--color-warning, #eab308)}.message-input__mention-status--dnd{background:var(--color-danger, #ef4444)}.message-input__mention-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.message-input__mention-name-row{display:flex;align-items:center;gap:var(--space-1);min-width:0}.message-input__mention-name{font-weight:500;font-size:.9rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-input__mention-role{flex-shrink:0;font-size:.75rem;padding:.125rem .375rem;border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-muted);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.message-input__mention-login{font-size:.8rem;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-input__mentions-hint{font-size:.75rem;color:var(--color-muted);padding:var(--space-1) var(--space-2);text-align:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);border-top:none;border-top-left-radius:0;border-top-right-radius:0}.message-input__replying{display:flex;justify-content:space-between;gap:var(--space-2);background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);font-size:.85rem}.message-input__replying-label{margin-right:var(--space-1);color:var(--color-text-muted)}.message-input__replying-author{font-weight:600}.message-input__replying-snippet{display:block;color:var(--color-text-muted);margin-top:var(--space-1);max-width:28rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-panel{flex:0 0 22rem;max-height:100%;overflow-y:auto;background:var(--color-surface-elevated);border-left:1px solid var(--color-border);border-radius:0;padding:0;display:flex;flex-direction:column;gap:0;box-shadow:-4px 0 12px color-mix(in srgb,var(--color-surface-elevated) 60%,transparent);animation:thread-panel-slide-in .3s ease-out;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border) 50%,transparent) transparent}.thread-panel::-webkit-scrollbar{width:6px}.thread-panel::-webkit-scrollbar-track{background:transparent}.thread-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:999px;transition:background var(--transition-smooth)}.thread-panel::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 70%,transparent)}@keyframes thread-panel-slide-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.thread-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:10;transition:background var(--transition-medium),border-color var(--transition-medium)}.thread-panel__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text);line-height:1.4}.thread-panel__header>div{flex:1;min-width:0}.thread-panel__header .chat-error{margin-top:var(--space-1);font-size:.85rem}.thread-panel__header button{flex-shrink:0}.thread-panel>*:not(.thread-panel__header){padding:var(--space-3);padding-top:var(--space-3)}.chat-typing{font-size:.85rem;color:var(--color-text-muted)}.chat-error{color:var(--color-danger);font-size:.9rem;margin:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-1);flex-shrink:0}.panel-header h2{margin:0;font-size:.9rem;font-weight:600;color:var(--color-text);line-height:1.3}.panel-count{font-size:.75rem;font-weight:700;background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);padding:.35rem .75rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);min-width:1.75rem;text-align:center}.presence-panel{display:flex;flex-direction:column;gap:var(--space-3);background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-elevated) 90%,transparent),color-mix(in srgb,var(--color-surface) 88%,transparent));border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:var(--radius-lg);padding:var(--space-4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px color-mix(in srgb,var(--color-border) 12%,transparent),0 1px 4px color-mix(in srgb,var(--color-border) 8%,transparent);min-height:0;flex:1 1 auto;overflow:hidden}.presence-panel__header{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);flex-shrink:0}.presence-panel__header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.presence-panel__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text);line-height:1.3;letter-spacing:-.01em}.presence-panel__count{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .6rem;border-radius:999px;font-size:.75rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;box-shadow:0 2px 6px color-mix(in srgb,var(--color-primary) 40%,transparent)}.presence-panel__empty-state{padding:var(--space-6);text-align:center}.presence-panel__empty{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.presence-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 60%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);flex-shrink:0;transition:all var(--transition-smooth);margin-bottom:var(--space-2)}.presence-card:hover{background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent);border-color:color-mix(in srgb,var(--color-border) 50%,transparent);transform:translate(2px);box-shadow:0 2px 8px color-mix(in srgb,var(--color-border) 20%,transparent)}.presence-card:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.presence-card__avatar{position:relative;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);display:grid;place-items:center;font-weight:600;font-size:.875rem;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 25%,transparent),0 1px 3px color-mix(in srgb,var(--color-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);transition:all var(--transition-smooth)}.presence-card:hover .presence-card__avatar{transform:scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 30%,transparent),0 2px 6px color-mix(in srgb,var(--color-primary) 20%,transparent)}.presence-card__avatar img{width:100%;height:100%;object-fit:cover;display:block}.presence-card__avatar-initial{color:#fff;font-weight:600;font-size:.875rem}.presence-card__indicator{position:absolute;right:-.15rem;bottom:-.15rem;width:.875rem;height:.875rem;border-radius:999px;border:2.5px solid var(--color-surface);background:var(--color-success);box-shadow:0 0 0 2px var(--color-surface);transition:all var(--transition-fast)}.presence-card:hover .presence-card__indicator{transform:scale(1.15)}.presence-card__indicator--idle{background:var(--color-warning)}.presence-card__indicator--dnd{background:var(--color-danger)}.presence-card__content{display:flex;flex-direction:column;gap:var(--space-0-5);flex:1;min-width:0}.presence-card__name-row{display:flex;align-items:center;gap:var(--space-2);min-width:0}.presence-card__name{font-size:.9375rem;font-weight:600;line-height:1.3;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.presence-card:hover .presence-card__name{color:var(--color-primary)}.presence-card__roles{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.presence-card__status{font-size:.8rem;color:var(--color-text-muted);font-weight:500;transition:color var(--transition-fast)}.voice-participants-list li{display:flex;align-items:center;flex-shrink:0}.voice-participant:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.voice-panel{display:flex;flex-direction:column;gap:var(--space-3);background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-elevated) 90%,transparent),color-mix(in srgb,var(--color-surface) 88%,transparent));border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);padding:var(--space-4);min-height:0;flex:0 0 auto;box-shadow:0 2px 12px color-mix(in srgb,var(--color-border) 12%,transparent),0 1px 4px color-mix(in srgb,var(--color-border) 8%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.voice-panel--stage{min-height:clamp(22rem,60vh,46rem)}.voice-panel__header{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);flex-shrink:0}.voice-panel__header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.voice-panel__title-group{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.voice-panel__header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text);line-height:1.3;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-status-badge{flex-shrink:0;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);padding:.4rem .7rem;background:color-mix(in srgb,var(--color-surface-hover) 80%,transparent);border-radius:var(--radius-sm);font-weight:700;border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);box-shadow:0 1px 3px color-mix(in srgb,var(--color-border) 10%,transparent);transition:all var(--transition-fast)}.voice-status-badge--connected{background:color-mix(in srgb,var(--color-success) 20%,transparent);border-color:color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-success)}.voice-status-badge--connecting{background:color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);color:var(--color-primary);animation:pulse 2s ease-in-out infinite}.voice-status-badge--error{background:color-mix(in srgb,var(--color-danger) 20%,transparent);border-color:color-mix(in srgb,var(--color-danger) 40%,transparent);color:var(--color-danger)}.voice-panel__empty-state{padding:var(--space-3)}.voice-panel__actions{margin-top:var(--space-2)}.voice-devices-button{width:100%;min-height:3rem;display:flex;align-items:center;gap:var(--space-2);background:color-mix(in srgb,var(--color-surface) 60%,transparent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);color:var(--color-text);cursor:pointer;transition:all var(--transition-smooth);font-size:.875rem;font-weight:500;text-align:left}.voice-devices-button:hover{background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent);border-color:color-mix(in srgb,var(--color-border) 50%,transparent);transform:translate(2px);box-shadow:0 2px 6px color-mix(in srgb,var(--color-border) 15%,transparent)}.voice-devices-button:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.voice-devices-button__icon{flex-shrink:0;color:var(--color-primary);opacity:.8;transition:all var(--transition-fast)}.voice-devices-button:hover .voice-devices-button__icon{opacity:1;transform:scale(1.1) rotate(90deg)}.voice-devices-button__label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-panel__body,.voice-panel__main{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;flex:1 1 auto;overflow:hidden}.voice-participants-panel{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-2);min-height:0;flex:0 0 auto;box-shadow:0 1px 4px #00000014}.voice-panel__stage-content{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-4)}.voice-card{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);min-height:0;flex:0 0 auto;box-shadow:0 1px 2px #00000014}.voice-card--stage{flex:1 1 auto}.voice-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-1);flex-shrink:0}.voice-card__header h3{margin:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);line-height:1.2}.voice-card__body{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;flex:1 1 auto}.voice-card--participants .voice-card__body{flex:1 1 auto;min-height:0;overflow:hidden}.voice-card__body--stack{gap:var(--space-4)}.voice-card__body--scroll{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-1);scrollbar-gutter:stable;margin-top:var(--space-1)}.voice-card__body--scroll::-webkit-scrollbar{width:6px}.voice-card__body--scroll::-webkit-scrollbar-track{background:transparent;border-radius:999px}.voice-card__body--scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background var(--transition-smooth)}.voice-card__body--scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 80%,transparent)}.voice-call-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:var(--space-2);flex-wrap:wrap;flex-shrink:0;margin-top:var(--space-2)}.voice-call-bar__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.voice-call-bar__leave{border:1px solid transparent;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger);padding:.45rem 1rem;font-weight:600;font-size:.85rem;transition:all var(--transition-fast)}.voice-call-bar__leave:hover:not(:disabled),.voice-call-bar__leave:focus-visible{background:color-mix(in srgb,var(--color-danger) 25%,transparent);border-color:color-mix(in srgb,var(--color-danger) 40%,transparent);color:var(--color-danger);outline:none;transform:translateY(-1px)}.voice-call-bar__leave:disabled{opacity:.5;cursor:not-allowed}.voice-control-button{width:2rem;height:2rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.voice-control-button:hover:not(:disabled),.voice-control-button:focus-visible{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary);outline:none;transform:scale(1.05)}.voice-control-button:disabled{opacity:.45;cursor:not-allowed}.voice-control-button--active{background:#5865f22e;border-color:#5865f259;color:#fff}.voice-icon{width:1.1rem;height:1.1rem}.voice-section{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.voice-section__header{display:flex;align-items:center;margin-bottom:var(--space-2)}.voice-section__title{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 40%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 25%,transparent);transition:all var(--transition-smooth)}.voice-section__body{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border) 50%,transparent) transparent}.voice-section__body::-webkit-scrollbar{width:6px}.voice-section__body::-webkit-scrollbar-track{background:transparent;border-radius:999px}.voice-section__body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background var(--transition-smooth)}.voice-section__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 70%,transparent)}.voice-section__empty{margin:var(--space-4) 0;padding:var(--space-4);text-align:center;font-size:.875rem;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.voice-channel-card{width:100%;min-height:3.5rem;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-border) 30%,transparent);background:color-mix(in srgb,var(--color-surface) 60%,transparent);color:inherit;padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;text-align:left;transition:all var(--transition-smooth);position:relative;overflow:hidden}.voice-channel-card__indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:0 999px 999px 0;transition:height var(--transition-smooth),opacity var(--transition-smooth);opacity:0;box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 60%,transparent)}.voice-channel-card--active .voice-channel-card__indicator{height:60%;opacity:1}.voice-channel-card__icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:grid;place-items:center;background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);transition:all var(--transition-smooth)}.voice-channel-card__content{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0}.voice-channel-card__name{font-size:.9375rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.voice-channel-card__status{font-size:.8rem;color:var(--color-text-muted);font-weight:500;transition:color var(--transition-fast)}.voice-channel-card:hover:not(:disabled){background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent);border-color:color-mix(in srgb,var(--color-border) 50%,transparent);transform:translate(2px);box-shadow:0 2px 8px color-mix(in srgb,var(--color-border) 20%,transparent)}.voice-channel-card:hover:not(:disabled) .voice-channel-card__icon{background:color-mix(in srgb,var(--color-primary) 25%,transparent);transform:scale(1.1);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 25%,transparent)}.voice-channel-card--active{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);box-shadow:0 2px 12px color-mix(in srgb,var(--color-primary) 15%,transparent)}.voice-channel-card--active .voice-channel-card__icon{background:color-mix(in srgb,var(--color-primary) 30%,transparent);box-shadow:0 0 0 2px var(--color-primary),0 4px 16px color-mix(in srgb,var(--color-primary) 40%,transparent)}.voice-channel-card--active .voice-channel-card__name{color:var(--color-primary);font-weight:700}.voice-channel-card--active .voice-channel-card__status{color:var(--color-primary)}.voice-channel-card:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.voice-channel-card:disabled{opacity:.5;cursor:not-allowed}.voice-mic-settings,.voice-playback-settings{display:flex;flex-direction:column;gap:var(--space-3);background:#ffffff05;border-radius:8px;padding:var(--space-3)}.voice-mic-settings__row{display:flex;align-items:center;gap:var(--space-3);justify-content:space-between;font-size:.85rem}.voice-mic-settings__label,.voice-playback-settings__label{font-weight:600}.voice-mic-settings__meter{flex:1;height:.4rem;border-radius:999px;background:#ffffff14;overflow:hidden}.voice-mic-settings__meter-bar{height:100%;border-radius:999px;background:#5865f2b3;transition:width var(--transition-fast)}.voice-mic-settings__value,.voice-playback-settings__value{min-width:3rem;text-align:right;font-size:.75rem;color:#ffffff8c}.voice-mic-settings__slider,.voice-playback-settings__slider{flex:1;accent-color:rgba(88,101,242,.8)}.voice-mic-settings__toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:#ffffffbf}.voice-devices{display:grid;gap:var(--space-3)}.voice-device{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.voice-device>span:first-child{font-weight:600;color:#ffffffbf}.voice-device select{width:100%;border-radius:6px;border:1px solid rgba(255,255,255,.08);padding:.45rem .6rem;background:#00000059;color:inherit;transition:border-color var(--transition-fast),background var(--transition-fast)}.voice-device select:hover{border-color:#ffffff24;background:#00000073}.voice-device select:focus-visible{border-color:#5865f273;outline:none}.voice-device__hint{font-size:.7rem;color:#ffffff8c}.voice-participants-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border) 60%,transparent) transparent}.voice-participants-list::-webkit-scrollbar{width:6px}.voice-participants-list::-webkit-scrollbar-track{background:transparent;border-radius:999px}.voice-participants-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background var(--transition-smooth)}.voice-participants-list::-webkit-scrollbar-thumb:hover{background:#ffffff47}.voice-participants-list li{position:relative}.voice-participant{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast)}.voice-participant__content{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.voice-participant.voice-participant--speaking{border-color:#5865f280;box-shadow:0 0 0 1px #5865f24d}.voice-participant.voice-participant--muted{opacity:.7}.voice-participant.voice-participant--local{background:color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.voice-participant__details{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.voice-participant__role{font-size:.7rem;color:var(--color-text-muted);line-height:1.2}.voice-participant__volume-bar{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;width:100%}.voice-participant__volume-bar-container{position:relative;flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.voice-participant__volume-bar-fill{position:absolute;top:0;left:0;height:100%;background:#5865f2b3;border-radius:3px;transition:width .15s ease;min-width:2px}.voice-participant__volume-bar-text{font-size:.75rem;color:#ffffffe6;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:3rem;text-align:right}.voice-participant__status{display:flex;align-items:center;gap:var(--space-2);position:relative;margin-top:var(--space-1)}.voice-participant__indicators{display:flex;align-items:center;gap:.35rem;font-size:.9rem}.voice-indicator{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:6px;background:#00000073}.voice-indicator.is-off{opacity:.3}.voice-indicator--speaker{display:inline-flex;align-items:center}.voice-activity{position:relative;width:.35rem;height:1.4rem;border-radius:999px;background:#ffffff14;overflow:hidden}.voice-activity:after{content:"";position:absolute;inset:0;transform-origin:bottom;background:#5865f2cc;transform:scaleY(var(--voice-level, 0))}.voice-participant__menu{position:relative}.voice-participant__menu-trigger{border-radius:999px;border:1px solid transparent;background:#ffffff14;color:#ffffffbf;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.voice-participant__menu-trigger::-webkit-details-marker{display:none}.voice-participant__menu-trigger:hover,.voice-participant__menu-trigger:focus-visible{background:#ffffff24;border-color:#ffffff2e;color:#fff;outline:none}.voice-participant__menu[open] .voice-participant__menu-trigger{background:#5865f247;border-color:#5865f266;color:#fff}.voice-participant__menu-content{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:#1e1f22;border-radius:8px;border:1px solid rgba(255,255,255,.1);padding:var(--space-3);box-shadow:0 12px 32px #00000073;z-index:10;display:flex;flex-direction:column;gap:var(--space-3)}.voice-participant__menu-row{display:flex;flex-direction:column;gap:.5rem}.voice-participant__menu-label{font-size:.8rem;color:#fff9}.voice-participant__menu-slider{width:100%;accent-color:rgba(88,101,242,.85)}.stage-panel{display:flex;flex-direction:column;gap:var(--space-4)}.stage-panel__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}.stage-panel__summary{margin:.25rem 0 0;color:#ffffff8c;font-size:.85rem}.stage-panel__controls{display:flex;gap:var(--space-3);align-items:center}.stage-panel__quality{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.stage-panel__quality select{padding:.35rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#0006;color:inherit}.stage-panel__hand{border-radius:999px;border:1px solid transparent;padding:.5rem 1rem;background:#ffffff14;color:#ffffffd9;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.stage-panel__hand:hover,.stage-panel__hand:focus-visible{background:#ffffff1f;border-color:#ffffff2e;outline:none}.stage-panel__hand--active{background:#5865f23d;border-color:#5865f266;color:#fff}.stage-panel__body{display:grid;gap:var(--space-3)}.stage-panel__section{background:#ffffff05;border-radius:8px;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.stage-panel__section h4{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c}.stage-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.stage-panel__item{padding:var(--space-2) var(--space-3);border-radius:6px;background:#00000059;display:flex;flex-direction:column;gap:.35rem}.stage-panel__item--local{border:1px solid rgba(88,101,242,.4)}.stage-panel__item--raised{border:1px solid rgba(237,137,54,.45)}.stage-panel__item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.stage-panel__name{font-weight:600}.stage-panel__status{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:#ffffff0f;text-transform:uppercase;letter-spacing:.08em}.stage-panel__status--live{background:#22c55e47;color:#bbf7d0}.stage-panel__status--muted{background:#d9770647;color:#fcd34d}.stage-panel__status--backstage,.stage-panel__status--invited,.stage-panel__status--requesting,.stage-panel__status--listener{background:#ffffff14;color:#ffffffa6}.stage-panel__raised{font-size:1.1rem}@media (min-width: 960px){.voice-panel__body{flex-direction:row;align-items:stretch}.voice-panel__main{flex:1 1 55%}.voice-panel__aside{flex:1 1 45%;max-width:360px}.stage-panel__body{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.voice-panel__aside{max-width:420px}}.voice-status{font-size:.75rem;padding:.4rem .75rem;border-radius:var(--radius-sm);font-weight:600;border:1px solid transparent;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;line-height:1.2}.voice-status:before{content:"";width:.4rem;height:.4rem;border-radius:50%;display:inline-block;flex-shrink:0}.voice-status--connected{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}.voice-status--connected:before{background:var(--color-success);box-shadow:0 0 8px color-mix(in srgb,var(--color-success) 50%,transparent)}.voice-status--connecting{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.voice-status--connecting:before{background:var(--color-primary);animation:pulse 2s ease-in-out infinite}.voice-status--error{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 30%,transparent)}.voice-status--error:before{background:var(--color-danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.voice-status__error{margin:var(--space-1) 0 0;font-size:.8rem;color:var(--color-danger)}.voice-controls{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--space-2)}.voice-control-button{width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface-elevated);color:inherit;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),color var(--transition-fast)}.voice-control-button:hover:not(:disabled),.voice-control-button:focus-visible{background:var(--color-primary-soft);border-color:#5865f259;transform:translateY(-1px);color:var(--color-primary)}.voice-control-button:disabled{opacity:.6;cursor:not-allowed}.voice-control-button--active{background:#5865f226;border-color:#5865f273;color:var(--color-primary)}.voice-icon{width:1.3rem;height:1.3rem}.voice-channel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.voice-channel-card{width:100%;border:1px solid var(--color-border);background:var(--color-surface);color:inherit;border-radius:var(--radius-sm);padding:var(--space-2);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;text-align:left;transition:all var(--transition-fast);position:relative}.voice-channel-card:hover:not(:disabled),.voice-channel-card:focus-visible{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 15%,transparent);transform:translateY(-1px)}.voice-channel-card:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 30%,transparent)}.voice-channel-card:disabled{opacity:.6;cursor:not-allowed}.voice-channel-card--active{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface));box-shadow:0 2px 8px color-mix(in srgb,var(--color-success) 20%,transparent)}.voice-channel-card--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-success);border-radius:var(--radius-md) 0 0 var(--radius-md)}.voice-channel-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);flex-shrink:0;transition:all var(--transition-fast)}.voice-channel-card:hover:not(:disabled) .voice-channel-card__icon{background:color-mix(in srgb,var(--color-primary) 20%,transparent);transform:scale(1.05)}.voice-channel-card--active .voice-channel-card__icon{background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success)}.voice-channel-card__details{flex:1;display:flex;flex-direction:column;gap:.25rem;text-align:left;min-width:0}.voice-channel-card__name{font-weight:600;font-size:.85rem;color:var(--color-text);word-break:break-word;line-height:1.2}.voice-channel-card__status{font-size:.7rem;font-weight:500;color:var(--color-text-muted);line-height:1.1}.voice-channel-card--active .voice-channel-card__status{color:var(--color-success);font-weight:600}.voice-mic-settings{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#94a3b814}.voice-mic-settings__row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:.85rem}.voice-mic-settings__row--level{gap:var(--space-2)}.voice-mic-settings__label{min-width:6.5rem;font-weight:600}.voice-mic-settings__meter{position:relative;flex:1;min-width:140px;height:.5rem;border-radius:var(--radius-full);background:#94a3b840;overflow:hidden}.voice-mic-settings__meter-bar{position:absolute;inset:0;border-radius:inherit;background:var(--color-success);transition:width var(--transition-fast)}.voice-mic-settings__value{min-width:3.5rem;text-align:right;font-variant-numeric:tabular-nums}.voice-mic-settings__slider{flex:1;min-width:140px;accent-color:var(--color-primary)}.voice-mic-settings__toggle{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem}.voice-mic-settings__toggle input{width:1.1rem;height:1.1rem}.voice-playback-settings{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#94a3b814}.voice-playback-settings__row{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem}.voice-playback-settings__label{min-width:6.5rem;font-weight:600}.voice-playback-settings__slider{flex:1;min-width:140px;accent-color:var(--color-primary)}.voice-playback-settings__value{min-width:3.5rem;text-align:right;font-variant-numeric:tabular-nums}.voice-devices{display:grid;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#94a3b80d}.voice-device{display:flex;flex-direction:column;gap:var(--space-2);font-size:.85rem}.voice-device>span:first-child{font-weight:600}.voice-device select{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-2);background:var(--color-surface);color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.voice-device select:hover{border-color:#5865f259}.voice-device select:focus-visible{border-color:#5865f280;box-shadow:var(--focus-ring);outline:none}.voice-device__hint{font-size:.7rem;color:var(--color-text-muted)}@media (min-width: 640px){.voice-devices{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.voice-participants-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.voice-participants-list li{position:relative;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.voice-participant.voice-participant--speaking{border:1px solid rgba(34,197,94,.35);box-shadow:0 0 0 2px #22c55e2e}.voice-participant.voice-participant--muted{opacity:.85}.voice-participant.voice-participant--local{background:#5865f21f}.voice-participant__details{display:flex;flex-direction:column}.voice-participant__status{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.voice-participant__role{font-size:.75rem;color:var(--color-text-muted)}.voice-participant__volume{display:flex;align-items:center;gap:var(--space-2);min-width:8rem}.voice-participant__volume-slider{width:120px;max-width:160px;flex-shrink:0;accent-color:var(--color-primary)}.voice-participant__volume-value{min-width:3.5rem;text-align:right;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.voice-participant__indicators{display:flex;align-items:center;gap:var(--space-1);font-size:.85rem}.voice-indicator{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background:#94a3b82e}.voice-indicator.is-off{opacity:.35}.voice-activity{position:relative;width:.4rem;height:1.5rem;border-radius:var(--radius-sm);background:#94a3b840;overflow:hidden}.voice-activity:after{content:"";position:absolute;inset:auto 0 0;height:calc(var(--voice-level, 0) * 100%);background:var(--color-success);transition:height var(--transition-fast)}.field{display:flex;flex-direction:column;gap:var(--space-2);font-size:.95rem}.server-modal[aria-labelledby=create-channel-title] .field{gap:var(--space-3);font-size:1rem}.server-modal[aria-labelledby=create-channel-title] .field>label{font-weight:600;font-size:.9375rem;color:var(--color-text);margin-bottom:var(--space-1)}.field--checkbox{flex-direction:row;align-items:center;gap:var(--space-2)}.field--checkbox input{width:1.1rem;height:1.1rem}.field input,.field textarea,.field select{padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-elevated);resize:vertical}.server-modal[aria-labelledby=create-channel-title] .field input{padding:var(--space-3) var(--space-4);font-size:1rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);transition:all var(--transition-fast)}.server-modal[aria-labelledby=create-channel-title] .field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);outline:none}.field-hint{color:var(--color-text-muted);font-size:.8rem}.modal-overlay{position:fixed!important;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(var(--space-3),4vw,var(--space-6));background:color-mix(in srgb,var(--color-overlay) 88%,transparent);backdrop-filter:blur(calc(var(--surface-glass-blur) * 1.1));animation:modalOverlayIn var(--transition-medium);z-index:100000!important}.modal-dialog{position:relative;width:min(680px,96vw);max-height:calc(100vh - clamp(4rem,12vh,6rem));background:color-mix(in srgb,var(--color-surface-elevated) 98%,transparent);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);box-shadow:0 24px 60px #08090f66,0 0 0 1px color-mix(in srgb,var(--color-border) 20%,transparent);display:flex;flex-direction:column;overflow:hidden;animation:modalDialogIn var(--transition-medium);backdrop-filter:blur(calc(var(--surface-glass-blur) * .8))}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);background:color-mix(in srgb,var(--color-surface) 50%,transparent)}.server-modal[aria-labelledby=create-channel-title] .modal-header{padding:var(--space-8) var(--space-8) var(--space-6)}.modal-header__content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.modal-title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--color-text)}.modal-subtitle{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.9rem}.modal-description{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.modal-close{background:transparent;border:none;color:var(--color-text-muted);border-radius:var(--radius-md);padding:var(--space-2);line-height:0;transition:all var(--transition-fast);cursor:pointer;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.modal-close:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-hover) 90%,transparent);transform:scale(1.05)}.modal-close:active{transform:scale(.95)}.modal-close__icon{width:1.25rem;height:1.25rem;stroke-width:2}.modal-content{padding:var(--space-5) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2)}.modal-footer button{min-width:7.5rem}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalDialogIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 720px){.modal-dialog{max-height:calc(100vh - var(--space-4));width:min(96vw,540px)}.modal-header{padding:var(--space-4) var(--space-4) var(--space-3)}.modal-content{padding:var(--space-3) var(--space-4) var(--space-4)}.modal-footer{flex-wrap:wrap}}.auth-modal,.invite-modal,.server-modal{position:relative;width:min(680px,96vw);max-width:90vw;max-height:90vh;background:color-mix(in srgb,var(--color-surface-elevated) 98%,transparent);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);box-shadow:0 24px 60px #08090f66,0 0 0 1px color-mix(in srgb,var(--color-border) 20%,transparent);display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;z-index:100001!important;backdrop-filter:blur(calc(var(--surface-glass-blur) * .8));animation:modalDialogIn var(--transition-medium)}.server-modal[aria-labelledby=create-channel-title]{width:min(720px,96vw);max-width:95vw}.voice-devices-overlay{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:var(--space-6) var(--space-4);background:var(--color-overlay);z-index:99999}.voice-devices-dialog{width:min(420px,92vw);max-height:90vh;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.voice-devices-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.voice-devices-content{padding:var(--space-4);overflow:auto;display:flex;flex-direction:column;gap:var(--space-4)}.voice-devices-content select,.voice-devices-content input[type=range]{width:100%;box-sizing:border-box}.voice-devices-content .voice-device>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-overlay{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-6) var(--space-4);background:var(--color-overlay);backdrop-filter:blur(var(--surface-glass-blur));z-index:1600}.command-dialog{width:min(620px,95vw);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.command-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.command-dialog__hint{font-size:.75rem;color:var(--color-text-muted)}.command-dialog__input-wrapper{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--color-border)}.command-dialog__input-wrapper span{font-size:.75rem;color:var(--color-text-muted)}.command-dialog__input-wrapper input{flex:1;background:transparent;border:none;color:inherit;font-size:1rem;outline:none}.command-dialog__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);max-height:18rem;overflow-y:auto}.command-dialog__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.25rem;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.command-dialog__item--active{background:var(--color-primary-soft);transform:translate(2px)}.command-dialog__item-meta{display:flex;gap:var(--space-2);font-size:.75rem;color:var(--color-text-muted)}.command-dialog__item-tag{padding:0 var(--space-1);border-radius:var(--radius-sm);background:#5865f233}.command-dialog__empty{margin:var(--space-2) 0;text-align:center;color:var(--color-text-muted)}.invite-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.invite-item{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 50%,transparent);transition:all var(--transition-smooth)}.invite-item:hover{border-color:color-mix(in srgb,var(--color-border) 60%,transparent);background:color-mix(in srgb,var(--color-surface-hover) 30%,transparent);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--color-border) 15%,transparent)}.invite-item__code{font-weight:600;margin:0;font-size:.95rem;color:var(--color-text);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;letter-spacing:.02em}.invite-item__meta{display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-text-muted);font-size:.85rem;margin:var(--space-2) 0 0;line-height:1.4}.invite-item__actions{display:flex;gap:var(--space-2)}.ghost.danger{color:var(--color-danger)}.ghost.danger:hover{background:#dc26261f}.role-table{width:100%;border-collapse:collapse;font-size:.9rem}.role-table th,.role-table td{padding:var(--space-2);border-bottom:1px solid var(--color-border);text-align:left}.role-form{display:flex;gap:var(--space-2);align-items:center}.role-form input{width:6rem;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-elevated)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);background:color-mix(in srgb,var(--color-surface) 50%,transparent)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--color-text)}.modal-description{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.permission-modal{display:flex;flex-direction:column;gap:var(--space-4)}.permission-section{display:flex;flex-direction:column;gap:var(--space-3)}.permission-section__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.permission-empty{margin:0;color:var(--color-text-muted);font-size:.9rem}.permission-entry{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-elevated);display:flex;flex-direction:column;gap:var(--space-3)}.permission-entry__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.permission-entry__title{font-weight:600}.permission-entry__subtitle{display:block;color:var(--color-text-muted);font-size:.85rem}.permission-add{display:flex;gap:var(--space-2);align-items:center}.permission-add select{padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-elevated)}.permission-controls{display:grid;gap:var(--space-2)}@media (min-width: 720px){.permission-controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.permission-control{display:flex;flex-direction:column;gap:var(--space-2)}.permission-control__label{font-weight:500}.permission-control__actions{display:flex;gap:var(--space-1);flex-wrap:wrap}.permission-button{font-size:.8rem}.permission-button.is-active{background:var(--color-primary-soft)}.permission-button--allow.is-active{color:var(--color-success)}.permission-button--deny.is-active{color:var(--color-danger)}.modal-body{display:flex;flex-direction:column;gap:0;padding:var(--space-6);overflow-y:auto;flex:1;min-height:0}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.server-modal[aria-labelledby=create-channel-title] .auth-form{padding:0 var(--space-8) var(--space-8);gap:var(--space-6)}.auth-form__fields{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__consent{margin-top:var(--space-2)}.auth-consent{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;user-select:none}.auth-consent__checkbox{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;cursor:pointer;accent-color:var(--color-primary)}.auth-consent__text{font-size:.875rem;line-height:1.5;color:var(--color-text-muted)}.auth-consent__text a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.auth-consent__text a:hover{color:var(--color-primary-hover)}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:100001;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);pointer-events:none;animation:cookie-consent-slide-up .4s cubic-bezier(.34,1.56,.64,1)}@keyframes cookie-consent-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-banner{position:relative;width:100%;max-width:680px;background:color-mix(in srgb,var(--color-surface-elevated) 98%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:var(--radius-lg);box-shadow:0 24px 60px #08090f66,0 0 0 1px color-mix(in srgb,var(--color-border) 20%,transparent);backdrop-filter:blur(calc(var(--surface-glass-blur) * .8));pointer-events:auto;overflow:hidden}.cookie-consent-content{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.cookie-consent-text{display:flex;flex-direction:column;gap:var(--space-3)}.cookie-consent-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text);line-height:1.3}.cookie-consent-description{margin:0;font-size:.9rem;line-height:1.6;color:var(--color-text-muted)}.cookie-consent-legal{margin:0;font-size:.85rem;line-height:1.5;color:var(--color-text-muted);font-style:italic}.cookie-consent-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.cookie-consent-button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:100px}.cookie-consent-button--accept{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cookie-consent-button--accept:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 30%,transparent)}.cookie-consent-button--accept:active{transform:translateY(0);background:var(--color-primary-active)}.cookie-consent-button--decline{background:transparent;color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 70%,transparent)}.cookie-consent-button--decline:hover{background:color-mix(in srgb,var(--color-surface) 95%,transparent);border-color:color-mix(in srgb,var(--color-border) 90%,transparent)}.cookie-consent-button--decline:active{background:color-mix(in srgb,var(--color-surface) 90%,transparent)}@media (max-width: 640px){.cookie-consent-overlay{padding:var(--space-3)}.cookie-consent-content{padding:var(--space-4)}.cookie-consent-actions{flex-direction:column}.cookie-consent-button{width:100%}}.auth-form__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);align-items:center;margin-top:var(--space-2)}.server-modal[aria-labelledby=create-channel-title] .auth-form__footer{padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.auth-form__error-container{padding:var(--space-3);background:color-mix(in srgb,var(--color-danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-2)}.auth-form__error{color:var(--color-danger);margin:0;font-size:.9rem;font-weight:500;line-height:1.4}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-field__label{font-size:.9rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em}.auth-field__input{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-surface) 95%,transparent);color:var(--color-text);font-size:.95rem;transition:all var(--transition-fast);outline:none}.auth-field__input:focus{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-surface-elevated) 98%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.auth-field__input:hover:not(:focus){border-color:color-mix(in srgb,var(--color-border) 90%,transparent)}.auth-field__input::placeholder{color:var(--color-text-muted);opacity:.6}.auth-button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:7.5rem;position:relative;overflow:hidden}.auth-button--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-primary-text, white);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent),0 1px 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.auth-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-active) 100%);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 40%,transparent),0 2px 6px color-mix(in srgb,var(--color-primary) 25%,transparent);transform:translateY(-1px)}.auth-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px color-mix(in srgb,var(--color-primary) 30%,transparent),0 1px 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.auth-button--secondary{background:color-mix(in srgb,var(--color-surface) 95%,transparent);color:var(--color-text);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);box-shadow:0 1px 3px color-mix(in srgb,var(--color-border) 20%,transparent)}.auth-button--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-surface-hover) 95%,transparent);border-color:color-mix(in srgb,var(--color-border) 90%,transparent);transform:translateY(-1px);box-shadow:0 2px 6px color-mix(in srgb,var(--color-border) 30%,transparent)}.auth-button--secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px color-mix(in srgb,var(--color-border) 20%,transparent)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-button__spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spinner .6s linear infinite;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 900px){.server-sidebar,.channel-sidebar{flex-direction:row;overflow-x:auto}.server-sidebar{width:auto;flex:0 0 auto;align-items:stretch}.server-list,.channel-list{flex-direction:row}.server-sidebar,.channel-sidebar{padding:var(--space-3)}.server-card{flex-direction:column;align-items:center;min-width:4.5rem;width:auto;padding:var(--space-2)}.server-card__content{display:none}.server-card__icon{width:3rem;height:3rem}.server-create-button{flex-direction:column;align-items:center;min-width:4.5rem;width:auto;padding:var(--space-2)}.server-create-button__label,.server-card__label,.channel-item__letter{display:none}}.profile-page-overlay{z-index:100000}.profile-dialog{width:min(1080px,96vw);max-height:calc(100vh - clamp(3rem,10vh,5rem));background:color-mix(in srgb,var(--color-surface-elevated) 98%,transparent);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);box-shadow:0 24px 60px #08090f66,0 0 0 1px color-mix(in srgb,var(--color-border) 20%,transparent);backdrop-filter:blur(calc(var(--surface-glass-blur) * .8))}.profile-header{flex-wrap:wrap;gap:var(--space-3)}.profile-header h2{margin:0}.profile-content{position:relative;display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0}.profile-content--settings{gap:var(--space-4)}.profile-section{display:flex;flex-wrap:wrap;gap:var(--space-4);background:color-mix(in srgb,var(--color-surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 2px 8px color-mix(in srgb,var(--color-border) 15%,transparent);transition:all var(--transition-fast)}.profile-section:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--color-border) 20%,transparent)}.profile-section--summary{align-items:center;justify-content:space-between;gap:var(--space-5)}.profile-form{flex:1 1 280px;display:flex;flex-direction:column;gap:var(--space-3)}.profile-row{display:flex;flex-direction:column;gap:var(--space-2)}.profile-row input,.profile-row select,.profile-row textarea{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-surface) 95%,transparent);color:inherit;font-size:.95rem;transition:all var(--transition-fast);outline:none}.profile-row input:focus,.profile-row select:focus,.profile-row textarea:focus{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-surface-elevated) 98%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.profile-row input:hover:not(:focus),.profile-row select:hover:not(:focus),.profile-row textarea:hover:not(:focus){border-color:color-mix(in srgb,var(--color-border) 90%,transparent)}.profile-row textarea{min-height:4.5rem;resize:vertical}.profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.profile-edit-grid{display:grid;gap:var(--space-4)}@media (min-width: 720px){.profile-edit-grid{grid-template-columns:minmax(0,1fr) minmax(0,220px);align-items:start}}.profile-edit-card{background:color-mix(in srgb,var(--color-surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 2px 8px color-mix(in srgb,var(--color-border) 15%,transparent);transition:all var(--transition-fast)}.profile-edit-card:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--color-border) 20%,transparent)}.profile-progress{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-muted)}.profile-feedback-group{display:grid;gap:var(--space-2)}.profile-avatar-preview{display:flex;align-items:center;gap:var(--space-4)}.profile-summary{display:flex;align-items:center;gap:var(--space-4);flex:1 1 auto}.profile-summary-list{display:grid;gap:var(--space-2);margin:0}.profile-summary-item{display:grid;gap:.25rem}.profile-summary-item dt{font-size:.85rem;color:var(--color-text-muted)}.profile-summary-item dd{margin:0;font-weight:600}.profile-summary-actions{display:flex;align-items:center;justify-content:flex-end;min-width:12rem}.profile-settings-list{display:grid;gap:var(--space-3);margin:0}.profile-settings-item{display:grid;gap:.25rem}.profile-settings-item dt{font-size:.85rem;color:var(--color-text-muted)}.profile-settings-item dd{margin:0;font-weight:500}.profile-avatar-upload{display:flex;flex-direction:column;gap:var(--space-3)}.profile-avatar-preview img{width:5rem;height:5rem;border-radius:999px;object-fit:cover;border:2px solid rgba(88,101,242,.35)}.profile-info{font-size:.85rem;color:var(--color-text-muted)}.profile-success{margin:var(--space-1) 0 0;color:var(--color-success);font-size:.9rem}.profile-error{margin:var(--space-1) 0 0;color:var(--color-danger);font-size:.9rem}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.profile-card h3{margin:0;font-size:1.1rem}.profile-card h4{margin:0 0 var(--space-2);font-size:.95rem;color:var(--color-text-muted)}.profile-friends-list,.profile-request-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.profile-friend{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;background:transparent}.profile-friend--active{border-color:#5865f259;background:var(--color-primary-soft)}.profile-friend__meta{flex:1;display:flex;flex-direction:column;gap:.125rem}.profile-friend__title{font-weight:600}.profile-friend__status{font-size:.8rem;color:var(--color-text-muted)}.profile-friend__badge{min-width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600}.profile-requests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.profile-request-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-surface-elevated)}.profile-request-text{display:flex;flex-direction:column;gap:.125rem}.profile-request-text span{font-size:.8rem;color:var(--color-text-muted)}.profile-request-actions{display:flex;align-items:center;gap:var(--space-2)}.profile-request-note{font-size:.85rem;color:var(--color-text-muted)}.profile-empty{margin:0;color:var(--color-text-muted)}.profile-chat{grid-column:span 3;display:flex;flex-direction:column;gap:var(--space-3)}.profile-chat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.profile-chat-messages{flex:1;min-height:220px;max-height:320px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.profile-chat-message{display:flex;flex-direction:column;gap:.25rem;align-self:flex-start;max-width:90%;background:#5865f21f;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.profile-chat-message--outgoing{align-self:flex-end;background:#22c55e29}.profile-chat-message__meta{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;color:var(--color-text-muted)}.profile-chat-form{display:flex;align-items:flex-start;gap:var(--space-3)}.profile-chat-form textarea{flex:1;min-height:5rem;resize:vertical;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);color:inherit}.profile-loading-overlay{position:absolute;inset:var(--space-4);display:grid;place-items:center;background:#0f172a99;border-radius:var(--radius-lg);font-weight:600}.profile-edit-overlay{z-index:1400}.profile-edit-dialog{width:min(560px,94vw)}.profile-edit-content{display:flex;flex-direction:column;gap:var(--space-4)}.about-page-overlay{z-index:100000}.about-dialog{width:min(1080px,96vw);max-height:calc(100vh - clamp(3rem,10vh,5rem));background:color-mix(in srgb,var(--color-surface-elevated) 98%,transparent);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);box-shadow:0 24px 60px #08090f66,0 0 0 1px color-mix(in srgb,var(--color-border) 20%,transparent);backdrop-filter:blur(calc(var(--surface-glass-blur) * .8))}.about-header{flex-wrap:wrap;gap:var(--space-3)}.about-header h2{margin:0}.about-content{position:relative;display:flex;flex-direction:column;gap:var(--space-5);flex:1;min-height:0;overflow-y:auto;padding:var(--space-5)}.about-section{display:flex;flex-direction:column;gap:var(--space-4);background:color-mix(in srgb,var(--color-surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 2px 8px color-mix(in srgb,var(--color-border) 15%,transparent);transition:all var(--transition-fast)}.about-section:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--color-border) 20%,transparent)}.about-section h3{margin:0 0 var(--space-2);font-size:1.25rem;font-weight:600;color:var(--color-text)}.about-section p{margin:0;line-height:1.6;color:var(--color-text-muted);font-size:.95rem}.about-legal-block{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--color-border) 40%,transparent)}.about-legal-block:first-of-type{margin-top:0;padding-top:0;border-top:none}.about-legal-block h4{margin:0 0 var(--space-2);font-size:1rem;font-weight:600;color:var(--color-text)}.about-legal-block p{margin:0;line-height:1.7;color:var(--color-text-muted);font-size:.9rem}@media (max-width: 768px){.about-dialog{width:min(98vw,720px)}.about-content{padding:var(--space-4);gap:var(--space-4)}.about-section{padding:var(--space-4)}}.direct-messages-page{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2050;pointer-events:none}.direct-messages-page--open{display:flex;pointer-events:auto;animation:direct-messages-fade-in .2s ease-out}@keyframes direct-messages-fade-in{0%{opacity:0}to{opacity:1}}.direct-messages-backdrop{position:absolute;inset:0;background:var(--color-overlay);backdrop-filter:blur(var(--surface-glass-blur))}.direct-messages-dialog{position:relative;width:min(1280px,96%);max-height:92vh;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden;animation:direct-messages-dialog-slide-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes direct-messages-dialog-slide-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.direct-messages-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:10}.direct-messages-header h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.direct-messages-content{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;min-height:0;flex:1;background:transparent;gap:0}.direct-messages-sidebar{padding:var(--space-4);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;background:transparent}.direct-messages-sidebar-group h3{margin:0 0 var(--space-2);font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.direct-messages-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.direct-messages-item button{width:100%;border:none;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:left;border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;position:relative;transition:background var(--transition-fast),transform var(--transition-fast)}.direct-messages-item button:hover{background:#5865f214;transform:translateY(-1px)}.direct-messages-item--active button{background:#5865f22e;box-shadow:inset 0 0 0 1px #5865f259}.direct-messages-item__title{font-weight:600}.direct-messages-item__status{font-size:.8rem;color:var(--color-text-muted)}.direct-messages-item__preview{font-size:.75rem;color:var(--color-text-muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.direct-messages-item__badge{position:absolute;top:.5rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;border-radius:999px;background:#22c55e40;color:var(--color-text);font-size:.75rem;font-weight:600}.direct-messages-request{display:flex;flex-direction:column;gap:var(--space-2)}.direct-messages-request label{font-size:.85rem;color:var(--color-text-muted)}.direct-messages-thread-container{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:transparent;min-height:0;overflow:hidden}.direct-messages-thread{display:flex;flex-direction:column;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface);min-height:0;flex:1;box-shadow:0 2px 8px color-mix(in srgb,var(--color-border) 20%,transparent)}.direct-messages-thread__header{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.direct-messages-thread__header-main{display:flex;flex-direction:column;gap:var(--space-2)}.direct-messages-thread__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text)}.direct-messages-thread__participants{display:flex;flex-direction:column;gap:var(--space-2)}.direct-messages-thread__participants .presence-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-elevated);border:1px solid var(--color-border);transition:all var(--transition-smooth)}.direct-messages-thread__participants .presence-row:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.direct-messages-thread__participants .presence-label{font-size:.875rem;color:var(--color-text);font-weight:500}.direct-note-form{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.direct-note-form label{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.direct-note-form textarea{min-height:4.5rem;resize:vertical;border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-3);background:var(--color-surface);color:inherit;font-size:.875rem;transition:all var(--transition-smooth)}.direct-note-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.direct-note-form button{margin-top:var(--space-2);align-self:flex-start}.direct-messages-thread__messages{flex:1;min-height:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);overflow-y:auto}.direct-messages-thread__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.direct-messages-thread__message{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-smooth)}.direct-messages-thread__message:hover{background:color-mix(in srgb,var(--color-surface-hover) 30%,transparent)}.direct-messages-thread__message--self{align-items:flex-end}.direct-messages-thread__message-author{font-weight:600;font-size:.875rem;color:var(--color-text);margin-bottom:var(--space-1)}.direct-messages-thread__message--self .direct-messages-thread__message-author{color:var(--color-primary)}.direct-messages-thread__message-content{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);max-width:75%;word-wrap:break-word;line-height:1.5;box-shadow:0 1px 2px color-mix(in srgb,var(--color-border) 20%,transparent)}.direct-messages-thread__message--self .direct-messages-thread__message-content{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));border-color:var(--color-primary);color:var(--color-text)}.direct-messages-thread__message-time{font-size:.7rem;color:var(--color-text-muted);margin-top:var(--space-1);padding:0 var(--space-1)}.direct-messages-thread__message--empty{text-align:center;color:var(--color-text-muted)}.direct-messages-composer{display:flex;align-items:flex-end;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-2)}.direct-messages-composer textarea{flex:1;min-height:4rem;max-height:12rem;resize:vertical;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text);font-size:.875rem;font-family:inherit;line-height:1.5;transition:all var(--transition-smooth)}.direct-messages-composer textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring);background:var(--color-surface)}.direct-messages-composer textarea::placeholder{color:var(--color-text-muted)}.direct-messages-composer button{flex-shrink:0;padding:var(--space-3) var(--space-5)}.direct-messages-thread__footer{display:flex;justify-content:flex-end;padding-top:var(--space-2);border-top:1px solid var(--color-border);margin-top:var(--space-2);color:var(--color-text-muted);font-size:.8rem}.direct-request-form{display:grid;gap:var(--space-2)}.direct-requests-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.direct-requests-list .actions{display:flex;gap:var(--space-2)}.direct-messages-thread__empty{display:grid;place-items:center;min-height:280px;color:var(--color-text-muted)}.direct-messages-meta{padding:var(--space-4);border-left:1px solid var(--color-border);background:transparent;overflow-y:auto}.direct-messages-meta__section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.direct-messages-meta__section:last-child{margin-bottom:0}.direct-messages-meta__section h2,.direct-messages-meta__section h3{margin:0 0 var(--space-3) 0;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.direct-request-form label{font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:var(--space-1)}.direct-request-form input{padding:var(--space-2) var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;transition:all var(--transition-smooth)}.direct-request-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.direct-request-form button{margin-top:var(--space-2)}.direct-requests-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-smooth)}.direct-requests-list li:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.direct-requests-list li.empty{background:transparent;border:none;color:var(--color-text-muted);font-size:.875rem;padding:var(--space-3);text-align:center;justify-content:center}.direct-requests-list li span{flex:1;font-weight:500;color:var(--color-text)}.direct-requests-list .actions button{padding:var(--space-1) var(--space-2);font-size:.8rem}.direct-sidebar{display:flex;flex-direction:column;gap:var(--space-4);padding:0}.direct-sidebar-section{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.direct-sidebar-section h3{margin:0 0 var(--space-2) 0;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);padding:0 var(--space-2)}.direct-conversation-list,.direct-friends-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.direct-conversation-list li,.direct-friends-list li{position:relative}.direct-conversation-list li button,.direct-friends-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text);text-align:left;cursor:pointer;transition:all var(--transition-smooth)}.direct-conversation-list li button:hover,.direct-friends-list li:hover{background:var(--color-surface-hover);border-color:var(--color-border);transform:translate(2px)}.direct-conversation-list li.active button{background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary);font-weight:600}.direct-conversation-list li.active button:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transform:scaleY(.8);transition:transform var(--transition-smooth)}.direct-conversation-list li.active button:hover:before{transform:scaleY(1)}.direct-conversation-title{flex:1;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-conversation-list li.active .direct-conversation-title{font-weight:600;color:var(--color-text)}.direct-conversation-list li .badge,.direct-friends-list li .badge{min-width:1.25rem;height:1.25rem;padding:0 .35rem;font-size:.7rem;font-weight:700;background:var(--color-primary);color:#fff;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px color-mix(in srgb,var(--color-primary) 30%,transparent)}.direct-friends-list li{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.direct-friends-list li .presence-row{display:flex;align-items:center;gap:var(--space-2);width:100%}.direct-friends-list li button{width:100%;justify-content:center;margin-top:var(--space-1)}.direct-conversation-list li.empty,.direct-friends-list li.empty{padding:var(--space-3);color:var(--color-text-muted);font-size:.875rem;text-align:center;justify-content:center;background:transparent;border:none}.direct-conversation-list li.empty:hover,.direct-friends-list li.empty:hover{transform:none;background:transparent;border:none}.direct-group-form{display:flex;flex-direction:column;gap:var(--space-3)}.direct-group-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:.875rem;font-weight:500;color:var(--color-text)}.direct-group-form input[type=text]{padding:var(--space-2) var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;transition:all var(--transition-smooth)}.direct-group-form input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.direct-group-form fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-elevated);margin:0}.direct-group-form legend{font-size:.875rem;font-weight:500;color:var(--color-text);padding:0 var(--space-2)}.direct-group-participants{display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto;padding:var(--space-2)}.direct-group-participants label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-smooth);flex-direction:row}.direct-group-participants label:hover{background:var(--color-surface-hover)}.direct-group-participants input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--color-primary)}.direct-group-participants .empty{padding:var(--space-3);color:var(--color-text-muted);font-size:.875rem;text-align:center}.direct-group-form button{margin-top:var(--space-2)}.direct-group-form .error{color:var(--color-danger);font-size:.875rem;margin-top:var(--space-1)}.direct-sidebar .hint{padding:var(--space-3);color:var(--color-text-muted);font-size:.875rem;text-align:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media (max-width: 1200px){.direct-messages-content{grid-template-columns:260px minmax(0,1fr) 280px}}@media (max-width: 960px){.direct-messages-dialog{max-height:100vh;border-radius:0}.direct-messages-content{grid-template-columns:minmax(0,1fr)}.direct-messages-sidebar,.direct-messages-meta{display:none}.direct-messages-thread__messages{max-height:55vh}}@media (max-width: 1100px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-chat{grid-column:span 2}}@media (max-width: 800px){.profile-dialog{width:min(98vw,720px)}.profile-section{flex-direction:column}.profile-avatar-preview{flex-direction:column;align-items:flex-start}.profile-grid{grid-template-columns:1fr}.profile-chat{grid-column:span 1}.profile-requests{grid-template-columns:1fr}}.error-boundary{display:grid;place-items:center;min-height:100vh;padding:var(--space-5);background:var(--color-bg)}.error-boundary__content{max-width:600px;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center}.error-boundary__content h2{margin:0 0 var(--space-3) 0;color:var(--color-danger);font-size:1.5rem}.error-boundary__content p{margin:0 0 var(--space-4) 0;color:var(--color-text-muted)}.error-boundary__details{margin:var(--space-4) 0;text-align:left}.error-boundary__details summary{cursor:pointer;color:var(--color-text-muted);margin-bottom:var(--space-2)}.error-boundary__details pre{padding:var(--space-3);background:var(--color-surface-elevated);border-radius:var(--radius-sm);overflow-x:auto;font-size:.875rem;color:var(--color-text-muted)}.error-boundary__retry{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background var(--transition-fast)}.error-boundary__retry:hover{background:var(--color-primary-hover)}.error-boundary__retry:active{background:var(--color-primary-active)}.error-state{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;min-height:200px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);animation:error-state-fade-in .3s ease-out}@keyframes error-state-fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.error-state__dismiss{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1}.error-state__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:400px}.error-state__icon{color:var(--color-muted);display:flex;align-items:center;justify-content:center}.error-state--error .error-state__icon{color:var(--color-danger)}.error-state--warning .error-state__icon{color:var(--color-warning, #eab308)}.error-state--info .error-state__icon{color:var(--color-primary)}.error-state__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.error-state--error .error-state__title{color:var(--color-danger)}.error-state--warning .error-state__title{color:var(--color-warning, #eab308)}.error-state__message{margin:0;font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.error-state__action{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.9rem;transition:background var(--transition-fast),transform var(--transition-fast);margin-top:var(--space-2)}.error-state__action:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.error-state__action:active{background:var(--color-primary-active);transform:translateY(0)}.error-state--warning .error-state__action{background:var(--color-warning, #eab308);color:var(--color-text)}.error-state--warning .error-state__action:hover{background:color-mix(in srgb,var(--color-warning, #eab308) 90%,black)}.error-state--info .error-state__action{background:var(--color-primary)}.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--color-warning);color:var(--color-bg);padding:var(--space-2) var(--space-4);box-shadow:0 2px 8px #0003}.offline-indicator__content{display:flex;align-items:center;justify-content:center;gap:var(--space-2);max-width:1200px;margin:0 auto}.offline-indicator__icon{font-size:1.25rem}.offline-indicator__message{font-weight:500;font-size:.875rem}.role-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1.2;border-radius:.375rem;border:1px solid;color:var(--role-color, var(--color-text));background-color:color-mix(in srgb,var(--role-color, var(--color-primary)) 15%,transparent);border-color:color-mix(in srgb,var(--role-color, var(--color-primary)) 40%,transparent);transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.role-badge:hover{opacity:.9;transform:translateY(-.5px)}.role-badge--sm{padding:.125rem .375rem;font-size:.6875rem;border-radius:.25rem}.role-badge--lg{padding:.375rem .625rem;font-size:.8125rem;border-radius:.5rem}.message__author-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.message__roles{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.message__roles .role-badge{font-size:.6875rem;padding:.125rem .375rem}.presence-name-row{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;min-width:0}.presence-roles{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;flex-shrink:0}.presence-roles .role-badge{font-size:.6875rem;padding:.125rem .375rem}.role-color-picker{display:flex;flex-direction:column;gap:var(--space-2)}.role-color-picker__label{display:block;margin-bottom:var(--space-2);font-weight:500;font-size:.875rem;color:var(--color-text)}.role-color-picker__container{display:flex;flex-direction:column;gap:var(--space-3)}.role-color-picker__palette{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.role-color-picker__swatch{width:2rem;height:2rem;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.role-color-picker__swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.role-color-picker__swatch--selected{border-color:var(--color-primary);border-width:3px;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.role-color-picker__inputs{display:flex;gap:var(--space-2);align-items:center}.role-color-picker__color-input{width:3rem;height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:none}.role-color-picker__color-input::-webkit-color-swatch-wrapper{padding:0}.role-color-picker__color-input::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.role-color-picker__hex-input{width:5rem;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:monospace;font-size:.875rem;text-transform:uppercase}.role-color-picker__hex-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.role-color-picker__preview{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.role-color-picker__preview-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid;color:var(--role-color, var(--color-text));background-color:color-mix(in srgb,var(--role-color, var(--color-primary)) 15%,transparent);border-color:color-mix(in srgb,var(--role-color, var(--color-primary)) 40%,transparent)}.permission-editor{display:flex;flex-direction:column;gap:var(--space-2)}.permission-editor__label{display:block;margin-bottom:var(--space-2);font-weight:500;font-size:.875rem;color:var(--color-text)}.permission-editor__list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.permission-editor__item{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.permission-editor__item:hover{background-color:var(--color-surface-hover)}.permission-editor__checkbox{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--color-primary)}.permission-editor__label-text{font-size:.875rem;color:var(--color-text);user-select:none}.permission-editor__hint{margin-top:var(--space-2);padding:var(--space-2);font-size:.8125rem;color:var(--color-text-muted);font-style:italic;background:var(--color-surface-secondary);border-radius:var(--radius-sm)}.channel-settings-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);margin:0 calc(-1 * var(--space-6)) var(--space-6);padding:0 var(--space-6);overflow-x:auto;scrollbar-width:none}.channel-settings-tabs::-webkit-scrollbar{display:none}.channel-settings-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap;position:relative}.channel-settings-tab:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-hover) 30%,transparent)}.channel-settings-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary-soft) 20%,transparent)}.channel-settings-content{display:flex;flex-direction:column;gap:var(--space-6)}.channel-settings-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 var(--space-1);font-size:.75rem;font-weight:600;background:color-mix(in srgb,var(--color-surface-secondary) 80%,transparent);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-smooth)}.channel-settings-tab.is-active .channel-settings-tab__badge{background:var(--color-primary-soft);color:var(--color-primary)}.room-overview{display:flex;flex-direction:column;gap:var(--space-6)}.room-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface) 60%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);border-radius:var(--radius-lg)}.room-info__item{display:flex;flex-direction:column;gap:var(--space-2)}.room-info__item label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.room-info__value{font-size:.95rem;color:var(--color-text);font-weight:500}.room-info__link{display:flex;align-items:center;gap:var(--space-2)}.room-info__link code{flex:1;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:var(--radius-md);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;font-size:.85rem;word-break:break-all;color:var(--color-text);transition:all var(--transition-smooth)}.room-info__link code:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);background:color-mix(in srgb,var(--color-primary-soft) 10%,transparent)}.room-info__empty{color:var(--color-text-muted);font-style:italic;font-size:.9rem}.room-members{display:flex;flex-direction:column;gap:var(--space-3)}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.member-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 50%,transparent);transition:all var(--transition-smooth)}.member-item:hover{border-color:color-mix(in srgb,var(--color-border) 60%,transparent);background:color-mix(in srgb,var(--color-surface-hover) 30%,transparent);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--color-border) 15%,transparent)}.member-item__info{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.member-item__avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;border:2px solid color-mix(in srgb,var(--color-border) 30%,transparent);transition:all var(--transition-smooth)}.member-item:hover .member-item__avatar{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);transform:scale(1.05)}.member-item__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-soft),color-mix(in srgb,var(--color-primary) 30%,transparent));color:var(--color-primary);font-weight:600;font-size:1rem}.member-item__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);color:var(--color-text-muted);font-weight:600;font-size:.875rem}.member-item__name{margin:0;font-weight:600;font-size:.95rem;color:var(--color-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-item__login{margin:var(--space-1) 0 0;font-size:.8rem;color:var(--color-text-muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-item__actions{display:flex;align-items:center;gap:var(--space-2)}.member-role-select{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-elevated) 90%,transparent);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-smooth);min-width:120px}.member-role-select:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);background:color-mix(in srgb,var(--color-primary-soft) 10%,transparent)}.member-role-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.member-role-badge{padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-surface-secondary) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-muted);text-transform:capitalize}.room-invitations{display:flex;flex-direction:column;gap:var(--space-4)}.invite-success-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4);text-align:center}.invite-success-icon{color:var(--color-success);display:flex;align-items:center;justify-content:center}.invite-success-info{display:flex;flex-direction:column;gap:var(--space-2);max-width:400px}.invite-success-room-name{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.invite-success-description{margin:0;color:var(--color-text-muted);font-size:.95rem}.invite-success-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.channel-settings-content .field{display:flex;flex-direction:column;gap:var(--space-2)}.channel-settings-content .field label{font-weight:500;font-size:.875rem;color:var(--color-text)}.channel-settings-content .field input[type=number],.channel-settings-content .field textarea{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-family:inherit}.channel-settings-content .field textarea{resize:vertical;min-height:4rem}.channel-settings-content .field-hint{font-size:.8125rem;color:var(--color-text-muted)}.channel-settings-content .field input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--color-primary);cursor:pointer}.channel-indicator{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-text-muted) 20%,transparent);color:var(--color-text-muted);line-height:1.2}.channel-indicator--lock{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary)}.channel-indicator--archive{background:color-mix(in srgb,var(--color-text-muted) 30%,transparent);color:var(--color-text-muted);font-style:italic}.forum-post-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.forum-post-list__header{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.forum-post-list__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.forum-post-list__filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.forum-post-list__sort{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.875rem;cursor:pointer}.forum-post-list__filter-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--color-text-muted);cursor:pointer}.forum-post-list__create-button{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.forum-post-list__create-button:hover{background:var(--color-primary-hover)}.forum-post-list__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.forum-post-list__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.forum-post-list__tag:hover{background:var(--color-surface-hover);border-color:var(--tag-color, var(--color-primary))}.forum-post-list__tag--selected{background:color-mix(in srgb,var(--tag-color, var(--color-primary)) 20%,transparent);border-color:var(--tag-color, var(--color-primary));color:var(--tag-color, var(--color-primary))}.forum-post-list__tag-emoji{font-size:.875rem}.forum-post-list__content{flex:1;overflow-y:auto;padding:var(--space-4)}.forum-post-list__posts{display:flex;flex-direction:column;gap:var(--space-3)}.forum-post-list__empty{text-align:center;padding:var(--space-6);color:var(--color-text-muted)}.forum-post-list__load-more{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast)}.forum-post-list__load-more:hover:not(:disabled){background:var(--color-surface-hover)}.forum-post-list__load-more:disabled{opacity:.5;cursor:not-allowed}.forum-post-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.forum-post-card:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.forum-post-card--pinned{border-left:3px solid var(--color-primary)}.forum-post-card--archived{opacity:.7}.forum-post-card--locked{border-color:var(--color-warning)}.forum-post-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.forum-post-card__title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0;flex:1}.forum-post-card__badges{display:flex;gap:var(--space-1)}.forum-post-card__badge{font-size:.875rem;opacity:.8}.forum-post-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.forum-post-card__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--tag-color, #99AAB5) 20%,transparent);color:var(--tag-color, #99AAB5);font-size:.75rem;font-weight:500}.forum-post-card__tag-emoji{font-size:.875rem}.forum-post-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:.8125rem;color:var(--color-text-muted)}.forum-post-card__stats{display:flex;gap:var(--space-3)}.forum-post-card__stat{display:flex;align-items:center;gap:var(--space-1)}.forum-post-card__date{font-size:.8125rem;color:var(--color-text-muted)}.forum-post-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.forum-post-view__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.forum-post-view__back-button{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.forum-post-view__back-button:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.forum-post-view__actions{display:flex;gap:var(--space-2)}.forum-post-view__action{padding:var(--space-2);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.forum-post-view__action:hover{background:var(--color-surface-hover);color:var(--color-text)}.forum-post-view__action--danger:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.forum-post-view__content{flex:1;overflow-y:auto;padding:var(--space-4)}.forum-post-view__post-header{margin-bottom:var(--space-4)}.forum-post-view__title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-2) 0}.forum-post-view__badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.forum-post-view__badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.forum-post-view__badge--pin{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary)}.forum-post-view__badge--lock{background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning)}.forum-post-view__badge--archive{background:color-mix(in srgb,var(--color-text-muted) 20%,transparent);color:var(--color-text-muted)}.forum-post-view__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.forum-post-view__tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:.8125rem;font-weight:500}.forum-post-view__meta{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-4)}.forum-post-view__author{font-weight:500;color:var(--color-text)}.forum-post-view__date,.forum-post-view__replies{color:var(--color-text-muted)}.forum-post-view__message{margin-top:var(--space-4)}.forum-post-view__reply{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface)}.forum-post-view__locked-notice{padding:var(--space-4);border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-warning) 12%,transparent);border-left:3px solid var(--color-warning)}.forum-post-view__locked-notice p{margin:0;color:var(--color-text);font-size:.9rem;font-weight:500}.create-forum-post-dialog__form{display:flex;flex-direction:column;gap:var(--space-4)}.create-forum-post-dialog__field{display:flex;flex-direction:column;gap:var(--space-2)}.create-forum-post-dialog__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.create-forum-post-dialog__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.create-forum-post-dialog__tag:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--tag-color, var(--color-primary))}.create-forum-post-dialog__tag--selected{background:color-mix(in srgb,var(--tag-color, var(--color-primary)) 20%,transparent);border-color:var(--tag-color, var(--color-primary));color:var(--tag-color, var(--color-primary))}.create-forum-post-dialog__tag--disabled{opacity:.5;cursor:not-allowed}.create-forum-post-dialog__tag-emoji{font-size:.875rem}.create-forum-post-dialog__tag-name{font-weight:500}.channel-type-selector{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.channel-type-option{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border:2px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-surface) 98%,transparent);color:var(--color-text);cursor:pointer;transition:all var(--transition-medium);text-align:left;position:relative;overflow:hidden;width:100%}.channel-type-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-medium)}.channel-type-option:hover{background:color-mix(in srgb,var(--color-surface-elevated) 100%,transparent);border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary) 15%,transparent),0 0 0 1px color-mix(in srgb,var(--color-primary) 25%,transparent);transform:translateY(-1px)}.channel-type-option:hover:before{opacity:1}.channel-type-option--selected{background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 25%,transparent),0 0 0 2px color-mix(in srgb,var(--color-primary) 35%,transparent);transform:translateY(0)}.channel-type-option--selected:before{opacity:1;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent) 0%,transparent 100%)}.channel-type-option__icon{font-size:2.5rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));transition:transform var(--transition-medium);width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-surface) 60%,transparent);border-radius:var(--radius-lg)}.channel-type-option:hover .channel-type-option__icon{transform:scale(1.05);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.channel-type-option--selected .channel-type-option__icon{transform:scale(1.08);background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.channel-type-option__content{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0;padding:var(--space-1) 0}.channel-type-option__label{font-weight:600;font-size:1.0625rem;color:var(--color-text);line-height:1.4;margin-bottom:var(--space-1)}.channel-type-option__description{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6}.event-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.event-list__header{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.event-list__title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3)}.event-list__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.event-list__filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.event-list__filter-button{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.event-list__filter-button:hover{background:var(--color-surface-hover)}.event-list__filter-button--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.event-list__create-button{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background var(--transition-fast)}.event-list__create-button:hover{background:var(--color-primary-hover)}.event-list__content{flex:1;overflow-y:auto;padding:var(--space-4)}.event-list__events{display:flex;flex-direction:column;gap:var(--space-3)}.event-list__empty{text-align:center;padding:var(--space-6);color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.event-list__load-more{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);transition:background var(--transition-fast)}.event-list__load-more:hover:not(:disabled){background:var(--color-surface-hover)}.event-list__load-more:disabled{opacity:.5;cursor:not-allowed}.event-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.event-card:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-soft)}.event-card--ongoing{border-left:4px solid var(--color-success)}.event-card--completed{opacity:.7}.event-card--cancelled{opacity:.6;text-decoration:line-through}.event-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.event-card__title{font-size:1.125rem;font-weight:600;color:var(--color-text)}.event-card__status{font-size:.75rem;font-weight:500;text-transform:uppercase}.event-card__description{margin-bottom:var(--space-3);color:var(--color-text-secondary);line-height:1.5}.event-card__meta{display:flex;flex-direction:column;gap:var(--space-2);font-size:.875rem;color:var(--color-text-muted)}.event-card__time,.event-card__location,.event-card__participants{display:flex;align-items:center;gap:var(--space-2)}.event-card__rsvp{margin-top:var(--space-2);padding:var(--space-2);background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-primary)}.event-detail{display:flex;flex-direction:column;height:100%;overflow:hidden}.event-detail__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.event-detail__back-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.event-detail__back-button:hover{background:var(--color-surface-hover)}.event-detail__actions{display:flex;gap:var(--space-2)}.event-detail__action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.event-detail__action:hover{background:var(--color-surface-hover)}.event-detail__action--danger{color:var(--color-danger);border-color:var(--color-danger)}.event-detail__action--danger:hover{background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.event-detail__content{flex:1;overflow-y:auto;padding:var(--space-4)}.event-detail__main{max-width:800px;margin:0 auto}.event-detail__title-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.event-detail__title{font-size:1.75rem;font-weight:700;color:var(--color-text)}.event-detail__status{font-size:.875rem;font-weight:500;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,currentColor 15%,transparent)}.event-detail__description{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:1.6}.event-detail__info{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md)}.event-detail__info-item{display:flex;align-items:flex-start;gap:var(--space-3)}.event-detail__info-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-1)}.event-detail__external-link{color:var(--color-primary);text-decoration:none}.event-detail__external-link:hover{text-decoration:underline}.event-detail__rsvp{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md)}.event-detail__rsvp-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-3)}.event-detail__rsvp-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.event-detail__rsvp-button{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.event-detail__rsvp-button:hover{background:var(--color-surface-hover)}.event-detail__rsvp-button--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.event-detail__rsvp-button--remove{color:var(--color-danger);border-color:var(--color-danger)}.event-detail__rsvp-button--remove:hover{background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.event-detail__participants{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md)}.event-detail__participants-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-3)}.event-detail__participants-list{display:flex;flex-direction:column;gap:var(--space-4)}.event-detail__participants-group{display:flex;flex-direction:column;gap:var(--space-2)}.event-detail__participants-group-title{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.event-detail__participants-names{display:flex;flex-wrap:wrap;gap:var(--space-2)}.event-detail__participant{padding:var(--space-1) var(--space-2);background:var(--color-surface-elevated);border-radius:var(--radius-sm);font-size:.875rem}.event-detail__no-participants{color:var(--color-text-muted);font-style:italic}.create-event-dialog__form{display:flex;flex-direction:column;gap:var(--space-4)}.create-event-dialog__field{display:flex;flex-direction:column;gap:var(--space-2)}.create-event-dialog__error{padding:var(--space-3);background:color-mix(in srgb,var(--color-danger) 15%,transparent);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.875rem}.create-event-dialog__reminders{display:flex;flex-wrap:wrap;gap:var(--space-2)}.create-event-dialog__reminder{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.create-event-dialog__reminder:hover{background:var(--color-surface-hover)}.create-event-dialog__reminder--selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.edit-event-dialog__form{display:flex;flex-direction:column;gap:var(--space-4)}.edit-event-dialog__field{display:flex;flex-direction:column;gap:var(--space-2)}.edit-event-dialog__error{padding:var(--space-3);background:color-mix(in srgb,var(--color-danger) 15%,transparent);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.875rem}.edit-event-dialog__loading{text-align:center;padding:var(--space-4);color:var(--color-text-muted)}.edit-event-dialog__select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.edit-event-dialog__select:hover{background:var(--color-surface-hover)}.edit-event-dialog__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.event-calendar{display:flex;flex-direction:column;height:100%;overflow:hidden}.event-calendar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.event-calendar__navigation{display:flex;align-items:center;gap:var(--space-3)}.event-calendar__nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.event-calendar__nav-button:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.event-calendar__month-title{font-size:1.125rem;font-weight:600;color:var(--color-text);min-width:200px;text-align:center}.event-calendar__today-button{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:.875rem;transition:all var(--transition-fast)}.event-calendar__today-button:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.event-calendar__grid{flex:1;display:flex;flex-direction:column;overflow:hidden}.event-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated)}.event-calendar__weekday{padding:var(--space-2);text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.event-calendar__days{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;overflow-y:auto;gap:1px;background:var(--color-border)}.event-calendar__day{min-height:100px;padding:var(--space-2);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-1);position:relative}.event-calendar__day:hover{background:var(--color-surface-hover)}.event-calendar__day--other-month{background:var(--color-surface-elevated);opacity:.5}.event-calendar__day--today{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border:2px solid var(--color-primary)}.event-calendar__day--has-events{border-left:3px solid var(--color-primary)}.event-calendar__day-number{font-size:.875rem;font-weight:500;color:var(--color-text)}.event-calendar__day--today .event-calendar__day-number{font-weight:700;color:var(--color-primary)}.event-calendar__day-events{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-1);flex:1;overflow:hidden}.event-calendar__day-event{padding:2px var(--space-1);background:var(--color-primary);color:#fff;border-radius:2px;font-size:.7rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.event-calendar__day-event:hover{opacity:.8;transform:scale(1.02)}.event-calendar__day-event--ongoing{background:var(--color-success)}.event-calendar__day-event--completed{background:var(--color-text-muted);opacity:.7}.event-calendar__day-event--cancelled{background:var(--color-danger);opacity:.7;text-decoration:line-through}.event-calendar__day-event-more{padding:2px var(--space-1);color:var(--color-text-muted);font-size:.7rem;font-weight:500}.event-calendar__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted);gap:var(--space-3)}.event-list__view-toggle{display:flex;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px;background:var(--color-surface)}.event-list__view-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.event-list__view-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.event-list__view-button--active{background:var(--color-primary);color:#fff}.dialog__close{background:transparent;border:none;color:var(--color-text-muted);border-radius:var(--radius-sm);padding:var(--space-2);line-height:0;transition:color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);cursor:pointer}.dialog__close:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-hover) 90%,transparent)}.dialog__close:active{transform:scale(.96)}@media (width: 1920px) and (height: 1080px){html{font-size:12.8px}:root{--shadow-soft: 0 8px 22.4px rgba(2, 4, 10, .35);--focus-ring: 0 0 0 1.6px rgba(91, 110, 245, .45);--surface-glass-blur: 9.6px;--focus-ring: 0 0 0 2.4px rgba(255, 255, 255, .95);--surface-glass-blur: 8px;--space-1: .2rem;--space-2: .4rem;--space-3: .6rem;--space-4: .8rem;--space-5: 1.2rem;--space-6: 1.6rem;--radius-sm: .4rem;--radius-md: .6rem;--radius-lg: .8rem;--app-shell-gutter: clamp(.8rem, 1.6vw, 1.2rem);--app-shell-gutter-compact: clamp(.6rem, 1.6vw, .8rem)}.loading-indicator{width:6.4px;height:6.4px}.loading-indicator,.status-badge{border-radius:799.2px}.status-badge{border:1.6px solid transparent}.focus-visible-within:focus-visible,input:focus-visible,textarea:focus-visible{outline:1.6px solid var(--focus-outline);outline-offset:2.4px}.toast{outline:1.6px solid var(--focus-outline);outline-offset:1.6px}.tooltip[data-side=top][data-state=delayed-open]{top:-80px}.message-header__controls{max-width:min(416px,100%)}.user-avatar,.workspace-avatar,.status-dot{width:9.6px;height:9.6px}.presence-avatar__border{box-shadow:0 0 0 3.2px color-mix(in srgb,currentColor 0%,transparent)}.presence-avatar__border--active{box-shadow:0 0 0 4.8px color-mix(in srgb,currentColor 0%,transparent)}.workspace-status-indicator{border:.8px solid var(--workspace-status-border)}.app-shell__border,.modal-overlay__border{border:.8px solid var(--app-shell-border);border-radius:799.2px}.modal-overlay__border{border-right:.8px solid var(--app-shell-border)}.app-shell__glow,.modal-overlay__glow{width:240px;height:240px;transform:translateY(-.8px);box-shadow:0 3.2px 9.6px color-mix(in srgb,var(--color-primary) 30%,transparent)}.app-shell__glow--focus,.modal-overlay__glow--focus{box-shadow:0 1.6px 4.8px color-mix(in srgb,var(--color-primary) 20%,transparent)}.connection-status__indicator{border:.8px solid color-mix(in srgb,var(--color-border) 75%,transparent)}.connection-status__indicator--active{transform:translateY(-.8px)}.chat-avatar,.message-avatar{border-radius:799.2px;border:1.6px solid color-mix(in srgb,var(--color-text-muted) 50%,transparent)}}@media (max-width: 960px){button,.button-with-icon,.voice-control-button,.voice-call-bar__leave{min-height:44px;min-width:44px}.message-input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.message-input__controls{gap:var(--space-2)}.message-input__controls button{min-width:44px;min-height:44px;padding:var(--space-2)}.message-input textarea{min-height:44px;font-size:16px}.message-input__emoji-grid{grid-template-columns:repeat(5,2.5rem);gap:var(--space-2);padding:var(--space-3)}.message-input__emoji-grid button{width:2.5rem;height:2.5rem;font-size:1.5rem}.message-input__mentions{min-width:260px;max-width:calc(100vw - var(--space-6))}.message-input__attachment{padding:var(--space-2)}.voice-participant{padding:var(--space-2) var(--space-3);min-height:60px}.voice-participant__content{gap:var(--space-2)}.voice-participant__details{gap:var(--space-1)}.voice-participant__volume-bar{margin-top:var(--space-1)}.voice-participant__menu-trigger{min-width:44px;min-height:44px;padding:var(--space-2)}.voice-call-bar{padding:var(--space-3);gap:var(--space-3);flex-direction:column;align-items:stretch}.voice-call-bar__controls{width:100%;justify-content:center;gap:var(--space-2)}.voice-call-bar__leave{width:100%;padding:var(--space-3);font-size:.9rem}.voice-control-button{width:48px;height:48px;flex-shrink:0}.voice-channel-card{min-height:60px;padding:var(--space-3)}.voice-channel-card__icon{width:3rem;height:3rem}.chat-view{gap:var(--space-2)}.chat-view__header{padding:var(--space-3);gap:var(--space-2)}.chat-view__header h2{font-size:1.1rem}.presence-list{gap:var(--space-2)}.presence-item{padding:var(--space-2) var(--space-3);min-height:48px}.server-card,.channel-item{min-height:48px;padding:var(--space-2) var(--space-3)}.modal-dialog{width:min(98vw,100%);max-height:95vh;margin:var(--space-2);border-radius:var(--radius-lg)}.modal-header{padding:var(--space-3) var(--space-4)}.modal-content{padding:var(--space-3) var(--space-4);max-height:calc(95vh - 120px)}.modal-footer{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-wrap:wrap}.modal-footer button{flex:1;min-width:120px}}@media (max-width: 720px){.message-input{padding:var(--space-2)}.message-input__controls button{min-width:40px;min-height:40px}.voice-participant{padding:var(--space-2);min-height:56px}.voice-call-bar__controls{gap:var(--space-1)}.voice-control-button{width:44px;height:44px}.chat-view__header{padding:var(--space-2) var(--space-3)}.chat-view__header h2{font-size:1rem}}@media (max-width: 480px){.message-input{padding:var(--space-2);border-radius:var(--radius-sm)}.message-input__controls{gap:var(--space-1)}.message-input__controls button{min-width:36px;min-height:36px;padding:var(--space-1)}.message-input textarea{min-height:40px;font-size:16px}.message-input__emoji-grid{grid-template-columns:repeat(4,2.5rem)}.voice-participant{padding:var(--space-1) var(--space-2);min-height:52px}.voice-participant__details{gap:.25rem}.voice-call-bar{padding:var(--space-2)}.voice-call-bar__controls{gap:var(--space-1)}.voice-control-button{width:40px;height:40px}.voice-call-bar__leave{padding:var(--space-2);font-size:.85rem}.voice-channel-card{min-height:56px;padding:var(--space-2)}.voice-channel-card__icon{width:2.5rem;height:2.5rem}.chat-view__header{padding:var(--space-2)}.chat-view__header h2{font-size:.95rem}.modal-dialog{width:100vw;max-height:100vh;margin:0;border-radius:0}.modal-header{padding:var(--space-3)}.modal-content{padding:var(--space-3);max-height:calc(100vh - 100px)}.modal-footer{padding:var(--space-2) var(--space-3)}.modal-footer button{min-width:100px}}@supports (padding: max(0px)){@media (max-width: 960px){.appShell{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.header{padding-top:max(var(--space-2),env(safe-area-inset-top))}.main{padding-bottom:max(var(--app-shell-gutter-compact),env(safe-area-inset-bottom))}.message-input{padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}}}@media (max-width: 960px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}input,textarea,select{font-size:16px!important}}@media (max-width: 960px){*{-webkit-overflow-scrolling:touch}.message-list,.presence-list,.voice-section__body,.voice-participants-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}