@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p,ul{margin:0}button,input,textarea,select{font:inherit;color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-h)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}:root{--sidebar-w: 272px;--details-w: 296px;--bg: hsl(220 23% 97%);--sidebar: hsl(224 25% 94%);--panel: hsl(0 0% 100%);--surface-1: hsl(220 14% 96%);--surface-2: hsl(220 14% 93%);--surface-3: hsl(220 14% 90%);--hover-1: hsl(220 14% 93%);--hover-2: hsl(220 14% 89%);--border: hsl(220 13% 89%);--border-h: hsl(220 13% 83%);--text: hsl(222 47% 11%);--muted: hsl(220 9% 46%);--muted-h: hsl(220 9% 36%);--accent: hsl(224 76% 48%);--accent-h: hsl(224 71% 62%);--accent-dim: hsl(224 76% 48% / .1);--accent-ab: hsl(224 76% 48% / .15);--accent-brd: hsl(224 76% 48% / .3);--emerald: #10b981;--emerald-dim: rgba(16,185,129,.1);--danger-bg: hsl(0 84% 60% / .08);--danger-border: hsl(0 84% 60% / .3);--modal-bg: hsl(0 0% 100%);--r: 10px;--r-lg: 16px;--r-xl: 22px}.dark{--bg: hsl(222 28% 8%);--sidebar: hsl(224 30% 6%);--panel: hsl(222 25% 10%);--surface-1: rgba(255,255,255,.03);--surface-2: rgba(255,255,255,.05);--surface-3: rgba(255,255,255,.08);--hover-1: rgba(255,255,255,.04);--hover-2: rgba(255,255,255,.07);--border: hsl(222 18% 18%);--border-h: hsl(222 18% 23%);--text: hsl(220 14% 93%);--muted: hsl(220 9% 58%);--muted-h: hsl(220 9% 68%);--accent: hsl(224 71% 62%);--accent-h: hsl(224 80% 72%);--accent-dim: rgba(99,102,241,.18);--accent-ab: rgba(99,102,241,.22);--accent-brd: rgba(99,102,241,.38);--emerald: #10b981;--emerald-dim: rgba(16,185,129,.15);--danger-bg: rgba(239,68,68,.1);--danger-border: rgba(239,68,68,.35);--modal-bg: hsl(222 25% 8%)}input,textarea,select{width:100%;background:var(--surface-2);border:1px solid var(--border-h);border-radius:var(--r);padding:9px 12px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}select option{background:var(--modal-bg)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--r);border:none;cursor:pointer;font-weight:600;font-size:.875rem;background:var(--accent);color:#fff;transition:background .15s,opacity .15s;white-space:nowrap}.btn-primary:hover{background:var(--accent-h)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.placeholder{color:var(--muted);font-size:.84rem}.hidden{display:none!important}.error-text,.error-banner{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--r);color:#ef4444;padding:8px 12px;font-size:.82rem}.dark .error-text,.dark .error-banner{color:#fca5a5}.error-banner{margin:8px 16px 0}.login-root{position:relative;min-height:100vh;overflow:hidden;background:#050509;display:grid;place-items:center}.login-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.login-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.055) 0px,rgba(255,255,255,.055) 1px,transparent 2px,transparent 4px);mix-blend-mode:soft-light;opacity:.28}.login-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000002e,#00000038 40%,#0009)}.login-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1060px;width:100%;padding:48px 28px;min-height:100vh}.login-branding .wordmark{display:flex;align-items:baseline;gap:14px;line-height:1}.login-branding .wordmark-the{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(1.8rem,2.8vw,2.6rem);color:#f1f2f6e6}.login-branding .wordmark-main{font-size:clamp(2.2rem,3.8vw,4rem);font-weight:700;letter-spacing:.22em;color:#f1f2f6}.login-branding .wordmark-suite{margin-top:7px;font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:#8ca0becc}.login-branding .hero-copy{margin-top:30px;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55;color:#e4e5eac7;max-width:36ch}.login-branding .hero-points{list-style:none;padding:0;margin-top:20px;display:grid;gap:11px}.login-branding .hero-points li{font-size:.9rem;color:#e4e5ea9e;padding-left:18px;position:relative}.login-branding .hero-points li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#818cf8}.login-card-wrap{position:relative}.login-card-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:30px;background:linear-gradient(135deg,rgba(99,102,241,.32),transparent 48%,rgba(16,185,129,.2));filter:blur(22px);z-index:-1}.login-card{background:#09090b85;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:36px 32px;display:grid;gap:22px;box-shadow:0 28px 72px #00000073;animation:card-enter .4s ease-out}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-card-header{display:flex;align-items:center;gap:14px}.brand-logo{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.14);padding:7px;background:#6366f11f;flex-shrink:0}.login-card-header h2{font-size:1.45rem;font-weight:700;line-height:1.1;letter-spacing:-.01em;color:#f4f4f5}.login-card-header p{margin-top:3px;font-size:.82rem;color:#a1a1aa}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;font-size:.82rem;font-weight:500;color:#e4e5eacc}.auth-form input{background:#09090ba6;border-color:#ffffff1a;color:#f4f4f5}.auth-form input:focus{border-color:#6366f1b3;box-shadow:0 0 0 3px #6366f126}.btn-login{width:100%;padding:12px;font-size:.92rem;margin-top:2px;background:#4f46e5;border-radius:var(--r);border:none;color:#fff;font-weight:600;cursor:pointer;transition:background .15s}.btn-login:hover:not(:disabled){background:#6366f1}.btn-login:disabled{opacity:.5;cursor:not-allowed}.login-note{font-size:.76rem;color:#71717a;text-align:center;line-height:1.5}.workspace{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--details-w);min-height:100vh;max-height:100vh;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;max-height:100vh;overflow:hidden}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:16px 16px 13px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo-img{width:28px;height:28px;border-radius:8px;padding:4px;background:var(--accent-ab);border:1px solid var(--accent-brd)}.sidebar-logo-text{font-size:.95rem;font-weight:700;letter-spacing:.02em;color:var(--text)}.sidebar-search{padding:10px 12px 8px;flex-shrink:0}.search-wrap{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none;color:var(--muted)}.search-wrap input{padding:7px 10px 7px 30px;font-size:.82rem;background:var(--surface-2);border-color:var(--border);border-radius:8px}.search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.sidebar-scroll{flex:1;overflow-y:auto;padding:6px 0 4px}.create-panel{margin:4px 10px 6px;background:var(--surface-1);border:1px solid var(--border-h);border-radius:var(--r);padding:12px;display:grid;gap:8px;animation:panel-slide .15s ease;flex-shrink:0}@keyframes panel-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.create-panel h3{font-size:.82rem;font-weight:600;color:var(--text)}.create-panel input,.create-panel select,.create-panel textarea{font-size:.82rem;padding:7px 10px}.member-list-compact{max-height:140px;overflow-y:auto;display:grid;gap:3px}.member-list-compact label{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--muted-h);cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .1s}.member-list-compact label:hover{background:var(--hover-1)}.member-list-compact input[type=checkbox]{width:14px;height:14px;padding:0;accent-color:var(--accent)}.create-row{display:grid;grid-template-columns:1fr;gap:6px}.btn-create{padding:8px 12px;font-size:.82rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:var(--r);cursor:pointer;transition:background .15s}.btn-create:hover{background:var(--accent-h)}.btn-close-panel{font-size:.76rem;color:var(--muted);background:none;border:none;cursor:pointer;padding:2px;text-align:center}.btn-close-panel:hover{color:var(--text)}.chat-section{padding:2px 0}.section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 4px;font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.section-label{display:flex;align-items:center;gap:6px}.section-diamond{font-size:8px;opacity:.6}.section-add{width:18px;height:18px;border-radius:5px;border:1px solid var(--border-h);background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;padding:0;transition:background .12s,color .12s,border-color .12s}.section-add:hover{background:var(--accent-dim);color:var(--accent-h);border-color:var(--accent-brd)}.chat-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:6px 16px;border:none;background:transparent;color:var(--muted-h);cursor:pointer;font-size:.86rem;transition:background .1s,color .1s;position:relative}.chat-item:hover{background:var(--hover-1);color:var(--text)}.chat-item.active{background:var(--accent-dim);color:var(--text)}.chat-item.active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:0 2px 2px 0;background:var(--accent)}.chat-item-avatar{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;background:var(--accent-ab);color:var(--accent-h)}.chat-item-avatar-wrap{position:relative;flex-shrink:0}.chat-item-avatar-wrap .chat-item-avatar{border-radius:50%}.chat-item-avatar-wrap .status-dot{position:absolute;bottom:-1px;right:-1px;border:2px solid var(--sidebar)}.chat-item-info{flex:1;min-width:0}.chat-item-name{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem}.chat-item-preview{display:block;font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.status-online{background:#22c55e}.status-dot.status-busy{background:#f59e0b}.status-dot.status-away{background:#3b82f6}.status-dot.status-offline{background:#a3aab8}.dark .status-dot.status-offline{background:#4b5563}.sidebar-footer{padding:11px 14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--emerald));display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{display:block;font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.sidebar-status-select{display:inline-block;width:auto;padding:2px 6px;font-size:.7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;color:var(--muted-h);cursor:pointer;margin-top:2px}.sidebar-logout{width:28px;height:28px;border-radius:7px;border:1px solid var(--border-h);background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s,color .15s;flex-shrink:0}.sidebar-logout:hover{background:var(--danger-bg);color:#ef4444;border-color:var(--danger-border)}.dark .sidebar-logout:hover{color:#fca5a5}.sidebar-theme-btn{width:28px;height:28px;border-radius:7px;border:1px solid var(--border-h);background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s,color .15s;flex-shrink:0}.sidebar-theme-btn:hover{background:var(--surface-3);color:var(--text)}.chat-main{background:var(--panel);display:flex;flex-direction:column;min-height:0;max-height:100vh;overflow:hidden}.workspace-error{background:var(--danger-bg);border-bottom:1px solid var(--danger-border);color:#ef4444;padding:9px 20px;font-size:.82rem;flex-shrink:0}.dark .workspace-error{color:#fca5a5}.chat-header{padding:0 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.chat-header-name{font-size:.94rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.chat-type-pill{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 8px;border-radius:99px;background:var(--accent-dim);border:1px solid var(--accent-brd);color:var(--accent-h);flex-shrink:0}.chat-tabs{display:flex;gap:2px;flex-shrink:0}.chat-tab{padding:5px 13px;border-radius:7px;border:none;background:transparent;color:var(--muted-h);cursor:pointer;font-size:.82rem;font-weight:500;transition:background .12s,color .12s;white-space:nowrap}.chat-tab:hover{background:var(--hover-1);color:var(--text)}.chat-tab.active{background:var(--accent-dim);color:var(--accent-h)}.messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:6px;min-height:0}.messages-empty{display:flex;align-items:center;justify-content:center;height:100%}.message{display:flex;gap:10px;max-width:82%;animation:msg-in .16s ease}@keyframes msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message.own{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0;align-self:flex-end;margin-bottom:2px}.msg-body{display:flex;flex-direction:column;gap:3px;min-width:0}.msg-meta{display:flex;align-items:baseline;gap:7px;font-size:.73rem;padding:0 2px}.message.own .msg-meta{justify-content:flex-end}.msg-sender{font-weight:600;font-size:.78rem;color:var(--text)}.msg-time{color:var(--muted);font-size:.7rem}.msg-bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:14px 14px 14px 4px;padding:9px 13px;font-size:.875rem;line-height:1.5;color:var(--text);word-break:break-word;white-space:pre-wrap}.message.own .msg-bubble{background:var(--accent-dim);border-color:var(--accent-brd);border-radius:14px 14px 4px}.message-image{margin-top:6px;max-width:min(100%,300px);border-radius:10px;border:1px solid var(--border-h);display:block}.message.bot .msg-bubble{background:#10b98114;border-color:#10b98133}.dark .message.bot .msg-bubble{background:#10b9811a;border-color:#10b98140}.message.bot .msg-avatar{border-radius:50%}.composer{border-top:1px solid var(--border);padding:10px 16px 12px;display:grid;gap:7px;background:var(--sidebar);flex-shrink:0}.composer-main{display:flex;align-items:flex-end;gap:8px;background:var(--surface-2);border:1px solid var(--border-h);border-radius:13px;padding:7px 10px;transition:border-color .15s,box-shadow .15s}.composer-main:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.composer-textarea{flex:1;background:transparent;border:none!important;padding:0;resize:none;font-size:.875rem;line-height:1.5;min-height:22px;max-height:130px;box-shadow:none!important;border-radius:0!important;outline:none!important;overflow-y:auto;color:var(--text)}.composer-textarea:focus{box-shadow:none!important;border-color:transparent!important}.composer-send{width:32px;height:32px;border-radius:9px;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:background .15s,opacity .15s;align-self:flex-end}.composer-send:hover:not(:disabled){background:var(--accent-h)}.composer-send:disabled{opacity:.38;cursor:not-allowed}.composer-toolbar{display:flex;align-items:center;gap:4px;padding:0 2px}.toolbar-btn{width:28px;height:28px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:background .1s,color .1s}.toolbar-btn:hover{background:var(--hover-1);color:var(--text)}.toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.gif-input{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 2px}.gif-input input{font-size:.82rem}.emoji-picker{display:flex;flex-wrap:wrap;gap:4px;padding:4px 2px}.emoji-picker button{width:32px;height:32px;border:1px solid var(--border);border-radius:7px;background:var(--surface-1);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .1s}.emoji-picker button:hover{background:var(--accent-dim);border-color:var(--accent-brd)}.details{background:var(--sidebar);border-left:1px solid var(--border);display:flex;flex-direction:column;max-height:100vh;overflow:hidden}.details-header{padding:17px 16px 13px;border-bottom:1px solid var(--border);font-size:.86rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.details-scroll{flex:1;overflow-y:auto;padding:12px;display:grid;gap:10px;align-content:start}.details-section{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r);padding:12px;display:grid;gap:8px}.details-section-title{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.details-info-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted-h)}.details-info-row span{color:var(--text)}.member-list{display:grid;gap:5px}.member-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--surface-1);border:1px solid var(--border)}.member-avatar{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#fff;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{display:block;font-size:.81rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.member-status{display:block;font-size:.7rem;color:var(--muted);margin-top:1px}.member-bot-badge{font-size:.62rem;padding:1px 6px;border-radius:99px;background:var(--emerald-dim);border:1px solid rgba(16,185,129,.25);color:#059669}.dark .member-bot-badge{color:#34d399}.admin-user-form{display:grid;gap:8px}.form-label{font-size:.72rem;font-weight:600;color:var(--muted-h);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;display:block}.admin-user-form input,.admin-user-form select{font-size:.82rem;padding:7px 10px}.bot-intro{background:var(--emerald-dim);border:1px solid rgba(16,185,129,.22);border-radius:var(--r);padding:14px 16px;margin:8px 20px;font-size:.83rem;color:#065f46;line-height:1.6}.dark .bot-intro{color:#a7f3d0}.bot-intro strong{display:block;margin-bottom:4px;font-size:.86rem;color:#047857}.dark .bot-intro strong{color:#34d399}.sidebar-nav{padding:4px 10px 2px;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:7px 10px;border:none;border-radius:var(--r);background:transparent;color:var(--muted-h);cursor:pointer;font-size:.86rem;font-weight:500;transition:background .12s,color .12s;position:relative}.nav-item:hover{background:var(--hover-1);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent-h);font-weight:600}.nav-item-icon{font-size:15px;flex-shrink:0;line-height:1}.nav-badge{margin-left:auto;font-size:.66rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center}.sidebar-admin-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--accent-brd);background:var(--accent-dim);color:var(--accent-h);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:background .15s,border-color .15s;flex-shrink:0}.sidebar-admin-btn:hover{background:var(--accent-ab);border-color:var(--accent-h)}.toolbar-btn.active{background:var(--accent-dim);color:var(--accent-h);border-color:var(--accent-brd)}.toolbar-hint{margin-left:auto;font-size:.7rem;color:var(--muted);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.picker-panel{border-top:1px solid var(--border);background:var(--sidebar);display:flex;flex-direction:column;max-height:320px;overflow:hidden;flex-shrink:0;animation:panel-slide .15s ease}.picker-panel-header{display:flex;align-items:center;gap:8px;padding:8px 10px 6px;flex-shrink:0}.picker-search{flex:1;padding:7px 10px;font-size:.82rem;background:var(--surface-2);border:1px solid var(--border-h);border-radius:8px;color:var(--text);outline:none;width:auto}.picker-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.picker-close{width:28px;height:28px;border-radius:7px;border:1px solid var(--border-h);background:transparent;color:var(--muted-h);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;transition:background .1s,color .1s}.picker-close:hover{background:var(--hover-2);color:var(--text)}.picker-loading,.picker-error{text-align:center;padding:20px;font-size:.82rem;color:var(--muted-h)}.picker-error{color:#ef4444}.dark .picker-error{color:#fca5a5}.emoji-cat-tabs{display:flex;gap:2px;padding:2px 10px 6px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.emoji-cat-tabs::-webkit-scrollbar{display:none}.emoji-cat-btn{width:32px;height:32px;border-radius:7px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .1s;flex-shrink:0}.emoji-cat-btn:hover{background:var(--hover-1)}.emoji-cat-btn.active{background:var(--accent-dim);border-color:var(--accent-brd)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:2px;padding:4px 10px 10px;overflow-y:auto}.emoji-btn{width:34px;height:34px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .1s}.emoji-btn:hover{background:var(--accent-dim);border-color:var(--accent-brd)}.gif-picker-panel{max-height:420px;min-height:200px}.gif-search-wrap{flex:1;position:relative;display:flex;align-items:center}.gif-search-icon{position:absolute;left:9px;font-size:13px;pointer-events:none;opacity:.5}.gif-search-input{padding-left:28px!important;padding-right:26px!important}.gif-search-clear{position:absolute;right:6px;background:none;border:none;cursor:pointer;color:var(--muted-h);font-size:11px;padding:0;line-height:1}.gif-search-clear:hover{color:var(--text)}.gif-cat-tabs{display:flex;gap:4px;padding:0 10px 6px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.gif-cat-tabs::-webkit-scrollbar{display:none}.gif-cat-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;border:1px solid var(--border-h);background:transparent;color:var(--muted-h);cursor:pointer;font-size:.75rem;white-space:nowrap;flex-shrink:0;transition:background .12s,color .12s,border-color .12s}.gif-cat-btn:hover{background:var(--hover-1);color:var(--text)}.gif-cat-btn.active{background:var(--accent-dim);border-color:var(--accent-brd);color:var(--accent);font-weight:600}.gif-cat-icon{font-size:13px}.gif-cat-label{font-size:.72rem}.gif-masonry{columns:3;column-gap:5px;padding:4px 10px 2px;overflow-y:auto;max-height:280px}.gif-item{display:block;width:100%;break-inside:avoid;margin-bottom:5px;border:none;background:var(--surface-1);border-radius:8px;overflow:hidden;cursor:pointer;padding:0;transition:opacity .15s,transform .12s}.gif-item:hover{opacity:.82;transform:scale(.975)}.gif-item img{width:100%;height:auto;display:block;border-radius:8px}.gif-loading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px 10px}.gif-skeleton{border-radius:8px;background:linear-gradient(90deg,var(--surface-1) 25%,var(--hover-1) 50%,var(--surface-1) 75%);background-size:200% 100%;aspect-ratio:4/3;animation:gif-shimmer 1.2s infinite}@keyframes gif-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gif-footer{display:flex;align-items:center;justify-content:flex-end;padding:3px 10px 5px;flex-shrink:0}.gif-attribution{font-size:.62rem;color:var(--muted);margin:0}.home-view{flex:1;overflow-y:auto;min-height:0;padding:36px 40px 48px;display:flex;flex-direction:column;gap:32px}.home-header{display:flex;flex-direction:column;gap:4px}.home-greeting{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;letter-spacing:-.01em;color:var(--text)}.home-subtitle{font-size:.9rem;color:var(--muted-h)}.home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-stat{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 16px;display:flex;flex-direction:column;gap:4px;text-align:center}.home-stat-value{font-size:1.8rem;font-weight:700;color:var(--text);line-height:1}.home-stat-label{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.home-section{display:flex;flex-direction:column;gap:14px}.home-section-title{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-h)}.home-chat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.home-chat-card{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;text-align:left;width:100%;transition:background .12s,border-color .12s;position:relative}.home-chat-card:hover{background:var(--surface-2);border-color:var(--border-h)}.home-chat-avatar{width:40px;height:40px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0}.home-chat-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.home-chat-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.home-chat-name{font-size:.86rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-chat-time{font-size:.7rem;color:var(--muted);flex-shrink:0}.home-chat-preview{display:block;font-size:.78rem;color:var(--muted-h);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-chat-sender{display:block;font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-chat-type-badge{position:absolute;top:8px;right:10px;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--accent-dim);color:var(--accent-h);text-transform:uppercase;letter-spacing:.06em}.home-quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.home-quick-tip{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg)}.quick-tip-icon{font-size:22px;flex-shrink:0;line-height:1;margin-top:2px}.home-quick-tip strong{display:block;font-size:.84rem;font-weight:600;color:var(--text);margin-bottom:4px}.home-quick-tip p{font-size:.78rem;color:var(--muted-h);line-height:1.5}.home-quick-tip code{font-family:Fira Code,Cascadia Code,monospace;font-size:.75rem;background:var(--surface-3);border:1px solid var(--border-h);border-radius:4px;padding:1px 5px;color:var(--accent-h)}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:overlay-in .18s ease}.dark .admin-overlay{background:#000000a6}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.admin-modal{background:var(--modal-bg);border:1px solid var(--border-h);border-radius:var(--r-xl);width:min(700px,100%);max-height:min(640px,90vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px #0003;animation:modal-in .2s ease}.dark .admin-modal{box-shadow:0 32px 80px #0009}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.admin-modal-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:var(--text)}.admin-icon{font-size:18px;line-height:1}.admin-close{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-h);background:transparent;color:var(--muted-h);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .12s,color .12s}.admin-close:hover{background:var(--danger-bg);color:#ef4444;border-color:var(--danger-border)}.dark .admin-close:hover{color:#fca5a5}.admin-tabs{display:flex;gap:4px;padding:10px 16px 0;flex-shrink:0;border-bottom:1px solid var(--border)}.admin-tab{padding:7px 16px 9px;border:none;background:transparent;color:var(--muted-h);cursor:pointer;font-size:.84rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--accent-h);border-bottom-color:var(--accent);font-weight:600}.admin-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--r);color:#ef4444;padding:8px 14px;font-size:.82rem;margin:10px 16px 0;flex-shrink:0}.dark .admin-error{color:#fca5a5}.admin-loading{text-align:center;padding:32px;color:var(--muted-h);font-size:.86rem}.admin-user-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.admin-user-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r);transition:background .1s}.admin-user-row:hover{background:var(--surface-2)}.admin-user-row.admin-user-bot{border-color:#10b98133;background:#10b9810a}.dark .admin-user-row.admin-user-bot{background:#10b9810d}.admin-user-avatar{width:36px;height:36px;border-radius:9px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0}.admin-user-info{flex:1;min-width:0}.admin-user-name{display:block;font-size:.86rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-meta{display:block;font-size:.74rem;color:var(--muted-h);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-status{display:flex;align-items:center;gap:5px;flex-shrink:0}.admin-status-text{font-size:.74rem;color:var(--muted-h)}.admin-user-actions{display:flex;gap:4px;flex-shrink:0}.admin-action-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--border-h);background:transparent;color:var(--muted-h);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .12s,color .12s,border-color .12s}.admin-action-btn:hover{background:var(--surface-3);color:var(--text)}.admin-action-btn.admin-action-danger:hover{background:var(--danger-bg);color:#ef4444;border-color:var(--danger-border)}.dark .admin-action-btn.admin-action-danger:hover{color:#fca5a5}.admin-create-form{flex:1;overflow-y:auto;padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px}.admin-form-group{display:grid;gap:6px}.admin-form-group label{font-size:.74rem;font-weight:600;color:var(--muted-h);text-transform:uppercase;letter-spacing:.06em}@media (max-width: 1280px){:root{--details-w: 256px}}@media (max-width: 1080px){.details{display:none}.workspace{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}}@media (max-width: 820px){:root{--sidebar-w: 240px}}@media (max-width: 700px){.workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr;max-height:none;min-height:100vh}.sidebar{max-height:44vh;border-right:none;border-bottom:1px solid var(--border)}.chat-main{max-height:none}.login-layout{grid-template-columns:1fr;min-height:auto;padding:28px 18px;align-content:center}.login-branding{display:none}.login-root{align-items:flex-start}.home-view{padding:20px 16px 32px}.home-stats{grid-template-columns:repeat(2,1fr)}.home-chat-grid,.home-quick-actions{grid-template-columns:1fr}.admin-modal{max-height:100vh;border-radius:var(--r-lg)}.gif-masonry{columns:2}.gif-loading-grid{grid-template-columns:repeat(2,1fr)}.toolbar-hint{display:none}}.suite-login-root{position:relative;min-height:100vh;overflow:hidden;background:#050509}.suite-login-bg,.suite-login-static,.suite-login-canvas,.suite-login-scanlines,.suite-login-vignette{position:absolute;top:0;right:0;bottom:0;left:0}.suite-login-bg{pointer-events:none;z-index:0}.suite-login-static,.suite-login-canvas{width:100%;height:100%}.suite-login-static{background:radial-gradient(circle at 18% 24%,rgba(99,102,241,.22),transparent 48%),radial-gradient(circle at 82% 76%,rgba(16,185,129,.16),transparent 42%),#030611}.suite-login-scanlines{opacity:.25;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 1px,transparent 2px,transparent 4px);mix-blend-mode:soft-light}.suite-login-vignette{background:linear-gradient(to bottom,#0000003d,#00000042,#0009)}.suite-login-shell{position:relative;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,28rem);align-items:center;gap:40px;max-width:72rem;min-height:100vh;margin:0 auto;padding:48px 24px}.suite-login-brand{display:none}.suite-login-brand-inner{max-width:36rem}.suite-login-wordmark{display:flex;align-items:baseline;gap:12px}.suite-login-wordmark-the{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-style:italic;color:#e4e5eae6}.suite-login-wordmark-main{font-size:clamp(2rem,3vw,3rem);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#f4f4f5}.suite-login-copy{max-width:32rem;margin-top:20px;font-size:1.125rem;line-height:1.7;color:#d4d4d8e6}.suite-login-panel{display:flex;justify-content:center;width:100%}.suite-login-panel-inner{width:100%;max-width:28rem}.suite-login-brand-mobile{margin-bottom:24px}.suite-login-mobile-label{margin-top:8px;font-size:.875rem;color:#a1a1aa}.suite-login-card-wrap{position:relative}.suite-login-card-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:24px;background:linear-gradient(90deg,#6366f133,#18181b00,#10b98126);filter:blur(18px)}.suite-login-card{position:relative;border-radius:24px;border:1px solid rgba(63,63,70,.7);background:#09090b57;box-shadow:0 25px 50px #00000073;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px}.suite-login-card-header h2{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:#f4f4f5}.suite-login-card-header p{margin:4px 0 0;font-size:.875rem;color:#a1a1aa}.suite-login-form{display:grid;gap:12px;margin-top:16px}.suite-login-field{display:grid;gap:6px}.suite-login-field span{font-size:.875rem;color:#d4d4d8}.suite-login-input{width:100%;border-radius:12px;border:1px solid #27272a;background:#09090b;padding:10px 12px;font-size:.875rem;color:#f4f4f5;outline:none;box-shadow:none}.suite-login-input::placeholder{color:#71717a}.suite-login-input:focus{border-color:#6366f1d9;box-shadow:0 0 0 2px #6366f147}.suite-login-primary,.suite-login-secondary{width:100%;min-height:44px;margin-top:12px;border-radius:12px;border:1px solid transparent;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.suite-login-primary{background:#4f46e5;color:#fff}.suite-login-primary:hover:not(:disabled){background:#6366f1}.suite-login-secondary{background:#0ea5e91a;border-color:#38bdf84d;color:#e0f2fe}.suite-login-secondary:hover:not(:disabled){background:#0ea5e92e}.suite-login-primary:disabled,.suite-login-secondary:disabled{opacity:.5;cursor:not-allowed}.suite-login-note{margin:16px 0 0;font-size:.75rem;line-height:1.5;color:#71717a}.suite-login-toggle{position:fixed;inset-inline:0;bottom:16px;z-index:20;display:flex;justify-content:center;gap:12px;padding:0 16px;align-items:center}.suite-login-toggle span{border:1px solid rgba(63,63,70,.8);background:#09090bcc;color:#e4e4e7;border-radius:999px;padding:9px 14px;font-size:.75rem;box-shadow:0 10px 24px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.suite-login-switch{position:relative;width:46px;height:28px;border-radius:999px;border:1px solid rgba(63,63,70,.85);background:#18181beb;padding:0}.suite-login-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#f4f4f5;transition:transform .15s ease}.suite-login-switch.is-on .suite-login-switch-thumb{transform:translate(18px)}@media (min-width: 768px){.suite-login-brand{display:block}.suite-login-brand-mobile{display:none}.suite-login-panel{justify-content:flex-end}}@media (max-width: 767px){.suite-login-shell{grid-template-columns:1fr;gap:24px}.suite-login-copy{font-size:1rem}.suite-login-toggle{bottom:12px;gap:8px}.suite-login-toggle span{padding:8px 12px}}