:root{--bg-dark: #0d1117;--bg-panel: #161b22;--bg-hover: #21262d;--border: #30363d;--accent: #238636;--accent-hover: #2ea043;--danger: #da3633;--text-main: #c9d1d9;--text-dim: #8b949e;--msg-own: #1f6feb;--msg-other: #21262d}body{margin:0;font-family:Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text-main);height:100vh;overflow:hidden}.login-container{display:flex;height:100vh;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1b2028,#0d1117)}.login-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;width:350px;padding:2rem;box-shadow:0 10px 30px #00000080}.user-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;max-height:200px;overflow-y:auto}.user-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:.2s}.user-row:hover{border-color:var(--text-dim)}.user-row.selected{border-color:var(--accent);background:#131820}.app-layout{display:flex;height:100vh;width:100vw}.sidebar{width:260px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column}.main-chat{flex:1;display:flex;flex-direction:column;background:var(--bg-dark);min-width:0}input[type=text],input[type=password]{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-main);padding:8px 12px;border-radius:6px;width:100%;outline:none;font-size:14px}input:focus{border-color:var(--msg-own)}button{background:var(--accent);color:#fff;border:1px solid rgba(255,255,255,.1);padding:6px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px}button:hover{background:var(--accent-hover)}button.secondary{background:var(--bg-hover);border-color:var(--border);color:var(--text-main)}button.secondary:hover{background:var(--border)}button.danger{background:var(--danger)}button.icon-btn{padding:4px 8px;font-size:12px;background:transparent;border:none;color:var(--text-dim)}button.icon-btn:hover{color:var(--text-main);background:#ffffff1a}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border)}.channel-list{flex:1;overflow-y:auto;padding:.5rem}.channel-item{padding:8px;border-radius:4px;cursor:pointer;color:var(--text-dim)}.channel-item:hover{color:var(--text-main);background:var(--bg-hover)}.channel-item.active{color:#fff;background:#1f293a;border-left:3px solid #1f6feb}.chat-header{height:60px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--bg-panel)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.chat-input{padding:1.5rem;background:var(--bg-panel);border-top:1px solid var(--border);display:flex;gap:10px}.message{padding:8px 12px;border-radius:8px;max-width:80%;line-height:1.4;word-wrap:break-word}.message.own{align-self:flex-end;background:var(--msg-own);color:#fff}.message.other{align-self:flex-start;background:var(--bg-hover);border:1px solid var(--border)}.msg-nick{font-size:10px;opacity:.7;margin-bottom:2px;display:block}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-panel);border:1px solid var(--border);padding:1.5rem;border-radius:8px;width:400px}.modal h3{margin-top:0}.row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.label{width:100px;color:var(--text-dim);font-size:.9rem}