:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#08101f;color:#eef4ff;--bg:#08101f;--panel:#0f1a2d;--panel2:#14213a;--line:#283955;--muted:#91a4c2;--accent:#6d7cff;--accent2:#3ac8a0;--danger:#e85d75;--warning:#f1b85b}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:radial-gradient(circle at 20% -10%,#203469 0,transparent 36%),linear-gradient(160deg,#08101f,#080d18 70%);color:#eef4ff}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:#17253e;color:#eef4ff;border-radius:11px;padding:9px 13px;cursor:pointer;transition:.15s}button:hover{filter:brightness(1.15);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait;transform:none}.primary{background:linear-gradient(135deg,#6372ef,#8369e9);border-color:transparent;font-weight:700}.danger{background:#6f2637;border-color:#a7475d;color:#ffdce4}input,textarea,select{width:100%;border:1px solid var(--line);background:#0b1527;color:#f3f7ff;border-radius:11px;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#7685ff;box-shadow:0 0 0 3px #6977ff26}textarea{resize:vertical}.hint,small{color:var(--muted);font-size:12px}.warning{color:#ffd29b;background:#4b361d;border:1px solid #745329;padding:12px;border-radius:12px}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#17253e;border:1px solid #405271;border-radius:13px;padding:12px 17px;box-shadow:0 14px 50px #0008;max-width:min(420px,calc(100vw - 36px))}.toast.error{border-color:#9c4357;background:#441c2a}.auth-page{min-height:100%;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,540px);align-items:center;gap:7vw;padding:7vw}.auth-brand{justify-self:end;text-align:right}.auth-brand h1{font-size:clamp(46px,7vw,90px);margin:15px 0 3px;letter-spacing:-4px}.auth-brand p{color:var(--muted);font-size:17px}.brand-mark,.brand-mini{display:inline-grid;place-items:center;background:linear-gradient(140deg,#6676ff,#3cd0a4);color:white;font-weight:900;box-shadow:0 12px 36px #6173ff52}.brand-mark{width:82px;height:82px;border-radius:25px;font-size:42px}.auth-card{background:#0d1729e8;border:1px solid #2b3d5c;border-radius:25px;padding:27px;box-shadow:0 28px 100px #0008;backdrop-filter:blur(18px)}.auth-card h2{margin:23px 0 18px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#091221;border-radius:13px;padding:4px}.tabs button{border:0;background:transparent;padding:9px 5px;color:var(--muted)}.tabs button.active{background:#1b2b48;color:white}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:6px;font-size:13px;color:#ccd8eb}.form-stack small{line-height:1.45}.password-meter{height:5px;background:#17243a;border-radius:99px;overflow:hidden}.password-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,#e85d75,#f1b85b,#3ac8a0);transition:.2s}.success-box{background:#10243a;border:1px solid #2f5570;border-radius:14px;padding:16px}.success-box code,.modal code{display:block;overflow-wrap:anywhere;background:#050b15;padding:12px;border-radius:9px;margin:9px 0;color:#a9ffd9}.modal-backdrop{position:fixed;inset:0;z-index:80;background:#02050bd9;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal{width:min(520px,100%);max-height:92vh;overflow:auto;background:#101b2e;border:1px solid #334865;border-radius:21px;padding:22px;box-shadow:0 28px 100px #000}.modal.wide{width:min(1100px,100%)}.modal h2{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:17px}.inline{display:flex;gap:9px;align-items:center}.shell{height:100%;display:grid;grid-template-columns:78px 320px minmax(0,1fr);overflow:hidden}.rail{background:#070e1b;border-right:1px solid #1d2c44;display:flex;flex-direction:column;align-items:center;padding:14px 8px;gap:8px}.brand-mini{width:48px;height:48px;border-radius:16px;font-size:25px;margin-bottom:9px}.rail-btn,.rail-bottom{width:58px;min-height:55px;padding:6px 3px;border:0;background:transparent;color:#8497b7;display:grid;place-items:center;gap:1px}.rail-btn span{font-size:20px}.rail-btn small{font-size:10px}.rail-btn.active{background:#1c2a48;color:#fff}.rail-bottom{margin-top:auto;font-size:22px}.side{background:#0b1425;border-right:1px solid #1f304a;display:flex;flex-direction:column;min-width:0}.side-head{height:74px;border-bottom:1px solid #1f304a;padding:14px;display:flex;align-items:center;justify-content:space-between}.side-head div{display:grid}.side-head small{margin-top:3px}.side-head button{padding:6px 10px}.side-content,#side-content{overflow:auto;flex:1;padding:10px}.list-title{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:1.2px;color:#8396b6;padding:8px 7px 13px}.list-title button{padding:3px 9px;font-size:20px}.list-item{width:100%;border:0;background:transparent;text-align:left;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 8px;margin-bottom:3px}.list-item:hover{background:#14213a}.list-item strong,.list-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item small{margin-top:4px}.avatar{width:40px;height:40px;border-radius:13px;background:#1c2b48;display:grid;place-items:center;font-weight:800;color:#b9c5ff}.unread{background:#6677ff;border-radius:99px;min-width:23px;padding:4px 7px;text-align:center;font-size:11px}.empty-mini{padding:15px;color:var(--muted);text-align:center}.request-card{border:1px solid var(--line);background:#101c31;border-radius:13px;padding:11px;margin-bottom:9px}.request-card strong,.request-card small{display:block}.request-card div{display:flex;gap:6px;margin-top:8px}.request-card button{padding:5px 9px}.search-box{display:grid;grid-template-columns:100px 1fr auto;gap:6px;margin-bottom:12px}.search-result,.member-row,.member-admin,.admin-user{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #20314c;padding:11px 5px}.search-result span,.member-row span,.admin-user span{min-width:0}.search-result strong,.search-result small,.member-row strong,.member-row small,.admin-user strong,.admin-user small{display:block}.workspace{min-width:0;min-height:0;overflow:auto;background:#09111f}.empty-state{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted);padding:30px}.chat{height:100%;display:flex;flex-direction:column;min-height:0}.chat-head,.detail-page>header,.settings-page>header,.admin-page>header{min-height:74px;padding:14px 20px;background:#0c1628e8;border-bottom:1px solid #22334e;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:3;backdrop-filter:blur(14px)}.chat-head h2,.detail-page h2,.settings-page h2,.admin-page h2{margin:0;font-size:19px}.chat-head p,.detail-page header p,.settings-page header p,.admin-page header p{margin:4px 0 0;color:var(--muted);font-size:12px}.messages{flex:1;overflow:auto;padding:20px}.message{width:min(740px,92%);background:#111e33;border:1px solid #273a57;border-radius:17px;padding:11px 13px;margin-bottom:11px}.message.mine{margin-left:auto;border-color:#5866d6;background:#19264a}.message header{display:flex;justify-content:space-between;gap:14px;margin-bottom:7px}.message header span{color:var(--muted);font-size:11px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.message-actions{text-align:right;opacity:0;transition:.15s}.message:hover .message-actions{opacity:1}.message-actions button{border:0;background:transparent;padding:3px 7px;font-size:11px;color:var(--muted)}.deleted{color:var(--muted)}.file-bubble{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#0c172a}.file-bubble>span:first-child{font-size:26px;width:45px;text-align:center}.file-bubble strong,.file-bubble small{display:block}.composer{border-top:1px solid #22334e;padding:11px 16px calc(11px + env(safe-area-inset-bottom));background:#0b1527}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer textarea{min-height:43px;max-height:150px;resize:none}.icon-button{width:45px;height:43px;display:grid;place-items:center;padding:0;font-size:18px}.icon-button.recording{background:#70273a;animation:pulse 1s infinite}.upload-state{font-size:11px;color:var(--muted);min-height:16px;margin-bottom:5px}@keyframes pulse{50%{box-shadow:0 0 0 6px #e85d7525}}.detail-page,.settings-page,.admin-page{min-height:100%}.detail-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:20px}.detail-page article,.card{background:#101b2f;border:1px solid #263955;border-radius:17px;padding:17px}.detail-page article h3,.card h3{margin-top:0}.detail-page dl{display:grid;grid-template-columns:140px 1fr;gap:9px}.detail-page dt{color:var(--muted)}.member-admin>div,.admin-user>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.member-admin button,.admin-user button{padding:5px 7px;font-size:11px}.admin-stack{display:grid;gap:13px}.admin-stack details{background:#0b1527;border:1px solid #293c59;border-radius:12px;padding:10px}.admin-stack summary{cursor:pointer;font-weight:700}.danger-zone{border-color:#663144!important;background:#25131c!important}.danger-zone .button-stack,.button-stack{display:grid;gap:9px}.switch{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px}.switch input{width:auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:11px;padding:20px 20px 0}.stats article{background:#111d31;border:1px solid #263955;border-radius:15px;padding:15px}.stats strong,.stats span{display:block}.stats strong{font-size:25px}.stats span{font-size:11px;color:var(--muted);margin-top:5px}.preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.preview-head>div{display:flex;gap:6px}.preview-body{height:min(76vh,780px);background:#030812;border-radius:14px;overflow:auto;display:grid;place-items:center;padding:12px}.preview-media{max-width:100%;max-height:100%;transform-origin:center;transition:.1s}.preview-frame{border:0;width:100%;height:100%;background:white}.preview-text{width:100%;height:100%;overflow:auto;white-space:pre-wrap;margin:0;color:#e7efff}.preview-audio{width:min(600px,100%)}.unsupported{text-align:center}.loading,.fatal{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}@media(max-width:900px){.auth-page{grid-template-columns:1fr;padding:22px}.auth-brand{display:none}.shell{grid-template-columns:64px 250px minmax(0,1fr)}.rail{padding-inline:3px}.rail-btn{width:54px}.search-box{grid-template-columns:1fr}.message{width:97%}}@media(max-width:670px){.shell{display:flex;flex-direction:column}.rail{height:62px;flex-direction:row;order:3;border-right:0;border-top:1px solid #1f304a;padding:4px;overflow-x:auto}.brand-mini{display:none}.rail-btn,.rail-bottom{min-width:54px;height:52px;margin:0}.side{height:32vh;min-height:180px;border-right:0;border-bottom:1px solid #1f304a}.side-head{height:58px;padding:8px 11px}.workspace{height:calc(68vh - 62px)}.chat-head,.detail-page>header,.settings-page>header,.admin-page>header{min-height:60px;padding:9px 12px}.messages{padding:10px}.composer{padding:8px}.detail-grid,.settings-grid,.stats{padding:11px;grid-template-columns:1fr}.auth-card{padding:19px}.tabs button{font-size:12px}.modal{padding:16px}.preview-body{height:70vh}.message header{display:block}.message header span{display:block;margin-top:3px}.inline{align-items:stretch}.search-result,.member-row,.member-admin,.admin-user{align-items:flex-start;flex-direction:column}}