:root{--bg-0: #07111d;--bg-1: #0d1a2f;--bg-2: #132742;--panel: rgba(6, 16, 31, .76);--panel-strong: rgba(8, 19, 37, .94);--line: rgba(142, 172, 206, .16);--line-bright: rgba(255, 255, 255, .09);--text: #edf6ff;--muted: #88a5c6;--accent: #f4b544;--alert: #ff6d52;--mint: #75e3b6;--glow: rgba(244, 181, 68, .2);font-family:Azeret Mono,IBM Plex Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 12% 18%,rgba(244,181,68,.18),transparent 24%),radial-gradient(circle at 84% 22%,rgba(117,227,182,.18),transparent 24%),linear-gradient(130deg,var(--bg-0),var(--bg-1) 48%,var(--bg-2))}button,input,textarea{font:inherit}button{cursor:pointer}input[type=range]{width:calc(100% - 12px);margin:0 6px}.login-shell{min-height:100vh;padding:32px;display:grid;place-items:center}.login-stage{width:min(1200px,100%);display:block}.login-card,.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 28px 120px #00000040}.login-card{padding:40px;border-radius:32px}.kicker{margin:0 0 12px;color:var(--accent);font-size:11px;letter-spacing:.28em;text-transform:uppercase}.panel-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.96;margin-bottom:20px;max-width:10ch}.lead{color:var(--muted);line-height:1.6;max-width:62ch}.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.auth-switch{display:flex;gap:10px;margin-bottom:18px}label{display:grid;gap:8px;font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.locale-switch{display:grid;gap:6px;min-width:124px;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.locale-switch.inline{min-width:108px}.locale-switch select{border:1px solid var(--line-bright);background:#ffffff0f;color:var(--text);border-radius:999px;padding:8px 12px}input,textarea,.modal-input{width:100%;border:1px solid var(--line-bright);background:#ffffff08;color:var(--text);border-radius:16px;padding:14px 16px}.modal-input-spaced{margin-top:10px}textarea{min-height:110px;resize:vertical}.login-actions,.panel-head,.inline-actions,.modal-actions,.user-badge{display:flex;align-items:center;justify-content:space-between}.button-primary,.button-ghost,.button-warn,.nav-link{border:0;border-radius:999px;padding:12px 18px}.button-primary{background:linear-gradient(135deg,var(--accent),#ffd782);color:#0f1724;font-weight:700}.button-ghost,.nav-link{background:#ffffff0f;color:var(--text)}.button-warn{background:linear-gradient(135deg,#ff7e61,#ffb38e);color:#220e08;font-weight:700}.small{padding:8px 12px;font-size:12px}.muted{color:var(--muted);font-size:12px}.app-shell{min-height:100vh;padding:22px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;position:relative;overflow:hidden}.ambient{position:absolute;inset:auto;width:42vw;height:42vw;filter:blur(70px);pointer-events:none;opacity:.32}.ambient-left{left:-12vw;top:-10vw;background:#f4b5442e}.ambient-right{right:-14vw;bottom:-12vw;background:#75e3b626}.left-rail,.main-stage{position:relative;z-index:1}.nav-link.active{background:#f4b5442e;box-shadow:inset 0 0 0 1px #f4b54447}.side-panel,.content-panel,.stat-panel{border-radius:28px;padding:20px}.left-rail{display:grid;grid-template-rows:auto auto auto 1fr;gap:16px;min-height:calc(100vh - 44px)}.user-strip{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.user-strip-main{display:grid;gap:6px;min-width:0}.user-strip span{color:var(--muted);font-size:12px}.user-strip-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.user-strip-row strong,.user-strip-row span{min-width:0}.user-locale-row{display:flex;align-items:center;gap:10px;min-width:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.user-locale-row span{flex:0 0 auto}.user-locale-row select{min-width:0;max-width:160px;border:1px solid var(--line-bright);background:#ffffff0f;color:var(--text);border-radius:999px;padding:6px 10px}.side-divider{height:1px;background:linear-gradient(90deg,#ffffff14,#ffffff38,#ffffff14)}.top-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;min-width:0}.room-panel{min-height:0;overflow:auto}.room-stack,.channel-list,.chat-stream,.stat-list,.admin-actions{display:grid;gap:8px}.room-card,.channel-card{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);color:var(--text);min-height:38px;padding:8px 10px;text-align:left;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card:hover,.channel-card:hover{transform:translateY(-1px)}.room-card.active,.channel-card.active{border-color:#f4b5448c;box-shadow:0 0 0 1px #f4b54438,0 16px 32px #0000002e}.room-card.highlighted{box-shadow:0 0 0 1px #75e3b633,0 0 40px #75e3b61f}.room-main,.channel-card>div:first-child{display:grid;gap:4px}.room-card{display:flex;justify-content:space-between;align-items:center;gap:10px}.room-title-line{display:flex;align-items:center;gap:8px;min-height:20px;min-width:0}.pin-mark,.pill,.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:11px}.pill,.status-badge{background:#ffffff12;color:var(--muted)}.room-meta,.channel-card span,.inline-actions{color:var(--muted);font-size:12px}.room-indicators{display:flex;align-items:center;gap:8px}.status-dot{width:9px;height:9px;border-radius:50%;background:#ffffff80}.status-dot.hot{background:var(--mint);box-shadow:0 0 18px #75e3b6b3}.status-dot.alert{background:var(--accent);box-shadow:0 0 18px #f4b54499}.main-stage{display:grid;min-height:calc(100vh - 44px)}.slider-box{min-width:260px}.content-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start;min-height:calc(100vh - 44px)}.content-grid,.panel-head,.panel-head>div,.chat-tools,.presence-actions,.admin-row-main,.admin-row-headline,.room-main,.channel-line{min-width:0}.admin-stack{display:grid;gap:18px;align-content:start}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-height:calc(100vh - 44px)}.chat-stream{padding:6px 2px 6px 0;overflow:auto;display:grid;gap:8px}.chat-group{display:grid;gap:4px;width:100%}.chat-group-header{display:flex;align-items:center;gap:8px;min-height:18px;padding:1px 0 1px 2px;font-size:12px;color:var(--text)}.chat-group-header strong{font-size:14px;line-height:1.15;font-weight:700}.room-card strong,.channel-card strong,.panel-head h3,.participant-head strong,.admin-row-main strong,.participant-menu-title,.chat-group-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-group-items{display:grid;gap:2px}.chat-bubble{width:100%;padding:2px 0 2px 8px;border-radius:0;background:transparent;border:0;display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:start;gap:8px;max-width:none}.chat-bubble-main{min-width:0}.chat-bubble.text{padding-top:1px;padding-bottom:1px}.chat-bubble.text .chat-bubble-main{padding:2px 0}.chat-bubble p{margin:0;line-height:1.4;font-size:13px;overflow-wrap:anywhere}.chat-item-time{color:var(--muted);font-size:10px;text-align:right;white-space:nowrap;align-self:start;padding-top:3px}.chat-divider{height:1px;margin:0 0 8px;background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14)}.composer{display:grid;gap:12px}.composer-toolbar{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.pending-media{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.pending-media span{color:var(--muted);font-size:12px}.presence-panel{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.compact{gap:10px}.participant-list{display:grid;gap:8px}.presence-actions{display:flex;align-items:center;gap:10px}.participant-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px 10px;background:#ffffff08;display:grid;gap:6px}.participant-card audio{display:none}.participant-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.participant-head.simple{grid-template-columns:minmax(0,1fr) auto}.participant-head>div{display:grid;gap:4px}.compact-participant-card{min-height:38px;padding:8px 10px;gap:4px}.compact-participant-card .participant-head strong{font-size:13px;line-height:1.15}.compact-participant-card .participant-head span{font-size:10px}.participant-mute{color:var(--muted);font-size:10px;border-radius:999px;padding:3px 7px;background:#ffffff0f}.participant-mute.muted{color:#ffd8d0;background:#ff6d5224}.participant-head span,.chat-subline{color:var(--muted);font-size:12px}.control-row{gap:6px;text-transform:none;letter-spacing:0}.compact-row{font-size:11px}.chat-tools{display:flex;align-items:center;gap:8px}.slider-box.compact{min-width:180px}.empty-state{border:1px dashed rgba(255,255,255,.1);border-radius:18px;padding:20px;color:var(--muted);text-align:center}.admin-meta{display:grid;gap:8px;margin-top:18px}.admin-meta p{margin:0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.admin-meta code{display:block;padding:12px 14px;border-radius:14px;background:#ffffff0a;color:var(--text);overflow-wrap:anywhere}.context-menu{position:fixed;min-width:180px;padding:8px;border-radius:18px;border:1px solid var(--line);background:#07101df5;z-index:40;display:grid;gap:6px}.context-menu button{text-align:left;border:0;background:#ffffff0a;color:var(--text);padding:10px 12px;border-radius:12px}.participant-menu{min-width:260px}.participant-menu-title{padding:8px 10px 2px;font-size:13px;color:var(--accent)}.participant-menu-actions{display:grid;gap:8px;margin-top:8px}.context-menu button.danger-action{background:#ff6d5229;color:#ffd8d0}.chat-media-block{display:grid;gap:6px}.chat-media-block span{color:var(--muted);font-size:11px}.chat-image{max-width:min(260px,100%);border-radius:12px;border:1px solid rgba(255,255,255,.08)}.chat-audio{width:min(260px,100%);height:34px}.channel-line{display:flex;align-items:center;gap:8px;min-width:0}.channel-line strong,.room-title-line strong{min-width:0;font-size:12px;line-height:1.15}.channel-lock-tag{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:10px;color:var(--accent);background:#f4b5441f;border:1px solid rgba(244,181,68,.22)}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:#020812a3;display:grid;place-items:center;padding:24px;z-index:50}.modal-card{width:min(520px,100%);padding:28px;border-radius:26px;border:1px solid var(--line);background:#07101df5}.test-loop-card{display:grid;gap:14px}.test-loop-output{display:grid;gap:8px;padding:14px 16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.test-loop-output span{color:var(--muted);font-size:12px}.test-loop-playback,.test-loop-meta{display:grid;gap:8px}.test-loop-playback audio{width:100%}.test-loop-meta{grid-template-columns:1fr 1fr;color:var(--muted);font-size:12px}.user-list-admin,.room-admin-list{display:grid;gap:10px}.interface-list,.admin-group-body,.admin-user-form{display:grid;gap:12px}.admin-bulk-bar,.admin-bulk-actions,.interface-edit{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-bulk-bar{justify-content:space-between}.admin-group{padding:0;overflow:hidden;border-radius:22px}.admin-group-head{width:100%;border:0;color:var(--text);background:linear-gradient(180deg,#ffffff08,#ffffff03);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;text-align:left;min-height:56px;border-bottom:1px solid rgba(255,255,255,.06)}.admin-group-title{display:flex;align-items:center;gap:10px}.admin-group-title h3{margin:0;font-size:15px;letter-spacing:.02em}.admin-group-count,.admin-group-toggle{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:11px;line-height:1}.admin-group-count{color:var(--accent);background:#f4b5441f;border:1px solid rgba(244,181,68,.2)}.admin-group-toggle{color:var(--muted);background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.admin-group-body{padding:14px 16px 16px}.user-admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.admin-row-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;flex:1 1 auto;min-width:0}.admin-row-headline,.admin-row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.admin-row-headline strong{font-size:14px}.user-admin-row span{color:var(--muted);font-size:12px}.row-check{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 28px;letter-spacing:0;text-transform:none}.row-check input{width:auto;margin:0}.row-check-text{display:none}.admin-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:flex-end;min-width:120px}.status-chip,.action-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:12px;line-height:1}.status-chip{background:#ffffff0f;color:var(--muted);border:1px solid rgba(255,255,255,.06)}.status-chip.online{color:#bff8da;background:#75e3b61f;border-color:#75e3b63d}.status-chip.offline{color:#b7c9dd}.status-chip.blocked{color:#ffd8d0;background:#ff6d5224;border-color:#ff6d5238}.action-chip{border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:var(--text);transition:transform .12s ease,border-color .12s ease,background .12s ease}.action-chip:hover{transform:translateY(-1px);border-color:#ffffff2e}.action-chip-mint{color:#bff8da;background:#75e3b61f;border-color:#75e3b63d}.action-chip-warn{color:#ffe2aa;background:#f4b54424;border-color:#f4b54438}.action-chip-danger{color:#ffd8d0;background:#ff6d5229;border-color:#ff6d5238}.interface-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.2fr);gap:16px;padding:14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.interface-copy{display:grid;gap:4px}.interface-copy span{color:var(--muted);font-size:12px}.interface-edit input{flex:1 1 260px}@media(max-width:1040px){.app-shell,.login-stage,.content-grid{grid-template-columns:1fr}.app-shell{padding:16px}.top-actions{grid-template-columns:1fr}.admin-bulk-bar,.interface-row{display:grid}.user-admin-row{align-items:flex-start;flex-direction:column}.admin-row-actions{width:100%;justify-content:flex-start}}