:root{--bg: #050913;--bg-soft: #0a1221;--panel: #0b1322;--panel-2: #111a2c;--panel-3: #121d31;--line: #1e2f4a;--line-soft: #20314f;--text: #e7edf8;--muted: #8e9ab0;--accent: #4f8df6;--accent-2: #25c29b;--accent-3: #7858ff;--ok: #2ac26f;--busy: #ffb454;--away: #4daeff;--offline: #627089;--danger-bg: rgba(127, 29, 29, .3);--danger-line: rgba(252, 129, 129, .45);--radius: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI,Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 10%,rgba(77,140,246,.16),transparent 34%),radial-gradient(circle at 87% 95%,rgba(37,194,155,.12),transparent 35%),var(--bg)}button,input,textarea,select{font:inherit}h1,h2,h3,h4,p,ul{margin:0}input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--radius);background:#0c1423;color:var(--text)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f8df633}.btn-primary{border:1px solid rgba(110,171,255,.7);border-radius:var(--radius);padding:10px 12px;cursor:pointer;font-weight:700;color:#050d1b;background:linear-gradient(98deg,var(--accent),var(--accent-2))}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-link,.close-btn,.logout-btn{border:0;background:transparent;color:var(--muted);cursor:pointer}.placeholder{color:var(--muted);font-size:.84rem}.error-text,.error-banner{background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:var(--radius);color:#fecaca;padding:8px 10px;font-size:.84rem}.error-banner{margin:8px 14px 0}.login-page{min-height:100vh;display:grid;place-items:center;padding:18px}.login-grid{width:min(1360px,100%);min-height:min(760px,calc(100vh - 36px));border-radius:24px;overflow:hidden;border:1px solid #183153;background:#070e1b;box-shadow:0 30px 90px #02060da6;display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(380px,.9fr);animation:login-enter .5s ease-out}.login-hero{position:relative;overflow:hidden;border-right:1px solid #1a2b47;background:radial-gradient(circle at 14% 14%,rgba(255,255,255,.16),transparent 20%),linear-gradient(112deg,#070d18,#091123 44%,#244b24)}.login-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.24) .4px,transparent .4px);background-size:3px 3px;opacity:.18}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#02060e24,#02060e75);pointer-events:none}.meteor{position:absolute;width:130px;height:5px;border-radius:99px;background:linear-gradient(90deg,#ffffffe0,#fff0);filter:drop-shadow(0 0 10px rgba(255,255,255,.6));transform:rotate(-18deg);animation:meteor-slide 5.6s linear infinite}.meteor-1{top:78px;left:34px;animation-delay:0s}.meteor-2{top:118px;left:120px;width:90px;animation-delay:-1.8s}.meteor-3{top:42px;right:90px;width:70px;animation-delay:-3.2s}.login-hero-inner{position:relative;z-index:2;min-height:100%;display:grid;align-content:center;gap:18px;padding:72px 62px}.wordmark{display:flex;align-items:baseline;gap:14px}.wordmark-the{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(2rem,2.8vw,3rem);color:#eff2f9f5}.wordmark-main{font-size:clamp(2.45rem,4.4vw,5rem);font-weight:700;letter-spacing:.24em;color:#eef2f8}.wordmark-suite{margin-top:-8px;color:#a4b1c8;text-transform:uppercase;letter-spacing:.2em;font-size:.92rem}.hero-copy{margin-top:22px;max-width:37ch;font-size:1.52rem;line-height:1.35;color:#d8e1ef}.hero-points{list-style:none;display:grid;gap:12px;margin-top:4px;padding:0;max-width:52ch}.hero-points li{color:#b9c4d8;padding-left:18px;position:relative;font-size:1.03rem}.hero-points li:before{content:"";position:absolute;width:7px;height:7px;left:0;top:.6em;border-radius:999px;background:#7ab2ff}.login-panel{background:linear-gradient(180deg,#09111ef2,#0b1220fa);padding:42px 28px;display:grid;align-content:center;gap:16px}.login-panel-head{display:flex;align-items:center;gap:12px}.brand-logo{width:44px;height:44px;border-radius:12px;border:1px solid #4d5d73;background:#0a0f1ae6;padding:8px}.login-panel-head h2{font-size:2rem;line-height:1;letter-spacing:.01em}.login-panel-head p{margin-top:4px;color:var(--muted);font-size:1rem}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;font-size:.92rem;color:#d0daea}.btn-login{margin-top:6px;padding:12px 14px;font-size:1.03rem}.workspace-shell{min-height:100vh;display:grid;grid-template-columns:78px minmax(0,1fr)}.workspace-rail{background:#0a101c;border-right:1px solid #172840;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 10px}.rail-logo{width:44px;height:44px;border-radius:12px;border:1px solid #355277;padding:8px;background:#0b1322}.rail-btn,.rail-user{width:42px;height:42px;border-radius:12px;border:1px solid #263b59;background:#0f1a2c;color:#c2d0e4;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.rail-btn{cursor:pointer}.rail-btn.active{border-color:#4f8df6;background:linear-gradient(140deg,#4f8df638,#25c29b29)}.rail-spacer{flex:1}.app-shell{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr) 302px}.sidebar,.chat-main,.details{min-height:0}.sidebar{background:#0d1627;border-right:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto}.sidebar-brand h2{font-size:1.08rem;letter-spacing:.01em}.sidebar-brand p,.chat-item small,.details p,.member-item small{color:var(--muted)}.sidebar-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sidebar-actions button,.create-panel button,.gif-input button,.composer-actions button,.emoji-picker button{padding:8px 10px;cursor:pointer;border:1px solid var(--line-soft);border-radius:var(--radius);background:#142035;color:var(--text)}.create-panel{background:#101c30;border:1px solid var(--line);border-radius:var(--radius);padding:10px;display:grid;gap:8px}.chat-section{display:grid;gap:6px}.chat-section h3{color:#95a4bc;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.chat-item{text-align:left;padding:9px;display:flex;align-items:center;gap:10px;cursor:pointer;border:1px solid var(--line-soft);border-radius:var(--radius);background:#101a2d;color:var(--text)}.chat-item.active{border-color:#4f8df6;background:linear-gradient(130deg,#4f8df629,#25c29b1a)}.chat-item strong{display:block;font-size:.9rem}.pill{width:22px;height:22px;border-radius:999px;border:1px solid #5577bb;background:#4f8df633;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.logout-btn{margin-top:auto;text-align:left;color:#f4a5b4}.chat-main{background:var(--panel);display:grid;grid-template-rows:auto auto 1fr auto}.chat-header{border-bottom:1px solid var(--line);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-header h2{font-size:1.08rem}.chat-header p{margin-top:4px;color:var(--muted);font-size:.8rem}.status-select{display:grid;gap:4px;color:var(--muted);font-size:.78rem}.status-select select{min-width:150px}.messages{overflow:auto;padding:14px 16px;display:grid;gap:11px;align-content:start}.message{max-width:min(74ch,88%);border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px;background:var(--panel-2)}.message.own{margin-left:auto;border-color:#4f8df6;background:#15243c}.message-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.74rem;margin-bottom:5px}.sender{font-weight:700}.message-image{margin-top:8px;max-width:min(100%,350px);border-radius:10px;border:1px solid var(--line)}.composer{border-top:1px solid var(--line);padding:12px;display:grid;gap:8px;background:var(--panel-3)}.composer textarea{min-height:62px;max-height:170px;resize:vertical}.gif-input{display:grid;grid-template-columns:1fr auto;gap:8px}.emoji-picker{display:flex;flex-wrap:wrap;gap:6px}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.left-actions{display:flex;flex-wrap:wrap;gap:8px}.hidden{display:none}.details{background:#0d1627;border-left:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto}.details h3{font-size:.96rem}.member-list{display:grid;gap:7px;overflow:auto}.member-list-compact{max-height:180px}.member-list label{color:var(--muted);display:flex;align-items:center;gap:8px}.member-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line-soft);border-radius:10px;background:#111c30;padding:8px}.admin-user-form{margin-top:10px;border:1px solid var(--line);border-radius:var(--radius);background:#101b2e;padding:10px;display:grid;gap:8px}.admin-user-form h4{font-size:.88rem;letter-spacing:.03em;text-transform:uppercase;color:#9db5d7}.status-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor;flex:0 0 auto}.status-online{color:var(--ok);background:var(--ok)}.status-busy{color:var(--busy);background:var(--busy)}.status-away{color:var(--away);background:var(--away)}.status-offline{color:var(--offline);background:var(--offline)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2c4366;border-radius:99px}@keyframes meteor-slide{0%{opacity:0;transform:translate(18px) translateY(0) rotate(-18deg)}12%{opacity:.95}68%{opacity:.75}to{opacity:0;transform:translate(-160px) translateY(24px) rotate(-18deg)}}@keyframes login-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1240px){.wordmark-main{letter-spacing:.18em}.app-shell{grid-template-columns:300px minmax(0,1fr)}.details{display:none}}@media (max-width: 1080px){.login-grid{grid-template-columns:1fr}.login-hero{min-height:360px}.login-hero-inner{padding:52px 34px}.wordmark-main{font-size:clamp(2rem,8vw,3.2rem);letter-spacing:.14em}.hero-copy{font-size:1.15rem}}@media (max-width: 980px){.workspace-shell{grid-template-columns:1fr}.workspace-rail{display:none}.app-shell{grid-template-columns:1fr}.sidebar{max-height:42vh}.chat-main{min-height:58vh}.chat-header{flex-direction:column;align-items:flex-start}}