:root{--bg: #0b0f14;--card: #121826;--border: #223047;--text: #e6edf3;--muted: #9fb0c0;--accent: #4f8cff;--danger: #ff5a5a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}body{background:var(--bg);color:var(--text)}.page{height:100%}.page.center{display:grid;place-items:center;padding:24px}.card{width:420px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.label{display:block;margin:12px 0 6px;color:var(--muted)}.input,.textarea{width:100%;border:1px solid var(--border);background:#0f1522;color:var(--text);border-radius:10px;padding:10px 12px;outline:none}.textarea{min-height:44px;max-height:140px;resize:vertical}.btn{margin-top:12px;width:100%;border:1px solid var(--border);background:var(--accent);color:#fff;border-radius:10px;padding:10px 12px;cursor:pointer}.btn.secondary{background:transparent;color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed}.error{margin-top:10px;color:var(--danger)}.ok{margin-top:10px}.muted{margin-top:10px;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.page.chats{display:grid;grid-template-columns:320px 1fr;height:100%;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:#0c111b;display:grid;grid-template-rows:auto auto 1fr auto;min-width:280px;min-height:0}.sidebarHeader,.sidebarFooter{padding:12px;border-bottom:1px solid var(--border)}.sidebarFooter{border-bottom:none;border-top:1px solid var(--border)}.sidebarHeader{display:flex;gap:12px;align-items:center;justify-content:space-between}.sidebarHeader .title{font-weight:700}.sidebarSearch,.searchHint{padding:12px;border-bottom:1px solid var(--border)}.chatList{overflow:auto;min-height:0;padding:8px}.chatItem{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);padding:10px;border-radius:10px;cursor:pointer}.chatItem:hover{background:#ffffff0a}.chatItem.active{border-color:var(--accent);background:#4f8cff1f}.chatName{font-weight:600}.chatMeta{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{display:grid;height:100%;min-height:0}.empty{display:grid;place-items:center;color:var(--muted)}.chatView{height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr auto}.chatHeader{padding:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.chatTitle{font-weight:700}.messageList{overflow:auto;min-height:0;padding:12px;display:flex;flex-direction:column;gap:10px}.message{border:1px solid var(--border);background:#ffffff05;border-radius:10px;padding:10px}.messageMeta{display:flex;gap:10px;align-items:center;font-size:12px}.messageBody{margin-top:6px;white-space:pre-wrap}.messageInput{border-top:1px solid var(--border);padding:12px}.inputRow{display:grid;grid-template-columns:1fr 140px;gap:10px;align-items:end}.editBar{margin-bottom:8px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.searchBox{display:grid;gap:10px}.searchRow{position:relative}.iconBtn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.iconBtn:hover{background:#ffffff0a}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);padding-bottom:8px}.tab{border:1px solid var(--border);background:transparent;color:var(--text);padding:6px 10px;border-radius:999px;cursor:pointer}.tab.active{border-color:var(--accent);background:#4f8cff1f}.searchResults{max-height:55vh;overflow:auto}.resultList{display:grid;gap:8px}.resultItem{text-align:left;border:1px solid var(--border);background:#ffffff05;color:var(--text);padding:10px;border-radius:10px;cursor:pointer}.resultItem:hover{background:#ffffff0a}.resultTitle{font-weight:600}.resultMeta{color:var(--muted);font-size:12px;margin-top:4px}.wsStatus{margin-top:4px;font-size:12px;color:var(--muted)}.wsStatus.open{color:#7ee787}.wsStatus.connecting,.wsStatus.reconnecting{color:#d29922}.wsStatus.closed{color:var(--danger)}.chatItemRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.chatItemText{min-width:0;flex:1}.unreadStar{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:#d1242f;color:#fff;font-size:12px;line-height:1}.attachPreview{max-width:320px;max-height:240px;border-radius:10px;border:1px solid var(--border);cursor:pointer;display:block}.fileCard{display:flex;gap:12px;align-items:center;border:1px solid var(--border);background:#ffffff05;border-radius:14px;padding:12px;max-width:420px}.fileIcon{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#ffffff0f;border:1px solid var(--border);font-size:18px}.fileInfo{min-width:0}.fileName{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.fileLink{display:inline-block;margin-top:6px;color:var(--accent);text-decoration:none}.fileLink:hover{text-decoration:underline}.viewerOverlay{position:fixed;inset:0;background:#000000bf;display:grid;place-items:center;z-index:9999}.viewerBody{position:relative;max-width:min(92vw,1100px);max-height:92vh}.viewerMedia{max-width:100%;max-height:92vh;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#000}.viewerClose{position:absolute;top:-10px;right:-10px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0009;color:#fff;font-size:22px;cursor:pointer}