:root{--bg-color: #0f172a;--panel-bg: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--danger-hover: #dc2828;--success: #22c55e;--accent: #8b5cf6;--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,.5) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,.5) 0,transparent 50%);background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 25px 50px -12px #00000080}input{width:100%;padding:12px 16px;margin:8px 0;background:#0f172a99;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f64d}button{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}button:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 4px 15px #3b82f666}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),#7c3aed);box-shadow:0 6px 20px #3b82f699}.btn-danger{background:linear-gradient(135deg,var(--danger),#b91c1c);box-shadow:0 4px 15px #ef444466}.btn-danger:hover{background:linear-gradient(135deg,var(--danger-hover),#991b1b)}.btn-success{background:linear-gradient(135deg,var(--success),#16a34a);box-shadow:0 4px 15px #22c55e66}.app-container{width:100%;max-width:1200px;min-height:90vh;padding:20px;display:flex;flex-direction:column}.auth-container{width:100%;max-width:400px;margin:auto;padding:40px;display:flex;flex-direction:column;gap:20px}.auth-container h1{text-align:center;font-size:2rem;margin-bottom:10px;background:linear-gradient(to right,#fff,var(--text-muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wt-layout{display:flex;flex-direction:column;gap:24px;height:auto}@media(min-width:900px){.wt-layout{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 120px)}}.users-list-panel{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.online-users-list{display:flex;flex-direction:column;gap:12px}.user-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0d;border-radius:12px;transition:all .2s;cursor:pointer}.user-item:hover{background:#ffffff1a;transform:translate(5px)}.user-item.active{background:#3b82f633;border:1px solid var(--primary)}.user-info{display:flex;align-items:center;gap:12px}.status-dot{width:10px;height:10px;background:var(--success);border-radius:50%;box-shadow:0 0 10px var(--success)}.main-comms-panel{display:flex;flex-direction:column;gap:24px}.video-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.video-card{position:relative;background:#000;border-radius:16px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 10px 30px #00000080}.video-card video{width:100%;height:100%;object-fit:cover}.video-label{position:absolute;bottom:16px;left:16px;background:#0009;padding:6px 12px;border-radius:8px;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:8px}.controls-panel{min-height:180px;display:flex;align-items:center;justify-content:center;position:relative;padding:20px}.ptt-button{width:120px;height:120px;border-radius:60px;background:linear-gradient(145deg,var(--danger),#991b1b);box-shadow:0 10px 25px #ef444480,inset 0 4px 10px #ffffff4d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:700;font-size:18px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);border:4px solid var(--panel-bg)}.ptt-button:hover{transform:scale(1.05);box-shadow:0 15px 35px #ef444499}.ptt-button:active,.ptt-button.active{transform:scale(.95);background:linear-gradient(145deg,#7f1d1d,var(--danger));box-shadow:inset 0 10px 20px #00000080;border-color:#ef4444}.ptt-button.active{animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 20px #ef444400}to{box-shadow:0 0 #ef444400}}@media(max-width:768px){.app-container{padding:10px}.header{padding:12px;margin-bottom:12px;flex-direction:column;gap:15px}.wt-layout{gap:12px}.video-grid{grid-template-columns:1fr}.ptt-button{width:90px;height:90px}.ptt-button svg{width:24px;height:24px}.mode-selection-buttons{flex-direction:column;width:100%}.mode-selection-buttons button{width:100%}.active-controls-wrapper{flex-direction:column!important;gap:20px!important;padding:10px!important}.ptt-wrapper{flex-direction:column;gap:10px!important}.main-comms-panel{gap:12px}}.mode-selection-buttons{display:flex;gap:10px}.active-controls-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 40px}.cam-mic-wrapper{display:flex;gap:20px}.ptt-wrapper{display:flex;align-items:center;gap:20px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;margin-bottom:24px}.header-brand{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:12px;color:#fff}.header-brand svg{color:var(--primary)}