:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c11;--bg-elevated:#0f1218;--surface:#13161e;--surface-2:#181c26;--surface-3:#1f2431;--surface-hover:#ffffff0a;--surface-active:#ffffff12;--border:#242a36;--border-strong:#333b4b;--border-subtle:#ffffff0f;--text:#e9ebf1;--text-secondary:#a6aebe;--text-muted:#6d7686;--text-inverse:#0a0c11;--primary:#5b6cf9;--primary-hover:#6f7dfb;--primary-active:#4c5cf0;--primary-soft:#5b6cf924;--primary-soft-hover:#5b6cf938;--primary-ring:#5b6cf973;--on-primary:#fff;--accent:#2dd4bf;--accent-soft:#2dd4bf24;--success:#34d399;--success-soft:#34d39924;--warning:#fbbf24;--warning-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717121;--danger-border:#f8717173;--seen:#38bdf8;--font-sans:"Inter", "Vazirmatn", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", monospace;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "Android Emoji", "EmojiSymbols", "Segoe UI Symbol", sans-serif;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-wide:.04em;--tracking-wider:.08em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-xs:4px;--radius-sm:6px;--radius:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 2px 8px #00000052;--shadow-3:0 8px 24px -4px #00000073;--shadow-4:0 24px 56px -12px #0009;--dur-fast:.11s;--dur:.18s;--dur-slow:.26s;--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--rail-width:300px;--header-height:56px;--message-max:62ch;font-family:var(--font-sans);font-synthesis-weight:none;text-rendering:optimizelegibility;font-size:16px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f9;--bg-elevated:#fff;--surface:#fff;--surface-2:#f7f9fb;--surface-3:#eef1f6;--surface-hover:#0f172a0a;--surface-active:#0f172a12;--border:#e2e7ef;--border-strong:#cbd3e1;--border-subtle:#0f172a12;--text:#101521;--text-secondary:#4d5768;--text-muted:#77839a;--text-inverse:#fff;--primary:#4f5ee8;--primary-hover:#4353dd;--primary-active:#3a48cc;--primary-soft:#4f5ee81a;--primary-soft-hover:#4f5ee829;--accent:#0d9488;--accent-soft:#0d94881f;--success:#059669;--success-soft:#0596691f;--warning:#b45309;--warning-soft:#b453091f;--danger:#dc2626;--danger-soft:#dc262617;--danger-border:#dc262666;--seen:#0284c7;--shadow-1:0 1px 2px #0f172a0f;--shadow-2:0 2px 8px #0f172a14;--shadow-3:0 8px 24px -4px #0f172a1f;--shadow-4:0 24px 56px -12px #0f172a2e}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.011em;margin:0}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{margin:0}a{color:var(--primary);transition:color var(--dur-fast) var(--ease);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--primary-soft-hover)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box;border:3px solid #0000}.muted{color:var(--text-secondary)}.small{font-size:var(--text-sm)}.overline{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.centered{text-align:center;place-content:center;gap:var(--space-2);min-height:100vh;display:grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:none}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--success-soft)}70%{box-shadow:0 0 0 5px #0000}to{box-shadow:0 0 #0000}}.link-button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.link-button:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-sm);height:36px;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-1)}.btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-2)}.btn--primary:active:not(:disabled){background:var(--primary-active)}.btn--secondary{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn--danger{border-color:var(--danger-border);color:var(--danger);background:0 0}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.btn--sm{height:28px;padding:0 var(--space-3);font-size:var(--text-xs);gap:var(--space-1)}.btn--lg{height:42px;padding:0 var(--space-5);font-size:var(--text-base)}.btn--block{width:100%;display:flex}.btn--icon{width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-sm);flex:none;padding:0}.btn--icon:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn--icon.btn--sm{width:28px;height:28px}.btn--icon.btn--lg{width:40px;height:40px}.btn--round{border-radius:var(--radius-full)}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.6s linear infinite spin}.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field label,.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input,.field input,.field select{width:100%;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);height:38px;color:var(--text);font:inherit;font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease)}.input::placeholder,.field input::placeholder{color:var(--text-muted)}.input:hover,.field input:hover{border-color:var(--border-strong)}.input:focus,.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.field input[aria-invalid=true]{border-color:var(--danger)}.field input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-soft)}.field-hint{font-size:var(--text-xs);color:var(--text-muted)}.field-error{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--danger);display:flex}.input-group{align-items:center;display:flex;position:relative}.input-group>svg{left:var(--space-3);color:var(--text-muted);pointer-events:none;transition:color var(--dur-fast) var(--ease);position:absolute}.input-group>.input{padding-left:calc(var(--space-3) * 2 + 16px)}.input-group:focus-within>svg{color:var(--primary)}.input-group .input-clear{right:var(--space-1);position:absolute}input[type=search]::-webkit-search-decoration{appearance:none}input[type=search]::-webkit-search-cancel-button{appearance:none}.form-banner{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--danger-border);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--text);font-size:var(--text-sm);animation:rise-in var(--dur) var(--ease-out);display:flex}.form-banner svg{color:var(--danger);flex:none;margin-top:1px}.avatar{width:var(--avatar-size,36px);height:var(--avatar-size,36px);border-radius:var(--radius-full);background:linear-gradient(140deg, hsl(var(--avatar-hue,240) 62% 58%), hsl(calc(var(--avatar-hue,240) + 32) 64% 46%));color:#fff;font-size:var(--avatar-font,var(--text-sm));font-weight:var(--weight-semibold);letter-spacing:.01em;-webkit-user-select:none;user-select:none;flex:none;place-items:center;line-height:1;display:inline-grid;position:relative}.avatar--sm{--avatar-size:28px;--avatar-font:var(--text-2xs)}.avatar--lg{--avatar-size:44px;--avatar-font:var(--text-md)}.avatar--group{background:linear-gradient(140deg, var(--surface-3), var(--surface-2));color:var(--text-secondary);border:1px solid var(--border)}.avatar-presence{border:2px solid var(--surface);background:var(--text-muted);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.avatar-presence--online{background:var(--success)}.avatar-presence--away{background:var(--warning)}.avatar-presence--offline{background:var(--text-muted)}.avatar-presence--unknown{box-shadow:inset 0 0 0 2px var(--text-muted);background:0 0}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot--ok{background:var(--success)}.dot--bad{background:var(--danger)}.dot--pending{background:var(--warning)}.dot--unknown{box-shadow:inset 0 0 0 1.5px var(--text-muted);background:0 0}.badge{border-radius:var(--radius-full);background:var(--primary);min-width:20px;height:20px;color:var(--on-primary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;animation:pop-in var(--dur) var(--ease-out);justify-content:center;align-items:center;padding:0 6px;line-height:1;display:inline-flex}.tag{border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text-secondary);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;align-items:center;gap:3px;padding:2px 6px;display:inline-flex}.pill{align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);height:28px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;display:inline-flex}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}.skeleton--circle{border-radius:50%}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);text-align:center;max-width:34rem;animation:rise-in var(--dur-slow) var(--ease-out);flex-direction:column;margin:auto;display:flex}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(150deg, var(--surface-2), var(--surface));color:var(--primary);box-shadow:var(--shadow-2);place-items:center;display:grid}.empty-state h2{font-size:var(--text-lg)}.empty-state p{color:var(--text-secondary);font-size:var(--text-sm);max-width:30rem}.empty-state--compact{padding:var(--space-6) var(--space-4);gap:var(--space-2)}.empty-state--compact .empty-state-icon{border-radius:var(--radius-md);width:44px;height:44px}.empty-state--compact h2{font-size:var(--text-sm)}.empty-state--compact p{font-size:var(--text-xs)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-3)}.btn--danger-solid{background:var(--danger);border-color:var(--danger);color:var(--on-primary)}.btn--danger-solid:hover:not(:disabled){filter:brightness(1.08)}.btn--icon.btn--icon-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.password-rules{margin:calc(var(--space-2) * -1) 0 var(--space-4);font-size:var(--text-xs);color:var(--text-muted);flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.password-rule{align-items:center;gap:var(--space-1);display:flex}.password-rule--met{color:var(--success)}.avatar--saved{background:var(--primary-soft);color:var(--primary);border:1px solid var(--border)}.shell{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.shell-header{justify-content:space-between;align-items:center;gap:var(--space-4);height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);z-index:3;flex:none;display:flex}.shell-header-left,.shell-header-right{align-items:center;gap:var(--space-2);min-width:0;display:flex}.shell-header-right{gap:var(--space-3)}.brand{align-items:center;gap:var(--space-2);color:var(--text);font-weight:var(--weight-semibold);letter-spacing:-.015em;border-radius:var(--radius-sm);transition:opacity var(--dur-fast) var(--ease);text-decoration:none;display:inline-flex}.brand:hover{color:var(--text);opacity:.85;text-decoration:none}.brand-mark{color:var(--primary);flex:none}.brand-word{font-size:var(--text-md)}.brand-word em{font-style:normal;font-weight:var(--weight-normal);color:var(--text-secondary)}.connection{gap:var(--space-2)}.connection--connected{border-color:var(--success-soft);color:var(--text-secondary)}.connection--connected .dot{animation:pulse-ring 2.4s var(--ease) infinite}.connection--connecting{border-color:var(--warning-soft)}.connection--down{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.account{position:relative}.account-trigger{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-full);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;display:inline-flex}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--surface-hover);border-color:var(--border)}.account-name{max-width:10rem}.account-menu{top:calc(100% + var(--space-2));z-index:20;min-width:15rem;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-4);animation:pop-in var(--dur) var(--ease-out);transform-origin:100% 0;position:absolute;right:0}.account-menu-head{align-items:center;gap:var(--space-3);padding:var(--space-2);margin-bottom:var(--space-1);display:flex}.account-menu-identity{min-width:0}.account-menu-identity strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);display:block}.account-menu-identity span{font-size:var(--text-xs);color:var(--text-muted);display:block}.account-menu hr{margin:var(--space-1) 0;border:none;border-top:1px solid var(--border)}.menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);text-align:left;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;display:flex}.menu-item:hover{background:var(--surface-hover);color:var(--text)}.menu-item:disabled{opacity:.6;cursor:progress}.menu-state{padding-left:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.menu-state--on{color:var(--success);font-weight:var(--weight-medium)}.menu-note{align-items:flex-start;gap:var(--space-2);max-width:260px;padding:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);line-height:1.45;display:flex}.menu-note svg{flex:none;margin-top:1px}.bell{color:var(--text-muted)}.bell--on{color:var(--success)}.bell:disabled{opacity:.45}.notice{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);animation:rise-in var(--dur) var(--ease-out);flex:none;display:flex}.notice>svg{color:var(--primary);flex:none}.notice>span{flex:1;min-width:0}@media (width<=720px){.notice{flex-wrap:wrap}.notice>span{flex:1 0 100%}}.shell-body{grid-template-columns:var(--rail-width) 1fr;flex:1;min-height:0;display:grid}.shell-rail{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex}.shell-main{background:var(--bg);min-width:0;min-height:0;display:flex}.rail-toggle,.rail-scrim{display:none}@media (width<=900px){.shell-body{grid-template-columns:1fr}.rail-toggle{display:inline-flex}.shell-rail{top:var(--header-height);z-index:15;width:min(var(--rail-width), 86vw);box-shadow:var(--shadow-4);visibility:hidden;transition:transform var(--dur-slow) var(--ease-out), visibility var(--dur-slow) var(--ease-out);position:fixed;bottom:0;left:0;transform:translate(-100%)}.shell-rail--open{visibility:visible;transform:none}.rail-scrim{inset:var(--header-height) 0 0;z-index:14;animation:fade-in var(--dur) var(--ease);cursor:default;background:#00000080;border:none;display:block;position:fixed}}@media (width<=600px){.shell-header{padding:0 var(--space-3)}.account-name,.connection-label{display:none}.connection{padding:0 var(--space-2);justify-content:center;width:28px}}.notfound{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.rail-new{padding:var(--space-3) var(--space-3) 0;flex:none}.rail-top{gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border);flex-direction:column;flex:none;display:flex}.rail-scroll{min-height:0;padding:var(--space-3) var(--space-2) var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.rail-heading{align-items:center;gap:var(--space-2);margin:0 var(--space-2) var(--space-2);display:flex}.rail-heading .overline{flex:1}.rail-count{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-muted);font-variant-numeric:tabular-nums}.channel-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.channel-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--text);transition:background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);text-decoration:none;display:flex;position:relative}.channel-row:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.channel-row:active{transform:scale(.99)}.channel-row--active{background:var(--primary-soft)}.channel-row--active:hover{background:var(--primary-soft-hover)}.channel-row--active:before{content:"";border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--primary);width:3px;height:22px;animation:fade-in var(--dur) var(--ease);position:absolute;top:50%;left:0;transform:translateY(-50%)}.channel-row .avatar-presence{border-color:var(--surface)}.channel-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.channel-line{align-items:baseline;gap:var(--space-2);display:flex}.channel-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);flex:1;overflow:hidden}.channel-time{font-size:var(--text-2xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}.channel-preview{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;overflow:hidden}.channel-preview em{color:var(--text-secondary);font-style:normal}.channel-row--unread .channel-name{font-weight:var(--weight-semibold)}.channel-row--unread .channel-preview{color:var(--text-secondary)}.channel-row--unread .channel-time{color:var(--primary);font-weight:var(--weight-semibold)}.channel-trail{align-items:center;gap:var(--space-1);flex:none;display:flex}.channel-members{font-size:var(--text-2xs);color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.channel-sending{background:var(--warning);border-radius:50%;width:6px;height:6px}.channel-skeleton{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);display:flex}.channel-skeleton-body{flex-direction:column;flex:1;gap:6px;display:flex}.rail-error{align-items:flex-start;gap:var(--space-2);margin:0 var(--space-2);padding:var(--space-3);border:1px solid var(--danger-border);border-radius:var(--radius-sm);background:var(--danger-soft);flex-direction:column;display:flex}.channel-list--pinned{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.chat{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface);flex:none;display:flex}.chat-header-body{flex:1;min-width:0}.chat-header h1{font-size:var(--text-md);font-weight:var(--weight-semibold)}.chat-subtitle{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-top:1px;display:flex}.chat-subtitle .sep{opacity:.5}.transcript-wrap{flex:1;min-height:0;display:flex;position:relative}.transcript{min-height:0;padding:var(--space-5) var(--space-5) var(--space-4);overflow-anchor:none;flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden auto}.transcript-state{flex:1;min-height:0;display:flex;overflow-y:auto}.transcript-top{margin-bottom:var(--space-4);align-self:center}.transcript-start{margin-bottom:var(--space-5);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-2);font-size:var(--text-2xs);color:var(--text-muted);align-self:center}.day-separator{align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-4);color:var(--text-muted);display:flex}.day-separator:before,.day-separator:after{content:"";background:var(--border);flex:1;height:1px}.day-separator span{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}.msg{align-items:flex-end;gap:var(--space-3);max-width:100%;animation:rise-in var(--dur-slow) var(--ease-out);display:flex}.msg--grouped{margin-top:1px}.msg--first{margin-top:var(--space-4)}.msg--mine{flex-direction:row-reverse}.msg-gutter{flex:none;width:32px}.msg-body{min-width:0;max-width:min(var(--message-max), 100%);flex-direction:column;display:flex}.msg--mine .msg-body{align-items:flex-end}.msg-meta{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1);padding:0 var(--space-1);font-size:var(--text-2xs);color:var(--text-muted);display:flex}.msg-author{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.bubble{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-base);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:var(--shadow-1);transition:background-color var(--dur-fast) var(--ease);position:relative}.msg--first:not(.msg--mine) .bubble{border-bottom-left-radius:var(--radius-xs)}.msg--first.msg--mine .bubble{border-bottom-right-radius:var(--radius-xs)}.bubble--mine{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.bubble--pending{opacity:.6}.bubble--failed{background:var(--danger-soft);border-color:var(--danger-border);color:var(--text)}.bubble--file{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.bubble-file-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);color:var(--accent);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:flex}.msg-receipt{align-items:center;gap:var(--space-1);padding:0 var(--space-1);font-size:var(--text-2xs);color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:3px;display:flex}.msg-receipt--sent{color:var(--primary)}.msg-receipt--failed{color:var(--danger)}.msg-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.jump-latest{right:var(--space-5);bottom:var(--space-4);z-index:4;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-elevated);height:34px;color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-medium);box-shadow:var(--shadow-3);animation:pop-in var(--dur) var(--ease-out);transition:background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);display:inline-flex;position:absolute}.jump-latest:hover{background:var(--surface-2);transform:translateY(-1px)}.jump-latest--unread{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.jump-latest--unread:hover{background:var(--primary-hover)}.transcript-skeleton{justify-content:flex-end;gap:var(--space-4);padding:var(--space-5);flex-direction:column;flex:1;display:flex;overflow:hidden}.skeleton-msg{align-items:flex-end;gap:var(--space-3);display:flex}.skeleton-msg--mine{flex-direction:row-reverse}.composer{padding:var(--space-3) var(--space-5) var(--space-4);background:var(--bg);border-top:1px solid var(--border);flex:none}.composer-shell{align-items:flex-end;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);display:flex}.composer-shell:focus-within{border-color:var(--primary);box-shadow:var(--shadow-2), 0 0 0 3px var(--primary-ring)}.composer-shell--disabled{opacity:.7}.composer textarea{min-width:0;min-height:24px;max-height:168px;padding:6px var(--space-1);color:var(--text);font:inherit;font-size:var(--text-base);line-height:var(--leading-normal);resize:none;background:0 0;border:none;flex:1;overflow-y:auto}.composer textarea:focus{outline:none}.composer textarea::placeholder{color:var(--text-muted)}.composer-tools{flex:none;align-items:center;gap:2px;display:flex}.composer-send{flex:none;width:34px;height:34px}.composer-foot{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding:0 var(--space-2);min-height:16px;font-size:var(--text-2xs);color:var(--text-muted);display:flex}.composer-hint kbd{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-2);font-family:var(--font-mono);border-bottom-width:2px;padding:1px 5px;font-size:.9em}.composer .field-error{margin:0 var(--space-2) var(--space-2)}.emoji-popover{bottom:calc(100% + var(--space-2));z-index:20;width:min(320px, calc(100vw - 2 * var(--space-4)));padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-4);animation:pop-in var(--dur) var(--ease-out);transform-origin:100% 100%;flex-direction:column;display:flex;position:absolute;right:0}.emoji-glyph,.reaction-pick,.reaction-emoji{font-family:var(--font-emoji);font-variant-emoji:emoji;font-style:normal;font-weight:400}.emoji-tabs{padding-bottom:var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.emoji-tab{border-radius:var(--radius-sm);cursor:pointer;opacity:.6;background:0 0;border:none;place-items:center;height:30px;padding:0;font-size:17px;line-height:1;display:grid}.emoji-tab:hover,.emoji-tab--active{background:var(--surface-hover);opacity:1}.emoji-heading{margin:var(--space-2) var(--space-1) var(--space-1);color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.emoji-grid{overscroll-behavior:contain;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;max-height:232px;display:grid;overflow-y:auto}.emoji-grid button{border-radius:var(--radius-sm);cursor:pointer;min-width:0;height:34px;transition:background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;border:none;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.emoji-grid button:hover,.emoji-grid button:focus-visible{background:var(--surface-hover);transform:scale(1.15)}.popover-anchor{position:relative}.attach-popover{bottom:calc(100% + var(--space-2));z-index:20;width:258px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-4);animation:pop-in var(--dur) var(--ease-out);transform-origin:0 100%;position:absolute;left:0}.attach-popover h3{font-size:var(--text-sm);margin-bottom:var(--space-1)}.attach-popover .field{margin-bottom:var(--space-3)}.attach-note{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-2xs);color:var(--text-muted);line-height:1.5;display:flex}.attach-note svg{color:var(--accent);flex:none;margin-top:1px}@media (width<=700px){.chat-header,.transcript,.composer{padding-left:var(--space-3);padding-right:var(--space-3)}.jump-latest{right:var(--space-3)}.msg-body{max-width:88%}}.ticks{color:var(--text-muted);display:inline-flex}.ticks--seen{color:var(--seen)}.bubble-edited{font-size:var(--text-2xs);opacity:.7;white-space:nowrap;margin-inline-start:var(--space-2)}.bubble{text-align:start}.bubble:focus-visible{outline-offset:1px}.composer textarea{text-align:start}.composer-count{font-variant-numeric:tabular-nums;margin-inline-start:auto}.composer-count--over{color:var(--danger);font-weight:var(--weight-semibold)}.msg-body--editing{width:min(var(--message-max), 100%)}.msg-editor{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 0 0 3px var(--primary-ring);flex-direction:column;display:flex}.msg-editor textarea{width:100%;min-height:40px;color:var(--text);font:inherit;font-size:var(--text-base);line-height:var(--leading-relaxed);resize:none;text-align:start;background:0 0;border:none}.msg-editor textarea:focus{outline:none}.msg-editor-foot{align-items:center;gap:var(--space-2);display:flex}.msg-editor-count{font-size:var(--text-2xs);color:var(--text-muted);flex:1}.msg-editor-count--over{color:var(--danger)}.context-menu{z-index:50;min-width:11rem;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-4);animation:pop-in var(--dur-fast) var(--ease-out);position:fixed}.menu-item--danger{color:var(--danger)}.menu-item--danger:hover{background:var(--danger-soft);color:var(--danger)}.menu-item:focus-visible{background:var(--surface-active);color:var(--text);outline:none}.transcript-flash{top:var(--space-3);z-index:5;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-elevated);box-shadow:var(--shadow-3);font-size:var(--text-xs);animation:pop-in var(--dur) var(--ease-out);display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.transcript-flash--ok svg{color:var(--success)}.transcript-flash--error{color:var(--danger)}.confirm-quote{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--border-strong);background:var(--surface-2);border-radius:var(--radius-xs);color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;text-align:start;max-height:8rem;overflow:auto}.chat{position:relative}.drop-overlay{inset:var(--space-3);z-index:20;justify-content:center;align-items:center;gap:var(--space-2);border:2px dashed var(--primary);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg) 88%, transparent);color:var(--primary);text-align:center;pointer-events:none;animation:fade-in var(--dur-fast) var(--ease);flex-direction:column;display:flex;position:absolute}.drop-overlay strong{color:var(--text);font-size:var(--text-md)}.drop-overlay span{color:var(--text-muted);font-size:var(--text-sm)}.upload-tray{gap:var(--space-1);padding:var(--space-2) var(--space-5) 0;flex-direction:column;margin:0;list-style:none;display:flex}.upload{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);display:flex}.upload--failed{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.upload-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.upload-name{color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.upload-meta{font-size:var(--text-xs);color:var(--text-muted)}.upload-meta--error{color:var(--danger)}.upload-bar{border-radius:var(--radius-full);background:var(--surface-3);height:3px;overflow:hidden}.upload-bar span{background:var(--primary);height:100%;transition:width var(--dur) var(--ease);display:block}.file-card{align-items:center;gap:var(--space-3);white-space:normal;min-width:min(16rem,60vw);display:flex}.file-card-icon{border-radius:var(--radius);background:var(--accent);width:38px;height:38px;color:var(--text-inverse);flex:none;place-items:center;display:grid}.file-card-body{flex-direction:column;flex:1;min-width:0;display:flex}.file-card-name{font-weight:var(--weight-medium);overflow-wrap:anywhere}.file-card-meta{font-size:var(--text-xs);color:var(--text-muted)}.file-card-error{font-size:var(--text-xs);color:var(--danger)}.bubble-forwarded{align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);font-size:var(--text-xs);opacity:.8;font-style:italic;display:flex}.reply-quote{width:100%;min-width:0;margin-bottom:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-xs);background:color-mix(in srgb, currentColor 10%, transparent);color:inherit;font:inherit;text-align:start;white-space:normal;cursor:pointer;border:0;border-left:3px solid;flex-direction:column;display:flex}.msg:not(.msg--mine) .reply-quote{border-left-color:var(--primary)}.reply-quote-author{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.msg:not(.msg--mine) .reply-quote-author{color:var(--primary)}.reply-quote-text{font-size:var(--text-sm);opacity:.85}.msg--flash .bubble{animation:flash-bubble 1.2s var(--ease)}@keyframes flash-bubble{0%,40%{box-shadow:0 0 0 3px var(--primary-ring)}to{box-shadow:var(--shadow-1)}}.composer-reply{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border-left:3px solid var(--primary);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--primary);display:flex}.composer-reply-body{flex-direction:column;flex:1;min-width:0;display:flex}.composer-reply-author{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.composer-reply-text{color:var(--text-secondary);font-size:var(--text-sm)}.reaction-picker{margin-bottom:var(--space-1);padding:var(--space-1);border-bottom:1px solid var(--border);align-items:center;gap:2px;display:flex}.reaction-picker--open{grid-template-columns:repeat(8,1fr);max-width:19rem;display:grid}.reaction-pick{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:transform var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:0;place-items:center;font-size:1.15rem;line-height:1;display:grid}.reaction-pick:hover,.reaction-pick:focus-visible{background:var(--surface-hover);outline:none;transform:scale(1.18)}.reaction-pick--mine{background:var(--primary-soft)}.reactions{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.msg--mine .reactions{justify-content:flex-end}.reaction{align-items:center;gap:var(--space-1);height:26px;padding:0 var(--space-2) 0 6px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;animation:pop-in var(--dur-fast) var(--ease-out);transition:background-color var(--dur-fast) var(--ease);display:inline-flex}.reaction:hover{background:var(--surface-hover)}.reaction--mine{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.reaction-emoji{font-size:.95rem;line-height:1}.reaction-faces{display:inline-flex}.reaction-faces .avatar+.avatar{margin-left:-6px}.reaction-faces .avatar{box-shadow:0 0 0 1.5px var(--surface)}.avatar-img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar--xs{--avatar-size:18px;--avatar-font:.5rem}.avatar--xl{--avatar-size:72px;--avatar-font:var(--text-xl)}.chat-typing,.channel-preview--typing{color:var(--primary);font-style:italic}.chat-header-actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.account-dialog{gap:var(--space-5);flex-direction:column;display:flex}.account-avatar{align-items:center;gap:var(--space-4);display:flex}.account-avatar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.account-section{align-items:stretch;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);flex-direction:column;display:flex}.account-section h3{font-size:var(--text-sm)}.account-section>.btn{align-self:flex-start}.account-ok{align-items:center;gap:var(--space-1);color:var(--success);font-size:var(--text-sm);display:inline-flex}.theme-switch{margin:var(--space-1);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.theme-option{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;display:inline-flex}.theme-option:hover{color:var(--text)}.theme-option--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.modal{width:min(30rem, calc(100vw - var(--space-8)));max-height:min(36rem, calc(100vh - var(--space-12)));border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-4);padding:0;overflow:hidden}.modal[open]{animation:pop-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur) var(--ease);background:#04060a9e}.modal-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-3) var(--space-5);border-bottom:1px solid var(--border);flex:none;display:flex}.modal-head h2{font-size:var(--text-md)}.modal-head p{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.modal-scroll{min-height:0;padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}.modal-foot{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2);flex:none;display:flex}.mode-switch{margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);gap:2px;padding:3px;display:flex}.mode-tab{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-xs);height:30px;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;flex:1;display:inline-flex}.mode-tab:hover{color:var(--text-secondary)}.mode-tab--active{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-1)}.chips{gap:var(--space-2);margin:0 0 var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.chip{align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-1) 0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-medium);animation:pop-in var(--dur) var(--ease-out);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);display:inline-flex}.chip:hover{border-color:var(--danger-border);background:var(--danger-soft)}.chip svg{color:var(--text-muted)}.chip:hover svg{color:var(--danger)}.results{min-height:7.5rem}.result-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.result{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text);text-align:left;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;display:flex}.result:hover:not(:disabled){background:var(--surface-hover)}.result:disabled{opacity:.5;cursor:not-allowed}.result--picked{border-color:var(--primary);background:var(--primary-soft)}.result-body{flex:1;min-width:0}.result-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-medium);display:block;overflow:hidden}.result-action{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);flex:none;display:inline-flex}.result--picked .result-action{color:var(--primary);font-weight:var(--weight-medium)}.result-skeleton{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.modal--wide{width:min(36rem, calc(100vw - var(--space-8)))}.modal--confirm{width:min(28rem, calc(100vw - var(--space-8)))}.modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.confirm-body{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.result-more{place-items:center;min-height:28px;display:grid}.delete-scope{gap:var(--space-2);flex-direction:column;display:flex}.delete-scope-option{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex}.delete-scope-option:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.delete-scope-option input{margin-top:3px}.delete-scope-option strong{font-weight:var(--weight-medium);display:block}.auth-page{background:var(--bg);grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.auth-aside{justify-content:space-between;gap:var(--space-8);padding:var(--space-10);background:radial-gradient(90% 70% at 15% 10%, #5b6cf938, transparent 60%), radial-gradient(70% 60% at 85% 85%, #2dd4bf29, transparent 60%), var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-aside:after{content:"";border:1px solid var(--border-subtle);pointer-events:none;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-220px;right:-180px;box-shadow:inset 0 0 0 60px #ffffff04,0 0 0 90px #ffffff04}.auth-aside>*{z-index:1;position:relative}.auth-aside .brand-word{font-size:var(--text-lg)}.auth-pitch h2{max-width:16ch;margin-bottom:var(--space-4);font-size:var(--text-2xl);letter-spacing:-.02em}.auth-pitch p{max-width:44ch;color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed)}.auth-points{margin:var(--space-8) 0 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.auth-points li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.auth-points svg{color:var(--accent);flex:none;margin-top:2px}.auth-points strong{color:var(--text);font-weight:var(--weight-medium);display:block}.auth-foot{font-size:var(--text-xs);color:var(--text-muted)}.auth-main{padding:var(--space-6);place-items:center;display:grid}.auth-card{width:min(384px,100%);animation:rise-in var(--dur-slow) var(--ease-out)}.auth-card-brand{margin-bottom:var(--space-6);display:none}.auth-card h1{font-size:var(--text-2xl);letter-spacing:-.02em}.auth-card .subtitle{margin:var(--space-2) 0 var(--space-6);color:var(--text-secondary);font-size:var(--text-sm)}.auth-card .btn--primary{margin-top:var(--space-2)}.form-footer{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-secondary);text-align:center}@media (width<=880px){.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.auth-card-brand{justify-content:center;display:flex}}.admin-shell{background:var(--bg);grid-template-rows:minmax(0,1fr);grid-template-columns:232px minmax(0,1fr);height:100%;display:grid;overflow:hidden}.admin-rail{gap:var(--space-5);min-height:0;padding:var(--space-4) var(--space-3);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex;overflow-y:auto}.admin-brand{align-items:center;gap:var(--space-2);padding:0 var(--space-2);display:flex}.admin-badge,.tag{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--warning-soft);color:var(--warning);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;align-items:center;gap:3px;display:inline-flex}.tag--direct{background:var(--accent-soft);color:var(--accent)}.tag--group{background:var(--primary-soft);color:var(--primary)}.admin-nav{flex-direction:column;flex:1;gap:2px;display:flex}.admin-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex}.admin-link:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.admin-link--active,.admin-link--active:hover{background:var(--primary-soft);color:var(--primary)}.admin-rail-foot{gap:var(--space-2);padding:var(--space-3) var(--space-2) 0;border-top:1px solid var(--border);flex-direction:column;display:flex}.admin-who{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.admin-main{min-width:0;min-height:0;position:relative;overflow-y:auto}.admin-page{gap:var(--space-4);max-width:1200px;padding:var(--space-6);animation:fade-in var(--dur) var(--ease);flex-direction:column;display:flex}.admin-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.admin-head h1{margin-bottom:2px}.admin-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-search{flex:1;min-width:14rem;max-width:24rem}.admin-filter{margin:0}.admin-notice{align-items:center;gap:var(--space-2);color:var(--success);font-size:var(--text-sm);display:inline-flex}.admin-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.admin-table th{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-align:start;text-transform:uppercase;white-space:nowrap}.admin-table td{max-width:18rem;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--surface-hover)}.admin-table .num{text-align:end;font-variant-numeric:tabular-nums}.cell-person{align-items:center;gap:var(--space-2);min-width:0;display:flex}.cell-actions{text-align:end}.cell-actions .btn{margin-inline-start:2px}.pager{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.member-list{margin:var(--space-2) 0 var(--space-4);flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.member-list li{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:flex}.member-list li:hover{background:var(--surface-hover)}.member-body{flex-direction:column;flex:1;min-width:0;display:flex}.kpi-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.kpi,.admin-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.kpi{gap:var(--space-1);padding:var(--space-4);flex-direction:column;display:flex}.kpi-label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:flex}.kpi-value{font-size:var(--text-2xl);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-detail{font-size:var(--text-xs);color:var(--text-secondary)}.kpi--ok .kpi-label svg{color:var(--success)}.admin-panel{padding:var(--space-4) var(--space-5)}.admin-panel h2,.admin-panel legend{margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.admin-columns{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));display:grid}.activity-chart{width:100%;height:auto;display:block}.chart-bar{fill:var(--primary);opacity:.55;transition:opacity var(--dur-fast) var(--ease)}.chart-bar:hover,.chart-bar--today{opacity:1}.chart-grid{stroke:var(--border);stroke-dasharray:3 4}.chart-base{stroke:var(--border-strong)}.chart-axis{fill:var(--text-muted);font-size:11px}.rank-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rank-list li{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);display:flex;position:relative}.rank-label{z-index:1;flex:1;position:relative}.rank-label em{font-style:normal;font-size:var(--text-2xs);color:var(--text-muted);margin-inline-start:var(--space-2)}.rank-bar{border-radius:var(--radius-xs);background:var(--primary-soft);position:absolute;inset-block:0;inset-inline-start:0}.rank-value{font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);position:relative}.online-list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));margin:0;padding:0;list-style:none;display:grid}.online-list li{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm);display:flex}.system-list{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.system-list dt{color:var(--text-muted)}.system-list dd{align-items:center;gap:var(--space-2);margin:0;display:flex}.settings-form{gap:var(--space-4);flex-direction:column;max-width:44rem;display:flex}.settings-form fieldset{margin:0}.settings-form .field input[type=number]{max-width:12rem}.setting-toggle{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;cursor:pointer;font-size:var(--text-sm);display:flex;position:relative}.setting-toggle strong{font-weight:var(--weight-medium);display:block}.setting-toggle input{opacity:0;width:1px;height:1px;position:absolute;top:0;left:0}.switch{border-radius:var(--radius-full);background:var(--border-strong);width:34px;height:20px;transition:background-color var(--dur-fast) var(--ease);flex:none;margin-top:1px;position:relative}.switch:after{content:"";background:var(--text-inverse);width:14px;height:14px;transition:transform var(--dur-fast) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.setting-toggle input:checked+.switch{background:var(--primary)}.setting-toggle input:checked+.switch:after{background:var(--on-primary);transform:translate(14px)}.setting-toggle input:focus-visible+.switch{outline:2px solid var(--primary);outline-offset:2px}.settings-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;background:var(--bg);display:flex;position:sticky;bottom:0}.settings-actions .btn--ghost{margin-inline-end:auto}.admin-login{min-height:100vh;padding:var(--space-6);background:radial-gradient(70% 60% at 50% 0%, var(--warning-soft), transparent 60%), var(--bg);place-items:center;display:grid}.admin-login-card{width:min(380px,100%);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-3);animation:rise-in var(--dur-slow) var(--ease-out)}.admin-login-card .brand{margin-bottom:var(--space-5)}.admin-login-card h1{align-items:center;gap:var(--space-2);display:flex}.admin-login-card h1 svg{color:var(--warning)}.admin-login-card .subtitle{margin:var(--space-2) 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-sm)}@media (width<=800px){.admin-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.admin-rail{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-right:none;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.admin-nav{flex-direction:row}.admin-link{white-space:nowrap}.admin-rail-foot{border-top:none;flex-direction:row;padding:0}.admin-who{display:none}.admin-page{padding:var(--space-4)}}.badge-row{gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.tag--directory{background:var(--primary-soft);color:var(--primary)}.tag--disabled{background:var(--danger-soft);color:var(--danger)}.tag--locked{background:var(--warning-soft);color:var(--warning)}.session-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.session-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.session-body{flex-direction:column;flex:1;min-width:0;display:flex}.admin-danger-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.ldap-steps{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ldap-step{gap:var(--space-2);align-items:flex-start;display:flex}.ldap-step--ok svg{color:var(--success)}.ldap-step--failed svg{color:var(--danger)}.ldap-step span{overflow-wrap:anywhere}.ldap-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.field-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.admin-panel textarea{width:100%;min-height:6rem;font-family:var(--font-mono);font-size:var(--text-xs)}