@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #0b1418;--bg-alt: #0f1c22;--panel: rgba(18, 30, 36, .88);--panel-strong: rgba(10, 18, 22, .96);--border: rgba(255, 255, 255, .08);--text: #e7f2f5;--muted: #8fa7ae;--accent: #19e0c1;--accent-soft: rgba(25, 224, 193, .2);--accent-2: #ff8b5b;--danger: #ff4f4f;--shadow: 0 20px 60px rgba(4, 9, 10, .45)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at top left,rgba(25,224,193,.15),transparent 55%),radial-gradient(circle at 70% 20%,rgba(255,139,91,.18),transparent 55%),linear-gradient(150deg,var(--bg) 20%,var(--bg-alt) 100%);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}#root{min-height:100vh}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,92vw);background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.auth-title{font-size:1.2rem;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--muted)}.auth-error{color:var(--danger);font-size:.85rem}.auth-note{font-size:.75rem;color:var(--muted)}.auth-toggle{background:transparent;border:none;color:var(--accent);font-weight:600;cursor:pointer;text-align:left;padding:0}.app{display:grid;grid-template-columns:110px 280px 1fr 240px;grid-template-rows:1fr auto;min-height:100vh;height:100vh;gap:16px;padding:18px}aside,main{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:floatIn .6s ease}@keyframes floatIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.groups{display:flex;flex-direction:column;gap:16px;padding:18px 12px;align-items:center;background:var(--panel-strong)}.brand{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;color:var(--accent)}.brand-button{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--accent);background:transparent;border:none;cursor:pointer}.group-list{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}.group-button{width:58px;height:58px;border-radius:16px;border:1px solid transparent;background:linear-gradient(140deg,#19e0c11a,#ff8b5b33);color:var(--text);font-weight:700;font-size:1.1rem;cursor:pointer;transition:transform .2s ease,border .2s ease}.group-button.active{border:1px solid var(--accent);transform:translateY(-2px)}.group-button.locked{opacity:.6;border:1px dashed rgba(255,255,255,.2)}.status{font-size:.7rem;color:var(--muted);text-align:center}.channels{display:flex;flex-direction:column;gap:16px;padding:18px;min-height:0;overflow-y:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{font-weight:600;font-size:1.05rem}.panel-subtitle{font-size:.8rem;color:var(--muted)}.profile{background:#ffffff0a;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--border)}.profile label{font-size:.75rem;color:var(--muted)}.profile-note{font-size:.7rem;color:var(--muted)}.channel-section{display:flex;flex-direction:column;gap:8px}.friend-form{display:grid;grid-template-columns:1fr auto;gap:8px}.request-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff0a;padding:8px;border-radius:10px;font-size:.8rem}.request-actions{display:flex;gap:6px}.inline-error{color:var(--danger);font-size:.8rem}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.channel-item{border:none;background:transparent;color:var(--text);padding:8px 10px;border-radius:10px;text-align:left;cursor:pointer;transition:background .2s ease}.channel-item.active,.channel-item:hover{background:#19e0c11f}.voice-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.chat{display:flex;flex-direction:column;padding:18px;gap:16px;min-height:0}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.badge{background:#19e0c129;color:var(--accent);border:1px solid rgba(25,224,193,.4);padding:6px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.messages{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px}.message{background:#090f1266;border-radius:14px;padding:10px 14px;border:1px solid rgba(255,255,255,.04)}.message.own{border-color:#19e0c166;background:#19e0c114}.message-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:6px}.message-user{font-weight:600;color:var(--text)}.message-text{font-size:.95rem;line-height:1.4}.composer{display:grid;grid-template-columns:1fr auto;gap:10px}.voice-panel{display:flex;flex-direction:column;gap:16px;flex:1}.voice-header{display:flex;justify-content:space-between;align-items:center}.voice-body{display:grid;grid-template-columns:200px 1fr;gap:16px;flex:1}.voice-list,.voice-audio{background:#060a0c59;border-radius:14px;padding:12px;border:1px solid var(--border)}.voice-names{display:flex;flex-direction:column;gap:8px;margin-top:10px}.voice-name{padding:6px 8px;border-radius:10px;background:#ffffff0a}.audio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:10px}.audio-tile{border-radius:14px;padding:12px;background:#19e0c114;border:1px solid rgba(25,224,193,.2)}.audio-label{font-size:.8rem;margin-bottom:8px}.audio-rack{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;pointer-events:none}.hidden-audio{width:1px;height:1px}.members{display:flex;flex-direction:column;gap:16px;padding:18px;min-height:0;overflow-y:auto}.user-control{grid-column:1 / 3;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--panel-strong);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.user-meta{display:flex;align-items:center;gap:12px}.user-avatar{width:38px;height:38px;border-radius:12px;background:#19e0c129;color:var(--accent);display:grid;place-items:center;font-weight:700}.user-name{font-weight:600}.user-status{font-size:.75rem;color:var(--muted)}.user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.user-actions .ghost.active{border-color:#19e0c199;color:var(--accent);background:#19e0c11f}.member-list{display:flex;flex-direction:column;gap:10px}.member-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:#ffffff0a}.member-info{display:flex;align-items:center;gap:10px}.friend-row{justify-content:space-between}.member-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.member-name{font-size:.9rem}.admin-panel{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.admin-block{background:#060a0c59;border-radius:14px;padding:12px;border:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.admin-title{font-size:.85rem;font-weight:600}.admin-form{display:grid;grid-template-columns:1fr auto;gap:8px}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem}.admin-error{color:var(--danger);font-size:.8rem}input{background:#ffffff0f;border:1px solid var(--border);border-radius:10px;padding:8px 10px;color:var(--text);font-family:IBM Plex Mono,monospace;font-size:.9rem}button{font-family:Space Grotesk,sans-serif}button.primary{background:linear-gradient(135deg,#19e0c1cc,#19e0c180);color:#06201c;border:none;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:6px 10px;cursor:pointer}button.danger{background:#ff4f4f2e;color:#ffb1b1;border:1px solid rgba(255,79,79,.4);border-radius:10px;padding:8px 12px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.empty-state{color:var(--muted);font-size:.85rem;padding:10px}@media (max-width: 1100px){.app{grid-template-columns:90px 240px 1fr}.members{display:none}}@media (max-width: 860px){.app{grid-template-columns:1fr}.groups{flex-direction:row;justify-content:space-between}.group-list{flex-direction:row;flex-wrap:wrap;justify-content:center}.channels,.chat{min-height:auto}.voice-body{grid-template-columns:1fr}.user-control{grid-column:1 / -1;grid-row:auto;flex-direction:column;align-items:stretch}.user-actions{justify-content:space-between}}