:root{--bg: #1a1a2e;--surface: #16213e;--surface-2: #0f3460;--accent: #e94560;--text: #f4f7fb;--muted: #98a5c3;--border: rgba(255, 255, 255, .08);--success: #38d39f;font-family:Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top,#23396f 0%,var(--bg) 55%)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{min-height:100vh}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,420px);background:#16213eeb;border:1px solid var(--border);border-radius:28px;padding:32px;box-shadow:0 24px 80px #00000059}.auth-brand{font-size:28px;font-weight:800;color:var(--accent)}.auth-subtitle,.muted,.auth-link{color:var(--muted)}.auth-input,.search-input,.composer-input{width:100%;margin-top:12px;border:1px solid var(--border);border-radius:18px;background:#ffffff0a;color:var(--text);padding:14px 16px}.primary-button,.ghost-button,.attach-button{border:0;cursor:pointer;border-radius:18px;padding:12px 18px;transition:.2s ease}.primary-button{background:var(--accent);color:#fff;margin-top:14px}.ghost-button,.attach-button{background:#ffffff0d;color:var(--text)}.layout{display:grid;grid-template-columns:340px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);background:#16213ed9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-top,.sidebar-bottom{padding:18px}.sidebar-title-row,.chat-meta-head,.chat-meta-foot,.composer{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-list{flex:1;overflow:auto;padding:0 12px 12px}.chat-list-item,.search-result{width:100%;border:0;text-align:left;display:flex;gap:14px;padding:14px;border-radius:22px;margin-top:8px;background:transparent;color:var(--text);cursor:pointer}.chat-list-item.active,.chat-list-item:hover,.search-result:hover{background:#e9456024}.avatar{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,var(--accent),#ff7a59)}.avatar.large{width:56px;height:56px}.chat-meta{flex:1;min-width:0}.chat-meta span,.chat-meta strong,.message-bubble,.search-result span,.search-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge,.chip{background:var(--accent);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px}.chip-row,.search-results,.group-builder{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chat-window{display:flex;flex-direction:column;min-width:0}.chat-window.empty{display:grid;place-items:center}.chat-header,.composer{padding:18px 24px;border-bottom:1px solid var(--border)}.messages-panel{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.message-row{display:flex}.message-row.own{justify-content:flex-end}.message-bubble{max-width:min(520px,78%);background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:14px;white-space:normal}.message-bubble.own{background:var(--surface-2)}.message-author,.typing-indicator{color:var(--muted);font-size:13px}.message-footer{margin-top:8px;display:flex;justify-content:flex-end;gap:8px;color:var(--muted);font-size:12px}.message-image,.message-video{width:100%;border-radius:16px;margin-bottom:8px}.file-card{display:inline-block;padding:10px 12px;background:#ffffff0d;border-radius:12px;margin-bottom:8px}.typing-indicator{min-height:22px;padding:0 24px}.composer{border-top:1px solid var(--border);border-bottom:0}.composer-input,.send-button{margin:0}.auth-error{color:#ff8ea0;margin-top:12px}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{min-height:45vh;border-right:0;border-bottom:1px solid var(--border)}.messages-panel{padding:16px}.chat-header,.composer{padding:14px 16px}.message-bubble{max-width:90%}}