*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161b22;--surface2: #1c2128;--border: #30363d;--accent: #238636;--accent-dim: #1a6328;--danger: #da3633;--danger-dim: #6e1a18;--text: #e6edf3;--text-muted: #8b949e;--tx-green: #3fb950;--tx-glow: rgba(63, 185, 80, .15);--radius: 10px;--header-h: 56px}.hidden{display:none!important}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px}#app{display:flex;flex-direction:column;height:100%;overflow:hidden}#login-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:200}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 2rem;width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.login-logo{font-size:2.5rem}.login-card h1{font-size:1.4rem;font-weight:700;margin-top:.25rem}.login-subtitle{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}#login-form{width:100%;display:flex;flex-direction:column;gap:.6rem}#login-password{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;padding:.65rem .9rem;outline:none;text-align:center;letter-spacing:.15em}#login-password:focus{border-color:var(--accent)}#login-form .accent-btn{width:100%;padding:.65rem;font-size:.95rem;border-radius:8px}.login-error{font-size:.82rem;color:var(--danger);text-align:center}.dash-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.dash-title{display:flex;align-items:center;gap:.75rem}.dash-logo{font-size:1.6rem}.dash-title h1{font-size:1.1rem;font-weight:700;line-height:1.2}.dash-subtitle{font-size:.72rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.header-right{display:flex;align-items:center;gap:1rem}.conn-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.conn-dot.connected{background:var(--tx-green);box-shadow:0 0 6px var(--tx-green)}.conn-dot.disconnected{background:var(--danger)}.back-btn{color:var(--text-muted);text-decoration:none;font-size:.85rem;padding:.3rem .6rem;border:1px solid var(--border);border-radius:6px;transition:color .15s,border-color .15s}.back-btn:hover{color:var(--text);border-color:var(--text-muted)}.stats-bar{display:flex;gap:1px;background:var(--border);border-bottom:1px solid var(--border);flex-shrink:0}.stat-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 1rem;background:var(--surface);gap:.2rem;transition:background .2s}.stat-card.highlight{background:var(--surface2)}.stat-card.highlight.active{background:var(--tx-glow)}.stat-value{font-size:1.75rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.dash-grid{display:grid;grid-template-columns:1fr 340px;gap:0;flex:1;overflow:hidden;border-top:none}.panel{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.1rem;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.panel-header h2{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.badge{background:var(--border);border-radius:12px;color:var(--text-muted);font-size:.72rem;font-weight:600;padding:.15rem .5rem;min-width:22px;text-align:center}.left-panel{border-right:1px solid var(--border)}.tab-bar{display:flex;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:.82rem;font-weight:600;padding:.65rem 1rem;transition:color .15s,border-color .15s;white-space:nowrap}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text);border-bottom-color:var(--accent)}.tab-content{display:none;flex:1;flex-direction:column;overflow:hidden}.tab-content.active{display:flex}.tab-toolbar{padding:.65rem .75rem;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.inline-form{display:flex;gap:.4rem;flex-wrap:wrap}.inline-form input,.inline-form select{flex:1;min-width:80px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.82rem;padding:.4rem .6rem;outline:none}.inline-form input:focus,.inline-form select:focus{border-color:var(--accent)}.accent-btn{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:.4rem .8rem;transition:background .15s;white-space:nowrap}.accent-btn:hover{background:var(--accent-dim)}.channels-panel{border-right:1px solid var(--border)}#channels-container{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.empty-msg{color:var(--text-muted);font-size:.85rem;padding:2rem;text-align:center}.channel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.channel-card:hover{border-color:#484f58}.channel-card-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;background:var(--surface2);border-bottom:1px solid var(--border);gap:.5rem}.channel-card-title{display:flex;align-items:baseline;gap:.3rem;min-width:0}.ch-hash{color:var(--text-muted);font-weight:700}.ch-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-desc{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-card-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.tx-badge{background:var(--tx-green);border-radius:4px;color:#000;font-size:.7rem;font-weight:700;padding:.15rem .4rem;animation:pulse-bg 1s infinite}.user-count{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.user-rows{list-style:none;padding:.4rem 0}.no-users{color:var(--text-muted);font-size:.8rem;padding:.5rem .9rem;font-style:italic}.user-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem;transition:background .15s}.user-row:hover{background:#ffffff08}.user-row.tx{background:var(--tx-glow)}.user-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.user-row.tx .user-dot{background:var(--tx-green);animation:pulse-dot .9s ease-in-out infinite}.user-name{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-pill{background:var(--tx-green);border-radius:3px;color:#000;font-size:.65rem;font-weight:700;padding:.1rem .3rem;flex-shrink:0}.user-sid{font-size:.7rem;color:var(--text-muted);font-family:monospace;flex-shrink:0}.joined-at{font-size:.7rem;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.role-pill{border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.1rem .4rem;text-transform:uppercase}.role-admin{background:#6e40c9;color:#fff}.role-moderator{background:#1158c7;color:#fff}.role-user{background:var(--border);color:var(--text-muted)}.role-listener{background:#5a4a00;color:#d4a017}#users-container,#roles-container{flex:1;overflow-y:auto;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.3rem}#user-search{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.82rem;padding:.4rem .6rem;outline:none}#user-search:focus{border-color:var(--accent)}.user-mgmt-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:6px;border:1px solid transparent;transition:background .15s}.user-mgmt-row:hover{background:#ffffff08}.user-mgmt-row.online{border-color:#3fb95033}.online-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.online-dot.on{background:var(--tx-green)}.online-dot.off{background:var(--border)}.um-name{flex:1;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-select-inline{background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:.78rem;padding:.25rem .4rem;cursor:pointer;outline:none}.role-select-inline:focus{border-color:var(--accent)}.role-legend{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem}.role-legend-row{display:flex;align-items:center;gap:.6rem}.role-legend-desc{font-size:.78rem;color:var(--text-muted)}.role-assignments h4{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem}.role-assignment-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:6px;border:1px solid var(--border);margin-bottom:.3rem;background:var(--surface)}.ra-name{flex:1;font-size:.85rem;font-weight:500}.ra-since{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:420px;display:flex;flex-direction:column;gap:.85rem}.modal-box h3{font-size:1rem;font-weight:700}.modal-box label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.modal-box input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.95rem;padding:.5rem .7rem;outline:none}.modal-box input:focus{border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.log-panel{border-right:none}#activity-log{flex:1;overflow-y:auto;list-style:none;padding:0}.log-entry{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .9rem;border-bottom:1px solid rgba(48,54,61,.5);font-size:.8rem;line-height:1.4}.log-entry:hover{background:#ffffff05}.log-time{color:var(--text-muted);font-size:.72rem;font-family:monospace;flex-shrink:0;padding-top:1px}.log-icon{flex-shrink:0;font-size:.85rem}.log-msg{color:var(--text)}.log-msg b{color:#fff;font-weight:600}.log-msg code{font-family:monospace;font-size:.85em;color:var(--text-muted)}.log-join{border-left:2px solid var(--tx-green)}.log-leave{border-left:2px solid var(--danger)}.log-ptt-start{border-left:2px solid #58a6ff}.log-kick{border-left:2px solid #f0883e}.log-close-channel,.log-delete-channel{border-left:2px solid var(--text-muted)}.ghost-btn{background:transparent;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.25rem .6rem;transition:border-color .15s,color .15s;white-space:nowrap}.ghost-btn:hover{border-color:var(--text-muted);color:var(--text)}.danger-btn{background:transparent;border:1px solid var(--danger);border-radius:5px;color:var(--danger);cursor:pointer;font-size:.75rem;padding:.25rem .6rem;transition:background .15s;white-space:nowrap}.danger-btn:hover{background:var(--danger-dim)}.kick-btn{margin-left:auto;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@keyframes pulse-bg{0%,to{opacity:1}50%{opacity:.6}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (max-width: 768px){.dash-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.panel{border-right:none;border-bottom:1px solid var(--border)}}