:root{--bg-primary:#0f0f14;--bg-secondary:#16161e;--bg-tertiary:#1e1e2a;--bg-hover:#252536;--bg-active:#2d2d44;--text-primary:#e4e4ed;--text-secondary:#8888a4;--text-muted:#55556a;--accent:#6c5ce7;--accent-hover:#7d6ff0;--accent-glow:#6c5ce740;--green:#00d26a;--red:#ff4757;--yellow:#ffc312;--orange:#ff6348;--border:#2a2a3d;--radius:10px;--radius-sm:6px;--shadow:0 4px 24px #0006;--font:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f14;background:var(--bg-primary);color:#e4e4ed;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);overflow:hidden}#root,body{height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2a2a3d;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#55556a;background:var(--text-muted)}.auth-container{align-items:center;background:radial-gradient(ellipse at 50% 0,#6c5ce726 0,#0f0f14 70%);background:radial-gradient(ellipse at 50% 0,#6c5ce726 0,var(--bg-primary) 70%);display:flex;height:100vh;justify-content:center}.auth-card{background:#16161e;background:var(--bg-secondary);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);padding:40px;width:400px}.auth-logo{margin-bottom:32px;text-align:center}.auth-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#a78bfa);background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;font-size:28px;font-weight:700}.auth-logo p{color:#8888a4;color:var(--text-secondary);font-size:14px;margin-top:6px}.form-group{margin-bottom:16px}.form-group label{color:#8888a4;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input{background:#1e1e2a;background:var(--bg-tertiary);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#e4e4ed;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;padding:12px 14px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#6c5ce7;border-color:var(--accent);box-shadow:0 0 0 3px #6c5ce740;box-shadow:0 0 0 3px var(--accent-glow);outline:none}.btn-primary{background:#6c5ce7;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:15px;font-weight:600;margin-top:8px;padding:12px;transition:all .2s;width:100%}.btn-primary:hover{background:#7d6ff0;background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-switch{color:#8888a4;color:var(--text-secondary);font-size:14px;margin-top:20px;text-align:center}.auth-switch span{color:#6c5ce7;color:var(--accent);cursor:pointer;font-weight:600}.auth-switch span:hover{text-decoration:underline}.auth-error{background:#ff47571a;border:1px solid #ff47574d;border-radius:6px;border-radius:var(--radius-sm);color:#ff4757;color:var(--red);font-size:13px;margin-bottom:16px;padding:10px 14px}.app-layout{display:flex;height:100vh}.sidebar{background:#16161e;background:var(--bg-secondary);border-right:1px solid #2a2a3d;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;width:260px}.sidebar-header{align-items:center;border-bottom:1px solid #2a2a3d;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 16px}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#a78bfa);background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;font-size:18px;font-weight:700}.sidebar-section{flex:1 1;overflow-y:auto;padding:12px 8px}.sidebar-section-title{color:#55556a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:1.2px;padding:0 10px 8px;text-transform:uppercase}.channel-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:9px 12px;transition:background .15s}.channel-item:hover{background:#252536;background:var(--bg-hover)}.channel-item.active{background:#2d2d44;background:var(--bg-active);color:#fff}.channel-item .icon{flex-shrink:0;font-size:16px}.channel-item .name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item .badge{background:#6c5ce7;background:var(--accent);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 7px}.user-item{border-radius:6px;border-radius:var(--radius-sm);gap:10px;padding:7px 12px}.user-avatar,.user-item{align-items:center;display:flex;font-size:13px}.user-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-weight:700;height:30px;justify-content:center;position:relative;width:30px}.status-dot{border:2px solid #16161e;border:2px solid var(--bg-secondary);border-radius:50%;bottom:-1px;height:10px;position:absolute;right:-1px;width:10px}.status-dot.online{background:#00d26a;background:var(--green)}.status-dot.offline{background:#55556a;background:var(--text-muted)}.status-dot.busy{background:#ff4757;background:var(--red)}.btn-new-channel{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#8888a4;color:var(--text-secondary);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;gap:8px;padding:9px 12px;transition:all .15s;width:100%}.btn-new-channel:hover{background:#252536;background:var(--bg-hover);color:#e4e4ed;color:var(--text-primary)}.sidebar-footer{align-items:center;border-top:1px solid #2a2a3d;border-top:1px solid var(--border);display:flex;gap:10px;padding:12px 14px}.sidebar-footer .username{flex:1 1;font-size:14px;font-weight:600}.sidebar-footer .status-text{color:#00d26a;color:var(--green);font-size:11px}.btn-logout{background:none;border:none;color:#55556a;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;transition:color .15s}.btn-logout:hover{color:#ff4757;color:var(--red)}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header{background:#16161e;background:var(--bg-secondary);border-bottom:1px solid #2a2a3d;border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 20px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:10px}.chat-header-info .icon{font-size:20px}.chat-header-info h3{font-size:16px;font-weight:600}.chat-header-info .desc{color:#8888a4;color:var(--text-secondary);font-size:13px;margin-left:12px}.btn-action,.chat-actions{display:flex;gap:6px}.btn-action{align-items:center;background:#1e1e2a;background:var(--bg-tertiary);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#e4e4ed;color:var(--text-primary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:13px;padding:8px 14px;transition:all .15s}.btn-action:hover{background:#252536;background:var(--bg-hover)}.btn-action.active,.btn-action:hover{border-color:#6c5ce7;border-color:var(--accent)}.btn-action.active{background:#6c5ce7;background:var(--accent)}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 20px}.message{border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:8px 10px;transition:background .1s}.message:hover{background:#252536;background:var(--bg-hover)}.message-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;margin-top:2px;width:36px}.message-body{flex:1 1;min-width:0}.message-header{align-items:baseline;display:flex;gap:8px;margin-bottom:3px}.message-author{font-size:14px;font-weight:600}.message-time{color:#55556a;color:var(--text-muted);font-size:11px}.message-text{color:#e4e4ed;color:var(--text-primary);font-size:14px;line-height:1.5;word-break:break-word}.message-system{padding:6px 0;text-align:center}.message-system,.typing-indicator{color:#55556a;color:var(--text-muted);font-size:13px}.typing-indicator{font-style:italic;min-height:24px;padding:4px 20px}.message-input-area{background:#16161e;background:var(--bg-secondary);border-top:1px solid #2a2a3d;border-top:1px solid var(--border);padding:14px 20px}.message-input-wrapper{align-items:flex-end;display:flex;gap:10px}.message-input-wrapper input{background:#1e1e2a;background:var(--bg-tertiary);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#e4e4ed;color:var(--text-primary);flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;padding:12px 16px;transition:border-color .2s}.message-input-wrapper input:focus{border-color:#6c5ce7;border-color:var(--accent);box-shadow:0 0 0 3px #6c5ce740;box-shadow:0 0 0 3px var(--accent-glow);outline:none}.btn-send{background:#6c5ce7;background:var(--accent);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:all .15s}.btn-send:hover{background:#7d6ff0;background:var(--accent-hover);transform:translateY(-1px)}.video-panel{background:#0f0f14;background:var(--bg-primary);border-top:1px solid #2a2a3d;border-top:1px solid var(--border);display:flex;flex-direction:column}.video-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;padding:12px}.video-grid.grid-1{grid-template-columns:1fr;max-height:300px}.video-grid.grid-2{grid-template-columns:1fr 1fr;max-height:260px}.video-grid.grid-3,.video-grid.grid-4{grid-template-columns:1fr 1fr;max-height:400px}.video-grid.grid-5{grid-template-columns:1fr 1fr 1fr;max-height:400px}.video-tile{align-items:center;aspect-ratio:16/9;background:#1e1e2a;background:var(--bg-tertiary);display:flex;justify-content:center;overflow:hidden;position:relative}.video-tile,.video-tile video{border-radius:10px;border-radius:var(--radius)}.video-tile video{height:100%;object-fit:cover;width:100%}.video-tile .video-name{background:#000000b3;border-radius:4px;bottom:8px;font-size:12px;font-weight:500;left:8px;padding:3px 10px;position:absolute}.video-tile .no-video{align-items:center;color:#55556a;color:var(--text-muted);display:flex;flex-direction:column;gap:8px}.video-tile .no-video .avatar-large{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.video-controls{background:#16161e;background:var(--bg-secondary);border-top:1px solid #2a2a3d;border-top:1px solid var(--border);gap:10px;padding:12px}.btn-video-control,.video-controls{display:flex;justify-content:center}.btn-video-control{align-items:center;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:44px;transition:all .15s;width:44px}.btn-video-control.on{background:#1e1e2a;background:var(--bg-tertiary);color:#e4e4ed;color:var(--text-primary)}.btn-video-control.off{background:#ff475733;color:#ff4757;color:var(--red)}.btn-video-control.screen{background:#1e1e2a;background:var(--bg-tertiary);color:#6c5ce7;color:var(--accent)}.btn-video-control.end{background:#ff4757;background:var(--red);border-radius:16px;color:#fff;width:56px}.btn-video-control:hover{transform:scale(1.1)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{background:#16161e;background:var(--bg-secondary);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);padding:28px;width:420px}.modal h3{font-size:18px;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-secondary{background:#1e1e2a;background:var(--bg-tertiary);border:1px solid #2a2a3d;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#e4e4ed;color:var(--text-primary);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font);font-size:14px;padding:10px 18px}.btn-secondary:hover{background:#252536;background:var(--bg-hover)}.empty-state{align-items:center;color:#55556a;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.empty-state .icon{font-size:48px}.empty-state h3{color:#8888a4;color:var(--text-secondary);font-size:18px}.empty-state p{font-size:14px}
/*# sourceMappingURL=main.71288c9f.css.map*/