.connection-overlay[data-v-59cc7d08]{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#1e293b);z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connection-content[data-v-59cc7d08]{max-width:500px;width:90%;background:#1e293be6;border-radius:24px;padding:48px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff1a;text-align:center;position:relative;overflow:hidden}.connection-icon-container[data-v-59cc7d08]{position:relative;width:120px;height:120px;margin:0 auto 32px}.connection-icon[data-v-59cc7d08]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.connection-icon i[data-v-59cc7d08]{font-size:40px;color:#ef4444}.pulse-ring[data-v-59cc7d08]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid rgba(239,68,68,.3);border-radius:50%;animation:pulse-59cc7d08 3s ease-out infinite}.pulse-ring.delay-1[data-v-59cc7d08]{animation-delay:1s}.pulse-ring.delay-2[data-v-59cc7d08]{animation-delay:2s}@keyframes pulse-59cc7d08{0%{width:80px;height:80px;opacity:1}to{width:200px;height:200px;opacity:0}}.connection-title[data-v-59cc7d08]{font-size:2rem;font-weight:700;color:#f1f5f9;margin:0 0 12px}.connection-message[data-v-59cc7d08]{font-size:1.125rem;color:#94a3b8;margin:0 0 32px}.connection-status[data-v-59cc7d08]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px;padding:16px 24px;background:#0000004d;border-radius:12px}.status-indicator[data-v-59cc7d08]{width:12px;height:12px}.status-indicator i[data-v-59cc7d08]{font-size:12px;color:#ef4444;transition:color .3s ease}.status-indicator.active i[data-v-59cc7d08]{color:#f59e0b;animation:blink-59cc7d08 1s ease-in-out infinite}@keyframes blink-59cc7d08{0%,to{opacity:1}50%{opacity:.3}}.status-text[data-v-59cc7d08]{font-size:.875rem;color:#cbd5e1}.connection-details[data-v-59cc7d08]{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.detail-item[data-v-59cc7d08]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;color:#94a3b8}.detail-item i[data-v-59cc7d08]{color:#64748b}.connection-actions[data-v-59cc7d08]{display:flex;gap:12px;margin-bottom:32px}.retry-button[data-v-59cc7d08],.refresh-button[data-v-59cc7d08]{flex:1;padding:12px 24px;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.retry-button[data-v-59cc7d08]:disabled,.refresh-button[data-v-59cc7d08]:disabled{opacity:.5;cursor:not-allowed}.retry-button[data-v-59cc7d08]{background:#3b82f6;color:#fff}.retry-button[data-v-59cc7d08]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.retry-button .spinning[data-v-59cc7d08]{animation:spin-59cc7d08 1s linear infinite}@keyframes spin-59cc7d08{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-button[data-v-59cc7d08]{background:#ffffff1a;color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.refresh-button[data-v-59cc7d08]:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-1px)}.connection-footer[data-v-59cc7d08]{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.footer-text[data-v-59cc7d08]{font-size:.75rem;color:#64748b;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.footer-text i[data-v-59cc7d08]{font-size:.875rem}.connection-fade-enter-active[data-v-59cc7d08],.connection-fade-leave-active[data-v-59cc7d08]{transition:opacity .3s ease}.connection-fade-enter-from[data-v-59cc7d08],.connection-fade-leave-to[data-v-59cc7d08]{opacity:0}@media (max-width: 640px){.connection-content[data-v-59cc7d08]{padding:32px 24px}.connection-title[data-v-59cc7d08]{font-size:1.5rem}.connection-message[data-v-59cc7d08]{font-size:1rem}.connection-actions[data-v-59cc7d08]{flex-direction:column}}.mainblur[data-v-d6aa5c81]{filter:blur(5px);pointer-events:none}.settings-overlay[data-v-d6aa5c81]{position:absolute;top:10%;left:10%;width:80%;height:80%;background:#000;z-index:1000}.channel-users[data-v-033880ff]{width:100%;max-height:150px;overflow-y:auto;overflow-x:hidden;margin-top:4px}.channel-users[data-v-033880ff]::-webkit-scrollbar{width:3px}.channel-users[data-v-033880ff]::-webkit-scrollbar-track{background:transparent}.channel-users[data-v-033880ff]::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.channel-users[data-v-033880ff]::-webkit-scrollbar-thumb:hover{background:#94a3b880}.user-list[data-v-033880ff]{display:flex;flex-direction:column}.user-member[data-v-033880ff]{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;transition:all .15s ease;margin-bottom:1px}.user-member[data-v-033880ff]:hover{background:#3341554d}.user-member .user-avatar-wrapper[data-v-033880ff]{position:relative;flex-shrink:0}.user-member .user-avatar-wrapper .user-avatar[data-v-033880ff]{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#fff}.user-member .user-avatar-wrapper .user-avatar span[data-v-033880ff]{-webkit-user-select:none;user-select:none}.user-member .user-avatar-wrapper .speaking-indicator[data-v-033880ff]{position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-radius:50%;background:transparent;border:1.5px solid rgba(15,23,42,.9);transition:all .15s ease}.user-member .user-avatar-wrapper .speaking-indicator.active[data-v-033880ff]{background:#10b981;box-shadow:0 0 4px #10b98199}.user-member .user-name[data-v-033880ff]{flex:1;font-size:12px;font-weight:400;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.user-member .user-status-icons[data-v-033880ff]{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.user-member .user-status-icons .status-icon[data-v-033880ff]{font-size:10px;opacity:.7}.user-member .user-status-icons .status-icon.muted[data-v-033880ff]{color:#ef4444}.user-member .user-status-icons .status-icon.deafened[data-v-033880ff]{color:#fbbf24}.user-member .user-status-icons .status-icon.camera-on[data-v-033880ff]{color:#10b981}.user-member .user-status-icons .status-icon.screen-sharing[data-v-033880ff]{color:#8b5cf6;animation:pulse-screen-033880ff 2s ease-in-out infinite}@keyframes pulse-screen-033880ff{0%,to{opacity:.7}50%{opacity:1}}.user-list-enter-active[data-v-033880ff],.user-list-leave-active[data-v-033880ff]{transition:all .2s ease}.user-list-enter-from[data-v-033880ff]{opacity:0;transform:translate(-8px)}.user-list-leave-to[data-v-033880ff]{opacity:0;transform:translate(8px)}.user-list-move[data-v-033880ff]{transition:transform .2s ease}.base-button[data-v-b6923bc4]{--button-radius: 8px;--button-transition: all .2s cubic-bezier(.4, 0, .2, 1);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:500;text-decoration:none;border:1px solid transparent;border-radius:var(--button-radius);cursor:pointer;transition:var(--button-transition);outline:none;white-space:nowrap}.base-button[data-v-b6923bc4]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.base-button--block[data-v-b6923bc4]{width:100%}.base-button--rounded[data-v-b6923bc4]{--button-radius: 9999px}.base-button--disabled[data-v-b6923bc4]{cursor:not-allowed;opacity:.6;pointer-events:none}.base-button--loading[data-v-b6923bc4]{cursor:wait}.base-button--loading .button-text[data-v-b6923bc4],.base-button--loading .button-icon[data-v-b6923bc4]{opacity:.7}.base-button--xs[data-v-b6923bc4]{padding:6px 12px;font-size:.75rem;min-height:28px}.base-button--xs.base-button--icon-only[data-v-b6923bc4]{padding:6px;min-width:28px}.base-button--sm[data-v-b6923bc4]{padding:8px 16px;font-size:.875rem;min-height:36px}.base-button--sm.base-button--icon-only[data-v-b6923bc4]{padding:8px;min-width:36px}.base-button--md[data-v-b6923bc4]{padding:12px 20px;font-size:.875rem;min-height:44px}.base-button--md.base-button--icon-only[data-v-b6923bc4]{padding:12px;min-width:44px}.base-button--lg[data-v-b6923bc4]{padding:14px 24px;font-size:1rem;min-height:52px}.base-button--lg.base-button--icon-only[data-v-b6923bc4]{padding:14px;min-width:52px}.base-button--xl[data-v-b6923bc4]{padding:16px 32px;font-size:1.125rem;min-height:60px}.base-button--xl.base-button--icon-only[data-v-b6923bc4]{padding:16px;min-width:60px}.base-button--primary[data-v-b6923bc4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.base-button--primary[data-v-b6923bc4]:hover:not(.base-button--disabled){transform:translateY(-1px);box-shadow:0 8px 20px #667eea4d}.base-button--primary[data-v-b6923bc4]:active:not(.base-button--disabled){transform:translateY(0);box-shadow:0 4px 12px #667eea66}.base-button--secondary[data-v-b6923bc4]{background:#ffffff1a;color:#e2e8f0;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.base-button--secondary[data-v-b6923bc4]:hover:not(.base-button--disabled){background:#ffffff26;border-color:#ffffff4d}.base-button--success[data-v-b6923bc4]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.base-button--success[data-v-b6923bc4]:hover:not(.base-button--disabled){transform:translateY(-1px);box-shadow:0 8px 20px #10b9814d}.base-button--danger[data-v-b6923bc4]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.base-button--danger[data-v-b6923bc4]:hover:not(.base-button--disabled){transform:translateY(-1px);box-shadow:0 8px 20px #ef44444d}.base-button--ghost[data-v-b6923bc4]{background:transparent;color:#94a3b8;border-color:transparent}.base-button--ghost[data-v-b6923bc4]:hover:not(.base-button--disabled){background:#ffffff0d;color:#e2e8f0}.base-button--outline[data-v-b6923bc4]{background:transparent;color:#667eea;border-color:#667eea}.base-button--outline[data-v-b6923bc4]:hover:not(.base-button--disabled){background:#667eea;color:#fff}.loading-spinner[data-v-b6923bc4]{position:absolute;right:12px;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin-b6923bc4 1s linear infinite}@keyframes spin-b6923bc4{to{transform:rotate(360deg)}}.button-icon[data-v-b6923bc4]{flex-shrink:0;font-size:1em}[data-v-b6923bc4]:root{--color-primary: #667eea;--color-primary-hover: #5a67d8}.base-card[data-v-e5e67ed6]{--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--card-radius: 12px;--card-transition: all .2s cubic-bezier(.4, 0, .2, 1);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);transition:var(--card-transition);display:flex;flex-direction:column}.base-card--rounded[data-v-e5e67ed6]{border-radius:var(--card-radius)}.base-card--hoverable[data-v-e5e67ed6]{cursor:pointer}.base-card--hoverable[data-v-e5e67ed6]:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000001a;border-color:#ffffff26}.base-card--default[data-v-e5e67ed6]{background:var(--card-bg);border-color:var(--card-border)}.base-card--elevated[data-v-e5e67ed6]{background:var(--card-bg);border-color:transparent;box-shadow:var(--card-shadow)}.base-card--outlined[data-v-e5e67ed6]{background:transparent;border-color:var(--card-border);border-width:2px}.base-card--glass[data-v-e5e67ed6]{background:#ffffff14;border-color:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.base-card--padding-none .card-body[data-v-e5e67ed6]{padding:0}.base-card--padding-sm .card-body[data-v-e5e67ed6]{padding:12px}.base-card--padding-md .card-body[data-v-e5e67ed6]{padding:20px}.base-card--padding-lg .card-body[data-v-e5e67ed6]{padding:32px}.base-card--padding-xl .card-body[data-v-e5e67ed6]{padding:48px}.card-header[data-v-e5e67ed6]{padding:16px 20px;border-bottom:1px solid var(--card-border);background:#ffffff05;font-weight:600;color:#e2e8f0}.card-body[data-v-e5e67ed6]{padding:20px;color:#cbd5e1}.card-footer[data-v-e5e67ed6]{padding:16px 20px;border-top:1px solid var(--card-border);background:#ffffff05;display:flex;justify-content:flex-end;gap:12px}.channel-list-container[data-v-4c7d7441]{display:flex;flex-direction:column;height:100%;padding:16px;overflow-y:auto}.channel-list-container[data-v-4c7d7441]::-webkit-scrollbar{width:6px}.channel-list-container[data-v-4c7d7441]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.channel-list-container[data-v-4c7d7441]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.channel-list-container[data-v-4c7d7441]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.section-header[data-v-4c7d7441]{display:flex;align-items:center;justify-content:space-between}.section-header .section-title[data-v-4c7d7441]{display:flex;align-items:center;gap:8px;font-weight:600;color:#f1f5f9}.section-header .section-title i[data-v-4c7d7441]{color:#667eea;font-size:.875rem}.section-header .channel-count[data-v-4c7d7441]{background:#667eea33;color:#667eea;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:24px;text-align:center}.channels-section[data-v-4c7d7441]{flex:1;min-height:0}.channels-section .channel-list[data-v-4c7d7441]{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.channels-section .channel-list[data-v-4c7d7441]::-webkit-scrollbar{width:4px}.channels-section .channel-list[data-v-4c7d7441]::-webkit-scrollbar-track{background:#ffffff08}.channels-section .channel-list[data-v-4c7d7441]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.channels-section .channel-list[data-v-4c7d7441]::-webkit-scrollbar-thumb:hover{background:#ffffff26}.channels-section .channel-item[data-v-4c7d7441]{background:#ffffff05;border:1px solid transparent;border-radius:8px;transition:all .2s ease}.channels-section .channel-item[data-v-4c7d7441]:hover{background:#ffffff0a;border-color:#667eea33}.channels-section .channel-item.active[data-v-4c7d7441]{background:#667eea1a;border-color:#667eea4d}.channels-section .channel-item .channel-header[data-v-4c7d7441]{display:flex;align-items:center;justify-content:space-between;padding:4px}.channels-section .channel-item .channel-header .channel-button[data-v-4c7d7441]{flex:1;justify-content:flex-start;padding:8px;background:transparent;border:none}.channels-section .channel-item .channel-header .channel-button[data-v-4c7d7441]:hover:not(.active){background:#ffffff0d}.channels-section .channel-item .channel-header .channel-button.active[data-v-4c7d7441]{background:#667eea1a}.channels-section .channel-item .channel-header .channel-button .channel-info[data-v-4c7d7441]{display:flex;align-items:center;gap:8px}.channels-section .channel-item .channel-header .channel-button .channel-info i[data-v-4c7d7441]{color:#94a3b8;font-size:.75rem}.channels-section .channel-item .channel-header .channel-button .channel-info .channel-name[data-v-4c7d7441]{font-weight:500;color:#e2e8f0;font-size:.875rem}.channels-section .channel-item .channel-header .leave-button[data-v-4c7d7441]{opacity:.8}.channels-section .channel-item .channel-header .leave-button[data-v-4c7d7441]:hover{opacity:1}.channels-section .channel-item .channel-content[data-v-4c7d7441]{padding:0 12px 8px}.channels-section .empty-state[data-v-4c7d7441]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#64748b;text-align:center;gap:12px}.channels-section .empty-state i[data-v-4c7d7441]{font-size:2rem;opacity:.5}.channels-section .empty-state span[data-v-4c7d7441]{font-size:.875rem}@media (max-width: 768px){.channel-list-container[data-v-4c7d7441]{padding:12px}}.left-sidebar[data-v-b3966ffe]{width:280px;height:100%;background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:50;position:relative;display:flex;flex-direction:column}.left-sidebar.collapsed[data-v-b3966ffe]{transform:translate(-100%);margin-right:-280px}.left-sidebar .sidebar-content[data-v-b3966ffe]{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.left-sidebar[data-v-b3966ffe]{position:fixed;top:64px;left:0;bottom:0;height:calc(100vh - 64px);z-index:200}.left-sidebar.collapsed[data-v-b3966ffe]{margin-right:0}.left-sidebar .sidebar-content[data-v-b3966ffe]{height:100%}}@media (max-width: 480px){.left-sidebar[data-v-b3966ffe]{width:100%;max-width:280px}}.debug[data-v-c2ed4a03]{position:absolute;top:0;display:flex;flex-direction:column;height:100vh;background-color:#111;overflow-y:scroll;right:0}.control-button[data-v-177cc6d9]{min-width:44px;transition:all .2s ease}.control-button[data-v-177cc6d9]:hover{transform:translateY(-1px)}.control-button[data-v-177cc6d9]:active{transform:translateY(0)}@media (max-width: 768px){.control-button[data-v-177cc6d9]{min-width:40px}}.control-button[data-v-1a680edc]{min-width:44px;transition:all .2s ease}.control-button[data-v-1a680edc]:hover{transform:translateY(-1px)}.control-button[data-v-1a680edc]:active{transform:translateY(0)}@media (max-width: 768px){.control-button[data-v-1a680edc]{min-width:40px}}.control-button[data-v-11ec08fd]{min-width:44px;transition:all .2s ease}.control-button[data-v-11ec08fd]:hover{transform:translateY(-1px)}.control-button[data-v-11ec08fd]:active{transform:translateY(0)}@media (max-width: 768px){.control-button[data-v-11ec08fd]{min-width:40px}}.control-button[data-v-d98c163d]{min-width:44px;transition:all .2s ease}.control-button[data-v-d98c163d]:hover{transform:translateY(-1px)}.control-button[data-v-d98c163d]:active{transform:translateY(0)}@media (max-width: 768px){.control-button[data-v-d98c163d]{min-width:40px}}.connection-quality[data-v-bd12a0bc]{display:inline-flex;align-items:center;gap:2px;position:relative;height:12px;min-width:20px}.connection-quality.size-small[data-v-bd12a0bc]{height:8px;min-width:16px}.connection-quality.size-small .signal-bars[data-v-bd12a0bc]{gap:1px}.connection-quality.size-small .signal-bar[data-v-bd12a0bc]{width:2px}.connection-quality.size-small .lost-indicator[data-v-bd12a0bc]{font-size:6px;right:-10px}.connection-quality.size-medium[data-v-bd12a0bc]{height:10px}.connection-quality.size-medium .signal-bar[data-v-bd12a0bc]{width:2.5px}.connection-quality.size-large[data-v-bd12a0bc]{height:12px}.connection-quality.size-large .signal-bar[data-v-bd12a0bc]{width:3px}.signal-bars[data-v-bd12a0bc]{display:flex;align-items:flex-end;gap:1.5px;height:100%}.signal-bar[data-v-bd12a0bc]{width:3px;border-radius:1px;transition:all .3s ease;position:relative}.signal-bar.active[data-v-bd12a0bc]{opacity:1;animation:pulse-bd12a0bc 2s ease-in-out infinite}.signal-bar.inactive[data-v-bd12a0bc]{opacity:.3}.signal-bar.lost[data-v-bd12a0bc]{opacity:.2;animation:none}.signal-bar[data-v-bd12a0bc]:nth-child(1){animation-delay:0s}.signal-bar[data-v-bd12a0bc]:nth-child(2){animation-delay:.1s}.signal-bar[data-v-bd12a0bc]:nth-child(3){animation-delay:.2s}.signal-bar[data-v-bd12a0bc]:nth-child(4){animation-delay:.3s}.lost-indicator[data-v-bd12a0bc]{position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:#ef4444;font-size:8px;animation:blink-bd12a0bc 1s ease-in-out infinite}@keyframes pulse-bd12a0bc{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink-bd12a0bc{0%,to{opacity:1}50%{opacity:.3}}.user-controls[data-v-3ef3845a]{display:flex;flex-direction:column;gap:8px;padding:12px;margin-top:auto;position:relative}.user-bar[data-v-3ef3845a]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#1e293bf2,#0f172af2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(148,163,184,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.user-bar[data-v-3ef3845a]:hover{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#94a3b833;box-shadow:0 4px 12px #0003}.user-bar .user-section[data-v-3ef3845a]{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.user-bar .user-section .user-avatar[data-v-3ef3845a]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;position:relative;flex-shrink:0;box-shadow:0 2px 8px #0003;transition:transform .2s ease}.user-bar .user-section .user-avatar[data-v-3ef3845a]:hover{transform:scale(1.05)}.user-bar .user-section .user-avatar .status-indicator[data-v-3ef3845a]{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;background:#10b981;border:2px solid rgba(15,23,42,.95);border-radius:50%;box-shadow:0 0 0 1px #10b9814d;animation:pulse-3ef3845a 2s ease-in-out infinite}.user-bar .user-section .user-details[data-v-3ef3845a]{display:flex;flex-direction:column;min-width:0}.user-bar .user-section .user-details .user-name[data-v-3ef3845a]{font-size:14px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-bar .user-section .user-details .connection-status[data-v-3ef3845a]{display:flex;align-items:center;margin-top:2px;font-size:11px;color:#94a3b8;opacity:.9}.user-bar .user-section .user-details .connection-status[data-v-3ef3845a] .connection-state{font-size:11px}.user-bar .user-section .user-details .status-text[data-v-3ef3845a]{font-size:11px;color:#94a3b8;margin-top:2px;opacity:.9}.user-bar .right-section[data-v-3ef3845a]{display:flex;align-items:center;gap:10px;flex-shrink:0}.user-bar .right-section[data-v-3ef3845a] .connection-quality{opacity:.9}.user-bar .settings-btn[data-v-3ef3845a]{opacity:.7;transition:all .3s ease}.user-bar .settings-btn[data-v-3ef3845a]:hover{opacity:1;transform:rotate(90deg);background:#94a3b81a}.media-controls[data-v-3ef3845a]{background:linear-gradient(135deg,#1e293bfa,#0f172afa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:8px;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d}.media-controls .control-row[data-v-3ef3845a]{display:flex;align-items:center;justify-content:center;gap:6px}.media-controls .control-row .separator-vertical[data-v-3ef3845a]{width:1px;height:28px;background:linear-gradient(to bottom,transparent,rgba(148,163,184,.2) 20%,rgba(148,163,184,.2) 80%,transparent);margin:0 4px}.media-controls .control-row[data-v-3ef3845a] button{min-width:42px;height:42px;border-radius:10px;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.media-controls .control-row[data-v-3ef3845a] button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.media-controls .control-row[data-v-3ef3845a] button:active{transform:translateY(0)}.channel-controls[data-v-3ef3845a]{background:linear-gradient(135deg,#1e293bfa,#0f172afa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:8px;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d}.channel-controls .leave-channel-btn[data-v-3ef3845a]{width:100%;height:42px;border-radius:10px;font-size:14px;font-weight:500;background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:1px solid rgba(239,68,68,.3);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.channel-controls .leave-channel-btn[data-v-3ef3845a]:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef444480;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.channel-controls .leave-channel-btn[data-v-3ef3845a]:active{transform:translateY(0)}.channel-controls .leave-channel-btn .btn-label[data-v-3ef3845a]{font-weight:500}@keyframes pulse-3ef3845a{0%,to{box-shadow:0 0 0 1px #10b9814d}50%{box-shadow:0 0 0 3px #10b9811a}}.slide-up-enter-active[data-v-3ef3845a],.slide-up-leave-active[data-v-3ef3845a]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from[data-v-3ef3845a],.slide-up-leave-to[data-v-3ef3845a]{opacity:0;transform:translateY(10px)}@media (max-width: 768px){.user-controls[data-v-3ef3845a]{padding:8px;gap:6px}.user-bar[data-v-3ef3845a]{padding:8px 10px;border-radius:10px}.user-bar .user-section[data-v-3ef3845a]{gap:8px}.user-bar .user-section .user-avatar[data-v-3ef3845a]{width:32px;height:32px;font-size:13px;border-radius:8px}.user-bar .user-section .user-details .user-name[data-v-3ef3845a]{font-size:13px}.user-bar .user-section .user-details .connection-status[data-v-3ef3845a],.user-bar .user-section .user-details .status-text[data-v-3ef3845a]{font-size:10px}.media-controls[data-v-3ef3845a]{padding:6px;border-radius:12px}.media-controls .control-row[data-v-3ef3845a]{gap:4px}.media-controls .control-row[data-v-3ef3845a] button{min-width:38px;height:38px;font-size:14px}.media-controls .control-row .separator-vertical[data-v-3ef3845a]{height:24px;margin:0 2px}.channel-controls[data-v-3ef3845a]{padding:6px;border-radius:12px}.channel-controls .leave-channel-btn[data-v-3ef3845a]{height:38px;font-size:13px}}@media (max-width: 480px){.user-bar .user-section .user-details .connection-status[data-v-3ef3845a]{display:flex}.user-bar .right-section[data-v-3ef3845a] .connection-quality{display:none}.media-controls .control-row[data-v-3ef3845a]{flex-wrap:wrap}.media-controls .control-row .separator-vertical[data-v-3ef3845a]{display:none}}.base-slider[data-v-cf6e15a5]{--slider-height: 6px;--thumb-size: 20px;--slider-color: #667eea;--track-color: rgba(255, 255, 255, .1);--thumb-color: #ffffff;--focus-color: rgba(102, 126, 234, .3);width:100%;-webkit-user-select:none;user-select:none}.base-slider[data-variant=accent][data-v-cf6e15a5]{--slider-color: #8b5cf6}.base-slider[data-variant=success][data-v-cf6e15a5]{--slider-color: #10b981}.base-slider[data-variant=warning][data-v-cf6e15a5]{--slider-color: #f59e0b}.base-slider[data-variant=danger][data-v-cf6e15a5]{--slider-color: #ef4444}.slider-header[data-v-cf6e15a5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slider-header .slider-label[data-v-cf6e15a5]{font-size:.875rem;font-weight:500;color:#e2e8f0;cursor:pointer}.slider-header .slider-value[data-v-cf6e15a5]{font-size:.875rem;font-weight:600;color:var(--slider-color);font-family:Courier New,monospace;min-width:40px;text-align:right}.slider-container[data-v-cf6e15a5]{position:relative;padding:8px 0}.slider-track[data-v-cf6e15a5]{position:relative;height:var(--slider-height);background:var(--track-color);border-radius:calc(var(--slider-height) / 2);cursor:pointer;transition:background-color .2s ease}.slider-track[data-v-cf6e15a5]:hover{background:#ffffff26}.slider-fill[data-v-cf6e15a5]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--slider-color) 0%,rgba(102,126,234,.8) 100%);border-radius:inherit;transition:width .1s ease;pointer-events:none}.slider-thumb[data-v-cf6e15a5]{position:absolute;top:50%;width:var(--thumb-size);height:var(--thumb-size);background:var(--thumb-color);border:2px solid var(--slider-color);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:all .2s ease;box-shadow:0 2px 8px #0003}.slider-thumb[data-v-cf6e15a5]:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 12px #0000004d}.slider-thumb[data-v-cf6e15a5]:active,.slider-thumb[data-v-cf6e15a5]:focus{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 4px var(--focus-color);outline:none;cursor:grabbing}.slider-thumb[data-v-cf6e15a5]:focus-visible{box-shadow:0 0 0 4px var(--focus-color)}.slider-footer[data-v-cf6e15a5]{display:flex;justify-content:space-between;margin-top:4px}.slider-footer .slider-min[data-v-cf6e15a5],.slider-footer .slider-max[data-v-cf6e15a5]{font-size:.75rem;color:#94a3b8;font-family:Courier New,monospace}.base-slider[data-v-cf6e15a5]:has([disabled]){opacity:.5;pointer-events:none}.base-slider:has([disabled]) .slider-track[data-v-cf6e15a5]{cursor:not-allowed}.base-slider:has([disabled]) .slider-thumb[data-v-cf6e15a5]{cursor:not-allowed}@media (max-width: 768px){.base-slider[data-v-cf6e15a5]{--thumb-size: 24px;--slider-height: 8px}.slider-container[data-v-cf6e15a5]{padding:12px 0}}@media (hover: none) and (pointer: coarse){.base-slider[data-v-cf6e15a5]{--thumb-size: 28px;--slider-height: 10px}.slider-thumb[data-v-cf6e15a5]:hover{transform:translate(-50%,-50%)}}@keyframes value-pulse-cf6e15a5{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.slider-value[data-v-cf6e15a5]{animation:value-pulse-cf6e15a5 .2s ease-out}.volume-controls[data-v-a4a4191f]{width:100%;max-width:320px;margin:0 auto}.volume-card .volume-controls-header[data-v-a4a4191f]{margin-bottom:20px}.volume-card .volume-controls-header .controls-title[data-v-a4a4191f]{margin:0;font-size:1.1rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px}.volume-card .volume-controls-header .controls-title i[data-v-a4a4191f]{color:#667eea;font-size:1rem}.volume-card .volume-sliders[data-v-a4a4191f]{display:flex;flex-direction:column;gap:20px}.volume-card .deafened-notice[data-v-a4a4191f]{margin-top:16px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;display:flex;align-items:center;gap:8px;color:#fca5a5;font-size:.875rem;font-weight:500}.volume-card .deafened-notice i[data-v-a4a4191f]{color:#ef4444}@media (max-width: 768px){.volume-controls[data-v-a4a4191f]{max-width:100%}.volume-card .volume-controls-header .controls-title[data-v-a4a4191f]{font-size:1rem}.volume-card .volume-sliders[data-v-a4a4191f]{gap:16px}}@media (max-width: 480px){.volume-card .volume-sliders[data-v-a4a4191f]{gap:12px}.volume-card .deafened-notice[data-v-a4a4191f]{padding:10px;font-size:.8rem}}.user-tile[data-v-6ea142f9]{position:relative;border-radius:12px;border:2px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;aspect-ratio:16/9;width:100%;height:100%;max-width:100%;max-height:100%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.user-tile.is-hovered[data-v-6ea142f9],.user-tile[data-v-6ea142f9]:hover{border-color:#94a3b833;box-shadow:0 4px 20px #00000026}.user-tile.is-hovered .user-info-bar[data-v-6ea142f9],.user-tile:hover .user-info-bar[data-v-6ea142f9]{background:#0f172ae6}.user-tile.is-hovered .background-icon[data-v-6ea142f9],.user-tile:hover .background-icon[data-v-6ea142f9]{transform:translate(-50%,-50%) scale(1.05);opacity:.06}.user-tile.is-local[data-v-6ea142f9]{border-color:#6366f133}.user-tile.is-local.is-hovered[data-v-6ea142f9],.user-tile.is-local[data-v-6ea142f9]:hover{border-color:#6366f14d}.user-tile.is-speaking[data-v-6ea142f9]:not(.is-muted){border-color:#10b98166}.user-tile.is-deafened[data-v-6ea142f9]{opacity:.85}.user-tile.is-deafened .user-info-bar[data-v-6ea142f9]{background:#0f172ad9}.user-tile.is-video-on .camera-video-player[data-v-6ea142f9]{border-color:#10b9814d}.user-tile.is-screen-sharing[data-v-6ea142f9]{border-color:#8b5cf64d;box-shadow:0 0 20px #8b5cf61a}.user-tile.is-screen-sharing .screen-share-video-player[data-v-6ea142f9]:not(:empty){border-color:#8b5cf666}.user-tile.show-controls .volume-controls-container[data-v-6ea142f9]{opacity:1;pointer-events:auto;transform:translateY(0)}.video-container[data-v-6ea142f9]{flex:1;position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:0}.video-container[data-v-6ea142f9]:has(.screen-share-video-player:not(:empty)){grid-template-rows:2fr 1fr;gap:1px}.video-element[data-v-6ea142f9]{width:100%;height:100%;background:#0000001a;border-radius:inherit;overflow:hidden}.video-element[data-v-6ea142f9]:empty{background:transparent;pointer-events:none}.video-element[data-v-6ea142f9]:not(:empty){border:1px solid rgba(255,255,255,.1)}.screen-share-video-player[data-v-6ea142f9]{grid-row:1}.camera-video-player[data-v-6ea142f9]{grid-row:2}.audio-container[data-v-6ea142f9]{display:none;position:absolute;pointer-events:none}.user-info-bar[data-v-6ea142f9]{position:relative;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(148,163,184,.1);transition:background .2s ease;z-index:10;flex-shrink:0}.user-info-bar .user-avatar[data-v-6ea142f9]{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.7rem;flex-shrink:0;box-shadow:0 1px 3px #0003}.user-info-bar .user-text[data-v-6ea142f9]{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.user-info-bar .user-text .user-name[data-v-6ea142f9]{font-size:.75rem;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info-bar .user-text .user-badge[data-v-6ea142f9]{font-size:.65rem;font-weight:500;color:#a78bfa;background:#8b5cf633;padding:1px 6px;border-radius:8px;flex-shrink:0}.user-info-bar .user-status[data-v-6ea142f9]{display:flex;align-items:center;gap:6px;flex-shrink:0}.user-info-bar .user-status .muted-icon[data-v-6ea142f9]{color:#ef4444;font-size:.7rem;opacity:.8}.user-info-bar .user-status .deafened-icon[data-v-6ea142f9]{color:#fbbf24;font-size:.7rem;opacity:.8}.user-info-bar .user-status .camera-icon[data-v-6ea142f9]{color:#10b981;font-size:.7rem;opacity:.9}.user-info-bar .user-status .screen-icon[data-v-6ea142f9]{color:#8b5cf6;font-size:.7rem;opacity:.9;animation:pulseScreen-6ea142f9 2s ease-in-out infinite}.user-info-bar .user-status[data-v-6ea142f9] .connection-quality{font-size:.7rem}.user-info-bar .volume-btn[data-v-6ea142f9]{opacity:.6;transition:opacity .2s ease;padding:4px}.user-info-bar .volume-btn[data-v-6ea142f9]:hover{opacity:1;background:#94a3b81a}.volume-controls-container[data-v-6ea142f9]{position:absolute;bottom:50px;left:8px;right:8px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:10px;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:15;box-shadow:0 4px 12px #0000004d}.background-icon[data-v-6ea142f9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#94a3b80a;z-index:1;transition:all .3s ease;pointer-events:none}.speaking-indicator[data-v-6ea142f9]{position:absolute;inset:0;border-radius:12px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:2}.speaking-indicator.active[data-v-6ea142f9]{opacity:1}.speaking-indicator .speaking-ring[data-v-6ea142f9]{position:absolute;inset:0;border:2px solid #10b981;border-radius:inherit;box-shadow:inset 0 0 20px #10b9811a,0 0 20px #10b98133;animation:speakingGlow-6ea142f9 1.5s ease-in-out infinite}@keyframes speakingGlow-6ea142f9{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulseScreen-6ea142f9{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulse-6ea142f9{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.8}}@media (pointer: coarse){.user-tile .volume-btn[data-v-6ea142f9]{opacity:.8;padding:6px}.user-tile .user-info-bar[data-v-6ea142f9]{padding:10px 12px}}@media (max-width: 640px){.user-tile .user-info-bar[data-v-6ea142f9]{padding:6px 8px}.user-tile .user-info-bar .user-avatar[data-v-6ea142f9]{width:20px;height:20px;font-size:.6rem}.user-tile .user-info-bar .user-text .user-name[data-v-6ea142f9]{font-size:.7rem}.user-tile .background-icon[data-v-6ea142f9]{font-size:2rem}}.sqyb0t[data-v-4f4af0f1]{display:flex;flex-direction:column;align-items:center;margin-top:20px}.controls button[data-v-4f4af0f1],.request button[data-v-4f4af0f1]{margin:5px;padding:10px 15px;cursor:pointer}.request input[data-v-4f4af0f1]{margin-right:10px;padding:10px}.audio-settings[data-v-703955a6]{animation:fadeInUp-703955a6 .3s ease}.settings-section .section-title[data-v-703955a6]{margin:0 0 20px;font-size:1rem;font-weight:600;color:#f1f5f9;letter-spacing:-.025em}.device-card[data-v-703955a6]{background:linear-gradient(135deg,#1e293b80,#0f172a80);border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:16px;margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.device-card[data-v-703955a6]:hover{background:linear-gradient(135deg,#1e293bb3,#0f172ab3);border-color:#94a3b826}.device-card .device-header[data-v-703955a6]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.device-card .device-header .device-icon[data-v-703955a6]{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.device-card .device-header .device-icon.input[data-v-703955a6]{background:linear-gradient(135deg,#22c55e33,#10b98133);color:#10b981}.device-card .device-header .device-icon.output[data-v-703955a6]{background:linear-gradient(135deg,#a855f733,#8b5cf633);color:#a855f7}.device-card .device-header .device-label[data-v-703955a6]{display:flex;flex-direction:column}.device-card .device-header .device-label .label-text[data-v-703955a6]{font-size:.9rem;font-weight:500;color:#f1f5f9;line-height:1.2}.device-card .device-header .device-label .label-hint[data-v-703955a6]{font-size:.75rem;color:#94a3b8;margin-top:2px}.device-card .device-select[data-v-703955a6]{width:100%;padding:10px 40px 10px 12px;background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:8px;color:#e2e8f0;font-size:.875rem;appearance:none;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.device-card .device-select[data-v-703955a6]:hover{background-color:#0f172acc;border-color:#94a3b840}.device-card .device-select[data-v-703955a6]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.device-card .device-select option[data-v-703955a6]{background:#0f172a;color:#e2e8f0;padding:8px}.tips-card[data-v-703955a6]{margin-top:20px;padding:14px 16px;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(139,92,246,.15);border-radius:10px;display:flex;gap:12px}.tips-card i[data-v-703955a6]{font-size:14px;color:#a78bfa;flex-shrink:0;margin-top:2px}.tips-card .tips-content[data-v-703955a6]{flex:1}.tips-card .tips-content p[data-v-703955a6]{margin:0 0 6px;font-size:.75rem;color:#cbd5e1;line-height:1.5}.tips-card .tips-content p[data-v-703955a6]:last-child{margin:0}@keyframes fadeInUp-703955a6{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.settings-section .section-title[data-v-703955a6]{font-size:.95rem;margin-bottom:16px}.device-card[data-v-703955a6]{padding:14px}.device-card .device-header[data-v-703955a6]{gap:10px;margin-bottom:10px}.device-card .device-header .device-icon[data-v-703955a6]{width:32px;height:32px;font-size:14px}.device-card .device-header .device-label .label-text[data-v-703955a6]{font-size:.85rem}.device-card .device-header .device-label .label-hint[data-v-703955a6]{font-size:.7rem}.device-card .device-select[data-v-703955a6]{padding:8px 36px 8px 10px;font-size:.8rem}.tips-card[data-v-703955a6]{padding:12px;gap:10px}.tips-card i[data-v-703955a6]{font-size:12px}.tips-card .tips-content p[data-v-703955a6]{font-size:.7rem}}.video-settings[data-v-ef96770e]{animation:fadeInUp-ef96770e .3s ease}.settings-section .section-title[data-v-ef96770e]{margin:0 0 20px;font-size:1rem;font-weight:600;color:#f1f5f9;letter-spacing:-.025em}.device-card[data-v-ef96770e]{background:linear-gradient(135deg,#1e293b80,#0f172a80);border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:16px;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.device-card[data-v-ef96770e]:hover{background:linear-gradient(135deg,#1e293bb3,#0f172ab3);border-color:#94a3b826}.device-card .device-header[data-v-ef96770e]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.device-card .device-header .device-icon[data-v-ef96770e]{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.device-card .device-header .device-icon.camera[data-v-ef96770e]{background:linear-gradient(135deg,#fb923c33,#f59e0b33);color:#f59e0b}.device-card .device-header .device-label[data-v-ef96770e]{display:flex;flex-direction:column}.device-card .device-header .device-label .label-text[data-v-ef96770e]{font-size:.9rem;font-weight:500;color:#f1f5f9;line-height:1.2}.device-card .device-header .device-label .label-hint[data-v-ef96770e]{font-size:.75rem;color:#94a3b8;margin-top:2px}.device-card .device-select[data-v-ef96770e]{width:100%;padding:10px 40px 10px 12px;background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:8px;color:#e2e8f0;font-size:.875rem;appearance:none;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;margin-bottom:12px}.device-card .device-select[data-v-ef96770e]:hover{background-color:#0f172acc;border-color:#94a3b840}.device-card .device-select[data-v-ef96770e]:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.device-card .device-select option[data-v-ef96770e]{background:#0f172a;color:#e2e8f0;padding:8px}.device-card .status-row[data-v-ef96770e]{display:flex;align-items:center;gap:8px}.device-card .status-row .status-indicator[data-v-ef96770e]{width:6px;height:6px;border-radius:50%;background:#ef4444;transition:all .3s ease}.device-card .status-row .status-indicator.active[data-v-ef96770e]{background:#10b981;box-shadow:0 0 8px #10b98166;animation:pulse-ef96770e 2s ease-in-out infinite}.device-card .status-row .status-text[data-v-ef96770e]{font-size:.75rem;color:#94a3b8}.info-card[data-v-ef96770e]{background:linear-gradient(135deg,#1e293b66,#0f172a66);border:1px solid rgba(148,163,184,.08);border-radius:12px;padding:16px;margin-bottom:16px}.info-card .info-header[data-v-ef96770e]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.info-card .info-header .info-icon[data-v-ef96770e]{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#a78bfa;font-size:13px}.info-card .info-header .info-title[data-v-ef96770e]{font-size:.875rem;font-weight:500;color:#f1f5f9}.info-card .quality-grid[data-v-ef96770e]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-card .quality-grid .quality-item[data-v-ef96770e]{display:flex;flex-direction:column;gap:4px}.info-card .quality-grid .quality-item .quality-label[data-v-ef96770e]{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.info-card .quality-grid .quality-item .quality-value[data-v-ef96770e]{font-size:.8rem;color:#e2e8f0;font-weight:500}.tips-card[data-v-ef96770e]{padding:14px 16px;background:linear-gradient(135deg,#fb923c14,#f59e0b14);border:1px solid rgba(245,158,11,.15);border-radius:10px;display:flex;gap:12px}.tips-card i[data-v-ef96770e]{font-size:14px;color:#fbbf24;flex-shrink:0;margin-top:2px}.tips-card .tips-content[data-v-ef96770e]{flex:1}.tips-card .tips-content p[data-v-ef96770e]{margin:0 0 6px;font-size:.75rem;color:#cbd5e1;line-height:1.5}.tips-card .tips-content p[data-v-ef96770e]:last-child{margin:0}@keyframes fadeInUp-ef96770e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ef96770e{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 480px){.settings-section .section-title[data-v-ef96770e]{font-size:.95rem;margin-bottom:16px}.device-card[data-v-ef96770e]{padding:14px}.device-card .device-header[data-v-ef96770e]{gap:10px;margin-bottom:10px}.device-card .device-header .device-icon[data-v-ef96770e]{width:32px;height:32px;font-size:14px}.device-card .device-header .device-label .label-text[data-v-ef96770e]{font-size:.85rem}.device-card .device-header .device-label .label-hint[data-v-ef96770e]{font-size:.7rem}.device-card .device-select[data-v-ef96770e]{padding:8px 36px 8px 10px;font-size:.8rem}.info-card[data-v-ef96770e]{padding:14px}.info-card .info-header[data-v-ef96770e]{margin-bottom:12px}.info-card .info-header .info-icon[data-v-ef96770e]{width:24px;height:24px;font-size:11px}.info-card .info-header .info-title[data-v-ef96770e]{font-size:.8rem}.info-card .quality-grid[data-v-ef96770e]{gap:8px}.info-card .quality-grid .quality-item .quality-label[data-v-ef96770e]{font-size:.65rem}.info-card .quality-grid .quality-item .quality-value[data-v-ef96770e]{font-size:.75rem}.tips-card[data-v-ef96770e]{padding:12px;gap:10px}.tips-card i[data-v-ef96770e]{font-size:12px}.tips-card .tips-content p[data-v-ef96770e]{font-size:.7rem}}.account-settings[data-v-5668daf0]{animation:fadeInUp-5668daf0 .3s ease}.settings-section .section-title[data-v-5668daf0]{margin:0 0 20px;font-size:1rem;font-weight:600;color:#f1f5f9;letter-spacing:-.025em}.action-cards[data-v-5668daf0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.action-card[data-v-5668daf0]{background:linear-gradient(135deg,#1e293b99,#0f172a99);border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card[data-v-5668daf0]:hover{background:linear-gradient(135deg,#1e293bcc,#0f172acc);border-color:#94a3b833;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.action-card .card-icon[data-v-5668daf0]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#a78bfa}.action-card .card-icon i[data-v-5668daf0]{font-size:18px}.action-card .card-icon.danger[data-v-5668daf0]{background:linear-gradient(135deg,#ef444433,#dc262633);color:#f87171}.action-card .card-content h4[data-v-5668daf0]{margin:0 0 8px;font-size:1rem;font-weight:600;color:#f1f5f9}.action-card .card-content p[data-v-5668daf0]{margin:0 0 16px;font-size:.8rem;color:#94a3b8;line-height:1.4}.action-button[data-v-5668daf0]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-button.primary[data-v-5668daf0]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.action-button.primary[data-v-5668daf0]:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translate(2px)}.action-button.danger[data-v-5668daf0]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-button.danger[data-v-5668daf0]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translate(2px)}.action-button[data-v-5668daf0]:active{transform:scale(.98)}.action-button i[data-v-5668daf0]{font-size:12px}.info-banner[data-v-5668daf0]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(139,92,246,.2);border-radius:10px}.info-banner i[data-v-5668daf0]{font-size:14px;color:#a78bfa}.info-banner span[data-v-5668daf0]{font-size:.8rem;color:#cbd5e1;line-height:1.4}@keyframes fadeInUp-5668daf0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 580px){.action-cards[data-v-5668daf0]{grid-template-columns:1fr}}@media (max-width: 480px){.settings-section .section-title[data-v-5668daf0]{font-size:.95rem;margin-bottom:16px}.action-card[data-v-5668daf0]{padding:16px}.action-card .card-icon[data-v-5668daf0]{width:36px;height:36px;margin-bottom:12px}.action-card .card-icon i[data-v-5668daf0]{font-size:16px}.action-card .card-content h4[data-v-5668daf0]{font-size:.95rem}.action-card .card-content p[data-v-5668daf0]{font-size:.75rem;margin-bottom:12px}.action-button[data-v-5668daf0]{padding:7px 14px;font-size:.8rem}.info-banner[data-v-5668daf0]{padding:10px 12px}.info-banner span[data-v-5668daf0]{font-size:.75rem}}.developer-settings[data-v-5cacab30]{padding:24px;max-width:800px;margin:0 auto}.settings-title[data-v-5cacab30]{font-size:1.5rem;font-weight:600;color:#f1f5f9;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.1)}.settings-section[data-v-5cacab30]{margin-bottom:32px}.settings-section .section-title[data-v-5cacab30]{font-size:1.125rem;font-weight:500;color:#cbd5e1;margin-bottom:16px;padding-left:8px}.setting-item[data-v-5cacab30]{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#1e293b4d;border:1px solid rgba(148,163,184,.1);border-radius:8px;margin-bottom:12px;transition:all .2s ease}.setting-item[data-v-5cacab30]:hover{background:#1e293b80;border-color:#94a3b833}.setting-item .setting-info[data-v-5cacab30]{flex:1}.setting-item .setting-info label[data-v-5cacab30]{display:block;font-weight:500;color:#e2e8f0;margin-bottom:4px;font-size:.875rem}.setting-item .setting-info .setting-description[data-v-5cacab30]{font-size:.75rem;color:#94a3b8}@media (max-width: 640px){.developer-settings[data-v-5cacab30]{padding:16px}.setting-item[data-v-5cacab30]{flex-direction:column;align-items:flex-start;gap:12px}.setting-item .setting-info[data-v-5cacab30]{width:100%}}.settings-overlay[data-v-f35ab86c]{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-f35ab86c .2s ease}.settings-modal[data-v-f35ab86c]{width:100%;max-width:720px;max-height:85vh;background:linear-gradient(135deg,#141b25fa,#0a0f19fa);border:1px solid rgba(148,163,184,.15);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d;animation:slideUp-f35ab86c .3s cubic-bezier(.34,1.56,.64,1)}.settings-header[data-v-f35ab86c]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(148,163,184,.1);background:#1e293b4d}.settings-header .settings-title[data-v-f35ab86c]{margin:0;font-size:1.125rem;font-weight:600;color:#f1f5f9;letter-spacing:-.025em}.settings-header .close-btn[data-v-f35ab86c]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.settings-header .close-btn[data-v-f35ab86c]:hover{background:#94a3b81a;color:#f1f5f9;transform:rotate(90deg)}.settings-header .close-btn i[data-v-f35ab86c]{font-size:16px}.tab-navigation[data-v-f35ab86c]{display:flex;gap:2px;padding:8px;background:#0f172a80;border-bottom:1px solid rgba(148,163,184,.1)}.tab-navigation .tab-item[data-v-f35ab86c]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.tab-navigation .tab-item i[data-v-f35ab86c]{font-size:14px}@media (max-width: 480px){.tab-navigation .tab-item span[data-v-f35ab86c]{display:none}}.tab-navigation .tab-item[data-v-f35ab86c]:hover:not(.active){background:#94a3b814;color:#cbd5e1}.tab-navigation .tab-item.active[data-v-f35ab86c]{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#a78bfa}.tab-navigation .tab-item.active[data-v-f35ab86c]:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:2px}.settings-content[data-v-f35ab86c]{flex:1;overflow-y:auto;padding:24px;min-height:0}.settings-content[data-v-f35ab86c]::-webkit-scrollbar{width:8px}.settings-content[data-v-f35ab86c]::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.settings-content[data-v-f35ab86c]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf64d,#6366f14d);border-radius:4px;border:1px solid rgba(15,23,42,.5)}.settings-content[data-v-f35ab86c]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf666,#6366f166)}@keyframes fadeIn-f35ab86c{0%{opacity:0}to{opacity:1}}@keyframes slideUp-f35ab86c{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-slide-enter-active[data-v-f35ab86c],.fade-slide-leave-active[data-v-f35ab86c]{transition:all .25s cubic-bezier(.4,0,.2,1)}.fade-slide-enter-from[data-v-f35ab86c]{opacity:0;transform:translate(10px)}.fade-slide-leave-to[data-v-f35ab86c]{opacity:0;transform:translate(-10px)}@media (max-width: 768px){.settings-overlay[data-v-f35ab86c]{padding:16px}.settings-modal[data-v-f35ab86c]{max-height:90vh}.settings-header[data-v-f35ab86c]{padding:16px 20px}.settings-header .settings-title[data-v-f35ab86c]{font-size:1rem}.tab-navigation[data-v-f35ab86c]{padding:6px}.tab-navigation .tab-item[data-v-f35ab86c]{padding:8px 12px;font-size:.8rem}.settings-content[data-v-f35ab86c]{padding:20px}}@media (max-width: 480px){.settings-overlay[data-v-f35ab86c]{padding:0}.settings-modal[data-v-f35ab86c]{max-width:100%;max-height:100vh;border-radius:0}.settings-header[data-v-f35ab86c]{padding:14px 16px}.tab-navigation .tab-item[data-v-f35ab86c]{padding:10px}.tab-navigation .tab-item i[data-v-f35ab86c]{font-size:16px}.settings-content[data-v-f35ab86c]{padding:16px}}.meeting-grid[data-v-449191d6]{display:grid;gap:16px;padding:20px;overflow-y:auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.meeting-grid[data-v-449191d6]:has(.video-tile:nth-child(1):nth-last-child(1)){grid-template-columns:1fr;place-items:center}.meeting-grid[data-v-449191d6]:has(.video-tile:nth-child(1):nth-last-child(1)) .video-tile{max-width:600px;max-height:400px}.meeting-grid[data-v-449191d6]:has(.video-tile:nth-child(1):nth-last-child(2)){grid-template-columns:repeat(2,1fr)}.meeting-grid[data-v-449191d6]:has(.video-tile:nth-child(1):nth-last-child(3)){grid-template-columns:repeat(2,1fr)}.meeting-grid[data-v-449191d6]:has(.video-tile:nth-child(1):nth-last-child(3)) .video-tile:nth-child(3){grid-column:1/-1;justify-self:center;max-width:300px}.meeting-grid.enhanced[data-v-449191d6]{grid-template-columns:repeat(auto-fit,minmax(280px,400px));gap:24px;max-width:1200px;width:100%;justify-content:center}.meeting-grid.enhanced[data-v-449191d6] .video-tile{max-width:400px;max-height:300px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1)}.meeting-grid.enhanced[data-v-449191d6] .video-tile:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #0006;border-color:#667eea4d}[data-v-449191d6] .video-tile{animation:fadeInUp-449191d6 .3s ease-out}@keyframes fadeInUp-449191d6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.meeting-grid.enhanced[data-v-449191d6]{grid-template-columns:repeat(auto-fit,minmax(250px,350px));gap:20px}}@media (max-width: 768px){.meeting-grid[data-v-449191d6]{grid-template-columns:1fr;padding:16px;gap:12px}.meeting-grid.enhanced[data-v-449191d6]{gap:16px}}.modal-overlay[data-v-3294a15c]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box}.modal-content[data-v-3294a15c]{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content--sm[data-v-3294a15c]{width:100%;max-width:400px}.modal-content--md[data-v-3294a15c]{width:100%;max-width:600px}.modal-content--lg[data-v-3294a15c]{width:100%;max-width:800px}.modal-content--xl[data-v-3294a15c]{width:100%;max-width:1200px}.modal-content--full[data-v-3294a15c]{width:95vw;height:95vh;max-width:none;max-height:none}.modal-header[data-v-3294a15c]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:0;min-height:60px}.modal-title[data-v-3294a15c]{margin:0;color:#f1f5f9;font-size:1.5rem;font-weight:600;flex:1}.modal-close[data-v-3294a15c]{margin-left:auto;color:#94a3b8}.modal-close[data-v-3294a15c]:hover{color:#f1f5f9}.modal-body[data-v-3294a15c]{padding:24px;color:#cbd5e1;overflow-y:auto;flex:1}.modal-footer[data-v-3294a15c]{padding:16px 24px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px;margin-top:auto}.modal-enter-active[data-v-3294a15c],.modal-leave-active[data-v-3294a15c]{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-enter-from[data-v-3294a15c],.modal-leave-to[data-v-3294a15c]{opacity:0}.modal-enter-from .modal-content[data-v-3294a15c],.modal-leave-to .modal-content[data-v-3294a15c]{transform:scale(.95) translateY(-20px)}.modal-enter-to[data-v-3294a15c],.modal-leave-from[data-v-3294a15c]{opacity:1}.modal-enter-to .modal-content[data-v-3294a15c],.modal-leave-from .modal-content[data-v-3294a15c]{transform:scale(1) translateY(0)}@media (max-width: 768px){.modal-overlay[data-v-3294a15c]{padding:16px}.modal-content[data-v-3294a15c]{border-radius:12px}.modal-content--sm[data-v-3294a15c],.modal-content--md[data-v-3294a15c],.modal-content--lg[data-v-3294a15c],.modal-content--xl[data-v-3294a15c]{width:100%;max-width:none}.modal-header[data-v-3294a15c]{padding:16px 16px 0}.modal-body[data-v-3294a15c]{padding:16px}.modal-footer[data-v-3294a15c]{padding:12px 16px 16px}}.meeting-manager-content[data-v-577a1abe]{min-height:300px}.loading-state[data-v-577a1abe]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.loading-state .loading-spinner[data-v-577a1abe]{width:40px;height:40px;border:3px solid rgba(102,126,234,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin-577a1abe 1s linear infinite;margin-bottom:16px}.loading-state p[data-v-577a1abe]{color:#94a3b8;margin:0}@keyframes spin-577a1abe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-577a1abe]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state .empty-icon[data-v-577a1abe]{font-size:3rem;color:#64748b;margin-bottom:16px}.empty-state h3[data-v-577a1abe]{margin:0 0 8px;color:#e2e8f0;font-size:1.25rem}.empty-state p[data-v-577a1abe]{margin:0 0 24px;color:#94a3b8;font-size:.95rem}.meetings-list[data-v-577a1abe]{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto;padding:4px}.meeting-card[data-v-577a1abe]{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:all .2s ease}.meeting-card[data-v-577a1abe]:hover{background:#1e293bcc;border-color:#ffffff26}.meeting-info[data-v-577a1abe]{flex:1;min-width:0}.meeting-header[data-v-577a1abe]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.meeting-header .meeting-title[data-v-577a1abe]{margin:0;color:#e2e8f0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.meeting-header .meeting-title i[data-v-577a1abe]{color:#667eea}.meeting-header .meeting-status[data-v-577a1abe]{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.meeting-header .meeting-status.active[data-v-577a1abe]{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.meeting-header .meeting-status.expired[data-v-577a1abe]{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.meeting-details[data-v-577a1abe]{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.meeting-details .detail-row[data-v-577a1abe]{display:flex;align-items:center;gap:8px;font-size:.875rem}.meeting-details .detail-row .detail-label[data-v-577a1abe]{color:#94a3b8;font-weight:500;min-width:80px}.meeting-details .detail-row .detail-value[data-v-577a1abe]{color:#e2e8f0}.meeting-details .detail-row .detail-value.expired[data-v-577a1abe]{color:#ef4444}.meeting-details .detail-row .detail-valuecode[data-v-577a1abe]{background:#0f172a99;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem}.meeting-link[data-v-577a1abe]{display:flex;gap:8px;align-items:center}.meeting-link .link-input[data-v-577a1abe]{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#0f172a99;color:#e2e8f0;font-size:.8rem;font-family:Courier New,monospace;cursor:pointer}.meeting-link .link-input[data-v-577a1abe]:focus{outline:none;border-color:#667eea;background:#0f172acc}.meeting-link .link-input[data-v-577a1abe]:hover{background:#0f172acc}.meeting-actions[data-v-577a1abe]{display:flex;flex-direction:column;gap:8px;flex-shrink:0}@media (max-width: 768px){.meeting-card[data-v-577a1abe]{flex-direction:column;align-items:stretch;gap:16px}.meeting-actions[data-v-577a1abe]{flex-direction:row;justify-content:flex-end}.meeting-header[data-v-577a1abe]{flex-direction:column;align-items:flex-start;gap:8px}.meeting-link[data-v-577a1abe]{flex-direction:column;gap:8px}}@media (max-width: 480px){.meetings-list[data-v-577a1abe]{max-height:400px}.meeting-card[data-v-577a1abe]{padding:16px}.meeting-details .detail-row[data-v-577a1abe]{flex-direction:column;align-items:flex-start;gap:2px}.meeting-details .detail-row .detail-label[data-v-577a1abe]{min-width:auto;font-size:.8rem}}.create-guest-meeting[data-v-fb158fad]{position:relative}.modal-content-body[data-v-fb158fad]{display:flex;flex-direction:column;gap:20px}.modal-description[data-v-fb158fad]{margin:0;color:#94a3b8;font-size:.95rem}.link-card .link-container[data-v-fb158fad]{display:flex;gap:12px;align-items:center}.link-card .meeting-link-input[data-v-fb158fad]{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.875rem;background:#ffffff0d;color:#e2e8f0;font-family:Courier New,monospace}.link-card .meeting-link-input[data-v-fb158fad]:focus{outline:none;border-color:#667eea;background:#ffffff14}.link-card .meeting-link-input[data-v-fb158fad]:read-only{cursor:pointer}.link-card .meeting-link-input[data-v-fb158fad]:read-only:hover{background:#ffffff14}.details-card .meeting-details[data-v-fb158fad]{display:flex;flex-direction:column;gap:12px}.details-card .detail-item[data-v-fb158fad]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.details-card .detail-item .detail-label[data-v-fb158fad]{color:#94a3b8;font-weight:500}.details-card .detail-item .detail-value[data-v-fb158fad]{color:#e2e8f0;font-weight:600;font-family:Courier New,monospace}@media (max-width: 768px){.link-card .link-container[data-v-fb158fad]{flex-direction:column;gap:8px}.link-card .meeting-link-input[data-v-fb158fad]{width:100%}.details-card .detail-item[data-v-fb158fad]{flex-direction:column;align-items:flex-start;gap:4px}}.modal-content-body[data-v-fb158fad]{animation:slideInUp-fb158fad .3s ease-out}@keyframes slideInUp-fb158fad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-info-tooltip[data-v-199b755f]{position:fixed;z-index:1000;background:linear-gradient(135deg,#141b25fa,#0a0f19fa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:16px;min-width:280px;max-width:320px;box-shadow:0 10px 40px #00000080,0 2px 10px #0000004d;overflow-y:auto;animation:tooltipFadeIn-199b755f .2s ease}.user-info-tooltip .tooltip-header[data-v-199b755f]{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.1);margin-bottom:12px}.user-info-tooltip .tooltip-header .user-avatar-large[data-v-199b755f]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;flex-shrink:0;box-shadow:0 3px 12px #0000004d;overflow:hidden}.user-info-tooltip .tooltip-header .user-avatar-large img[data-v-199b755f]{width:100%;height:100%;object-fit:cover}.user-info-tooltip .tooltip-header .user-primary-info[data-v-199b755f]{flex:1;min-width:0}.user-info-tooltip .tooltip-header .user-primary-info .display-name[data-v-199b755f]{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin:0 0 4px;word-break:break-word}.user-info-tooltip .tooltip-header .user-primary-info .username[data-v-199b755f]{font-size:.875rem;color:#94a3b8;margin:0}.user-info-tooltip .tooltip-body[data-v-199b755f]{display:flex;flex-direction:column;gap:12px}.user-info-tooltip .tooltip-body .info-section[data-v-199b755f]{display:flex;flex-direction:column;gap:4px;position:relative}.user-info-tooltip .tooltip-body .info-section label[data-v-199b755f]{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.user-info-tooltip .tooltip-body .info-section span[data-v-199b755f]{font-size:.875rem;color:#cbd5e1;word-break:break-word}.user-info-tooltip .tooltip-body .info-section .email[data-v-199b755f]{color:#8b5cf6}.user-info-tooltip .tooltip-body .info-section .uuid[data-v-199b755f]{font-family:Courier New,monospace;font-size:.75rem;color:#94a3b8;cursor:pointer;padding-right:24px;transition:color .2s ease}.user-info-tooltip .tooltip-body .info-section .uuid[data-v-199b755f]:hover{color:#667eea}.user-info-tooltip .tooltip-body .info-section .copy-icon[data-v-199b755f]{position:absolute;right:0;bottom:2px;font-size:.75rem;color:#64748b;cursor:pointer;transition:all .2s ease}.user-info-tooltip .tooltip-body .info-section .copy-icon[data-v-199b755f]:hover{color:#667eea;transform:scale(1.1)}.user-info-tooltip .tooltip-body .info-section .description[data-v-199b755f]{font-style:italic;color:#94a3b8}.user-info-tooltip .tooltip-body .info-section .status-badges[data-v-199b755f]{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.user-info-tooltip .tooltip-body .info-section .status-badges .status-badge[data-v-199b755f]{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.user-info-tooltip .tooltip-body .info-section .status-badges .status-badge i[data-v-199b755f]{font-size:.625rem}.user-info-tooltip .tooltip-body .info-section .status-badges .status-badge.muted[data-v-199b755f]{background:#ef444433;color:#ef4444}.user-info-tooltip .tooltip-body .info-section .status-badges .status-badge.deafened[data-v-199b755f]{background:#fbbf2433;color:#fbbf24}.user-info-tooltip .tooltip-body .info-section .status-badges .status-badge.video[data-v-199b755f]{background:#10b98133;color:#10b981}.user-info-tooltip .tooltip-body .info-section .status-badges .status-badge.screen[data-v-199b755f]{background:#8b5cf633;color:#8b5cf6}.user-info-tooltip .tooltip-body .info-section .status-badges .status-badge.channel[data-v-199b755f]{background:#667eea33;color:#667eea}.tooltip-enter-active[data-v-199b755f],.tooltip-leave-active[data-v-199b755f]{transition:all .2s ease}.tooltip-enter-from[data-v-199b755f]{opacity:0;transform:translateY(-10px)}.tooltip-leave-to[data-v-199b755f]{opacity:0;transform:translateY(-5px)}@keyframes tooltipFadeIn-199b755f{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.user-info-tooltip[data-v-199b755f]{max-width:calc(100vw - 40px)}}.right-sidebar[data-v-c5950a9f]{width:280px;height:100%;background:linear-gradient(135deg,#1e293bf2,#0f172af2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid rgba(148,163,184,.1);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:40}.right-sidebar.collapsed[data-v-c5950a9f]{transform:translate(100%);margin-left:-280px}.right-sidebar .sidebar-header[data-v-c5950a9f]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(148,163,184,.1);background:#0f172a80}.right-sidebar .sidebar-header .sidebar-title[data-v-c5950a9f]{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin:0;letter-spacing:.025em}.right-sidebar .sidebar-header .collapse-btn[data-v-c5950a9f]{opacity:.6;transition:all .2s ease}.right-sidebar .sidebar-header .collapse-btn[data-v-c5950a9f]:hover{opacity:1;transform:translate(2px)}.right-sidebar .sidebar-content[data-v-c5950a9f]{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.right-sidebar .sidebar-content[data-v-c5950a9f]::-webkit-scrollbar{width:4px}.right-sidebar .sidebar-content[data-v-c5950a9f]::-webkit-scrollbar-track{background:transparent}.right-sidebar .sidebar-content[data-v-c5950a9f]::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}.right-sidebar .sidebar-content[data-v-c5950a9f]::-webkit-scrollbar-thumb:hover{background:#94a3b84d}.right-sidebar .users-section[data-v-c5950a9f]{flex-shrink:0;margin-bottom:24px}.right-sidebar .users-section .user-list[data-v-c5950a9f]{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.right-sidebar .users-section .user-list[data-v-c5950a9f]::-webkit-scrollbar{width:4px}.right-sidebar .users-section .user-list[data-v-c5950a9f]::-webkit-scrollbar-track{background:#ffffff08}.right-sidebar .users-section .user-list[data-v-c5950a9f]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.right-sidebar .users-section .user-item[data-v-c5950a9f]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .2s ease}.right-sidebar .users-section .user-item[data-v-c5950a9f]:hover{background:#667eea1a;transform:translate(2px)}.right-sidebar .users-section .user-item .user-avatar[data-v-c5950a9f]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.7rem;flex-shrink:0;box-shadow:0 2px 6px #0003}.right-sidebar .users-section .user-item .user-info[data-v-c5950a9f]{flex:1;min-width:0}.right-sidebar .users-section .user-item .user-info .user-name[data-v-c5950a9f]{font-weight:500;color:#e2e8f0;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-sidebar .users-section .user-item .user-info .user-id[data-v-c5950a9f]{font-size:.7rem;color:#94a3b8;font-family:Courier New,monospace}.right-sidebar .users-section .user-item .user-status .status-dot[data-v-c5950a9f]{width:8px;height:8px;border-radius:50%}.right-sidebar .users-section .user-item .user-status .status-dot.online[data-v-c5950a9f]{background:#10b981;box-shadow:0 0 4px #10b98180}.right-sidebar .users-section .empty-state[data-v-c5950a9f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#64748b;font-size:.875rem;text-align:center;gap:8px}.right-sidebar .users-section .empty-state i[data-v-c5950a9f]{font-size:1.5rem;opacity:.5}.right-sidebar .section-header[data-v-c5950a9f]{display:flex;align-items:center;justify-content:space-between}.right-sidebar .section-header .section-title[data-v-c5950a9f]{display:flex;align-items:center;gap:8px;font-weight:600;color:#f1f5f9}.right-sidebar .section-header .section-title i[data-v-c5950a9f]{color:#667eea;font-size:.875rem}.right-sidebar .section-header .user-count[data-v-c5950a9f]{background:#667eea33;color:#667eea;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:24px;text-align:center}.right-sidebar .action-section[data-v-c5950a9f]{display:flex;flex-direction:column;gap:12px}.right-sidebar .action-section .section-title[data-v-c5950a9f]{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;padding-left:8px}.right-sidebar .action-section .action-buttons[data-v-c5950a9f]{display:flex;flex-direction:column;gap:8px}.right-sidebar .action-btn[data-v-c5950a9f]{width:100%;justify-content:flex-start;padding:10px 16px;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.right-sidebar .action-btn[data-v-c5950a9f]:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .6s ease}.right-sidebar .action-btn[data-v-c5950a9f]:hover{transform:translate(2px);box-shadow:0 2px 8px #00000026}.right-sidebar .action-btn[data-v-c5950a9f]:hover:before{transform:translate(100%)}.right-sidebar .action-btn[data-v-c5950a9f]:active{transform:translate(0)}.right-sidebar .action-btn .btn-label[data-v-c5950a9f]{margin-left:8px;font-weight:500;font-size:.875rem}.right-sidebar .action-btn.leave-meeting-btn[data-v-c5950a9f]:hover{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef44444d}.right-sidebar .action-btn[data-v-c5950a9f] i{transition:transform .2s ease}.right-sidebar .action-btn[data-v-c5950a9f]:hover i{transform:scale(1.1)}@media (max-width: 1400px){.right-sidebar[data-v-c5950a9f]{width:240px}.right-sidebar.collapsed[data-v-c5950a9f]{margin-left:-240px}}@media (max-width: 1200px){.right-sidebar[data-v-c5950a9f]{width:220px}.right-sidebar.collapsed[data-v-c5950a9f]{margin-left:-220px}.right-sidebar .action-btn[data-v-c5950a9f]{padding:8px 12px}.right-sidebar .action-btn .btn-label[data-v-c5950a9f]{font-size:.8125rem}}@media (max-width: 768px){.right-sidebar[data-v-c5950a9f]{position:fixed;top:64px;right:0;bottom:0;width:280px;z-index:201;box-shadow:-4px 0 20px #0000004d}.right-sidebar.collapsed[data-v-c5950a9f]{margin-left:0}}@keyframes slideIn-c5950a9f{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.right-sidebar:not(.collapsed) .action-section[data-v-c5950a9f]{animation:slideIn-c5950a9f .3s cubic-bezier(.4,0,.2,1) forwards}.right-sidebar:not(.collapsed) .action-section[data-v-c5950a9f]:nth-child(1){animation-delay:.05s}.right-sidebar:not(.collapsed) .action-section[data-v-c5950a9f]:nth-child(2){animation-delay:.1s}.right-sidebar:not(.collapsed) .action-section[data-v-c5950a9f]:nth-child(3){animation-delay:.15s}.app-container[data-v-8dfbd97f]{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;overflow:hidden}.app-header[data-v-8dfbd97f]{height:64px;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;flex-shrink:0}.app-header .header-left[data-v-8dfbd97f]{display:flex;align-items:center;gap:16px;min-width:0}.app-header .header-left .logo-container[data-v-8dfbd97f]{display:flex;align-items:center;gap:12px}.app-header .header-left .logo-container .logo[data-v-8dfbd97f]{height:32px;width:auto;flex-shrink:0}.app-header .header-left .logo-container .app-title[data-v-8dfbd97f]{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.app-header .header-center[data-v-8dfbd97f]{flex:1;display:flex;justify-content:center;min-width:0}.app-header .header-center .channel-indicator[data-v-8dfbd97f]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:20px;font-weight:500;color:#667eea}.app-header .header-center .channel-indicator i[data-v-8dfbd97f]{font-size:.875rem}.app-header .header-center .channel-indicator .user-count[data-v-8dfbd97f]{background:#667eea33;color:#667eea;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.app-header .header-center .channel-indicator .guest-badge[data-v-8dfbd97f],.app-header .header-center .channel-indicator .auth-badge[data-v-8dfbd97f]{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;margin-left:8px}.app-header .header-center .channel-indicator .guest-badge i[data-v-8dfbd97f],.app-header .header-center .channel-indicator .auth-badge i[data-v-8dfbd97f]{font-size:.65rem}.app-header .header-center .channel-indicator .guest-badge[data-v-8dfbd97f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.app-header .header-center .channel-indicator .auth-badge[data-v-8dfbd97f]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.app-header .header-center.guest-meeting[data-v-8dfbd97f]{background:#10b9811a;border-color:#10b98133;color:#10b981}.app-header .header-center.guest-meeting .user-count[data-v-8dfbd97f]{background:#10b98133;color:#10b981}.app-header .header-right[data-v-8dfbd97f]{display:flex;align-items:center;gap:12px}.app-header .header-right .action-buttons[data-v-8dfbd97f]{display:flex;align-items:center;gap:8px}.app-body[data-v-8dfbd97f]{flex:1;display:flex;overflow:hidden;min-height:0}.sidebar-overlay[data-v-8dfbd97f]{display:none}@media (max-width: 768px){.sidebar-overlay[data-v-8dfbd97f]{display:block;position:fixed;inset:64px 0 0;background:#00000080;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.right-sidebar-overlay[data-v-8dfbd97f]{display:none}@media (max-width: 768px){.right-sidebar-overlay[data-v-8dfbd97f]{display:block;position:fixed;inset:64px 0 0;background:#00000080;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.right-sidebar-toggle[data-v-8dfbd97f]{opacity:.7;transition:all .3s ease}.right-sidebar-toggle[data-v-8dfbd97f]:hover{opacity:1;transform:rotate(90deg);background:#94a3b81a}.main-content[data-v-8dfbd97f]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content.with-chat[data-v-8dfbd97f]{flex:1}.main-content .empty-state[data-v-8dfbd97f]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 20px}.main-content .empty-state .empty-state-icon[data-v-8dfbd97f]{width:80px;height:80px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.main-content .empty-state .empty-state-icon i[data-v-8dfbd97f]{font-size:2rem;color:#667eea}.main-content .empty-state h3[data-v-8dfbd97f]{margin:0 0 12px;font-size:1.5rem;font-weight:600;color:#f1f5f9}.main-content .empty-state p[data-v-8dfbd97f]{margin:0 0 24px;color:#94a3b8;max-width:400px}.main-content .video-grid[data-v-8dfbd97f]{flex:1;display:grid;gap:12px;padding:16px;overflow-y:auto;align-content:start;min-height:0}.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(1):nth-last-child(1)){grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;align-content:center}.main-content .video-grid:has(.video-tile:nth-child(1):nth-last-child(1)) .video-tile[data-v-8dfbd97f]{max-width:min(90vw,1200px);max-height:min(70vh,675px)}.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(1):nth-last-child(2)){grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(250px,1fr)}@media (max-width: 768px){.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(1):nth-last-child(2)){grid-template-columns:1fr;grid-auto-rows:minmax(200px,1fr)}}.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(3)),.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(4)):not(:has(.video-tile:nth-child(5))){grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(200px,1fr)}@media (min-width: 1024px){.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(3)),.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(4)):not(:has(.video-tile:nth-child(5))){grid-auto-rows:minmax(250px,1fr)}}.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(5)),.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(6)):not(:has(.video-tile:nth-child(7))){grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,1fr)}@media (max-width: 1024px){.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(5)),.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(6)):not(:has(.video-tile:nth-child(7))){grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(5)),.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(6)):not(:has(.video-tile:nth-child(7))){grid-template-columns:1fr;grid-auto-rows:minmax(160px,250px)}}.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(7)),.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(9)):not(:has(.video-tile:nth-child(10))){grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(150px,1fr)}@media (max-width: 1024px){.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(7)),.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(9)):not(:has(.video-tile:nth-child(10))){grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(140px,200px)}}@media (max-width: 640px){.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(7)),.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(9)):not(:has(.video-tile:nth-child(10))){grid-template-columns:1fr;grid-auto-rows:minmax(140px,200px)}}.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(10)){grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:minmax(120px,180px)}@media (min-width: 1400px){.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(10)){grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(140px,200px)}}@media (max-width: 1024px){.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(10)){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 640px){.main-content .video-grid[data-v-8dfbd97f]:has(.video-tile:nth-child(10)){grid-template-columns:1fr;grid-auto-rows:minmax(120px,180px)}}.main-content .video-grid .video-tile[data-v-8dfbd97f]{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain}.main-content .video-grid[data-v-8dfbd97f]{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.main-content .video-grid[data-v-8dfbd97f]::-webkit-scrollbar{width:8px}.main-content .video-grid[data-v-8dfbd97f]::-webkit-scrollbar-track{background:transparent}.main-content .video-grid[data-v-8dfbd97f]::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}.main-content .video-grid[data-v-8dfbd97f]::-webkit-scrollbar-thumb:hover{background:#94a3b880}.main-content .guest-meeting-grid[data-v-8dfbd97f]{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.chat-panel[data-v-8dfbd97f]{width:350px;background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1);overflow:hidden}@media (max-width: 1200px){.chat-panel[data-v-8dfbd97f]{width:300px}}@media (max-width: 768px){.sidebar.collapsed[data-v-8dfbd97f]{margin-right:0}.app-header[data-v-8dfbd97f]{padding:0 16px}.app-header .header-center[data-v-8dfbd97f],.app-header .header-left .logo-container .app-title[data-v-8dfbd97f]{display:none}.main-content .video-grid[data-v-8dfbd97f]{padding:12px;gap:10px}.chat-panel[data-v-8dfbd97f]{position:fixed;top:64px;right:0;bottom:0;width:100%;max-width:400px;z-index:150;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.visible{transform:translate(0)}}@media (max-width: 768px){.desktop-only[data-v-8dfbd97f]{display:none!important}}.video-tile[data-v-8dfbd97f]{animation:fadeInScale-8dfbd97f .3s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}@keyframes fadeInScale-8dfbd97f{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-grid[data-v-8dfbd97f]{will-change:scroll-position}.guest-join-page[data-v-e3a6a336]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.guest-join-container[data-v-e3a6a336]{background:#fff;border-radius:12px;padding:40px;box-shadow:0 20px 40px #0000001a;max-width:400px;width:100%}.guest-join-header[data-v-e3a6a336]{text-align:center;margin-bottom:30px}.guest-join-header h1[data-v-e3a6a336]{margin:0 0 10px;color:#333;font-size:2rem;font-weight:600}.guest-join-header p[data-v-e3a6a336]{margin:0;color:#666;font-size:.9rem}.guest-join-form[data-v-e3a6a336]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-e3a6a336]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-e3a6a336]{font-weight:500;color:#333;font-size:.9rem}.form-group input[data-v-e3a6a336]{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-group input[data-v-e3a6a336]:focus{outline:none;border-color:#667eea}.form-group input[data-v-e3a6a336]:disabled{background-color:#f5f5f5;cursor:not-allowed}.join-button[data-v-e3a6a336]{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.join-button[data-v-e3a6a336]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.join-button[data-v-e3a6a336]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error-message[data-v-e3a6a336]{background:#fee;border:1px solid #fcc;border-radius:8px;padding:16px;color:#c33;text-align:center}.error-message h2[data-v-e3a6a336]{margin:0 0 8px;font-size:1.2rem}.error-message p[data-v-e3a6a336]{margin:0;font-size:.9rem}.room-info[data-v-e3a6a336]{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.room-info small[data-v-e3a6a336]{color:#666;font-size:.8rem}.authenticated-badge[data-v-e3a6a336]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 12px;border-radius:8px;font-size:.9rem;font-weight:500;margin-top:12px;animation:pulse-e3a6a336 2s ease-in-out infinite}@keyframes pulse-e3a6a336{0%,to{opacity:1}50%{opacity:.8}}.meeting-header[data-v-34ab3ad5]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #0000001a}.meeting-header.guest[data-v-34ab3ad5]{position:relative;z-index:10;padding:24px 32px;background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #0003}.meeting-header .meeting-info .meeting-title-container[data-v-34ab3ad5]{display:flex;align-items:center;gap:16px}.meeting-header .meeting-info .meeting-title-container .meeting-icon[data-v-34ab3ad5]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;box-shadow:0 4px 15px #667eea4d;animation:pulse-glow-34ab3ad5 3s ease-in-out infinite}.meeting-header .meeting-info .meeting-title-container .meeting-text .meeting-title[data-v-34ab3ad5]{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:#f1f5f9}.guest .meeting-header .meeting-info .meeting-title-container .meeting-text .meeting-title[data-v-34ab3ad5]{font-size:1.75rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info[data-v-34ab3ad5]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info .participant-count[data-v-34ab3ad5]{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#94a3b8}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info .participant-count i[data-v-34ab3ad5]{color:#10b981}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info .user-badge[data-v-34ab3ad5]{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #0003;transition:all .3s ease}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info .user-badge[data-v-34ab3ad5]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info .user-badge i[data-v-34ab3ad5]{font-size:.7rem}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info .user-badge.guest-badge[data-v-34ab3ad5]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info .user-badge.auth-badge[data-v-34ab3ad5]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.meeting-header .meeting-actions .leave-btn[data-v-34ab3ad5]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.meeting-header .meeting-actions .leave-btn[data-v-34ab3ad5]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)}.meeting-header .meeting-actions .leave-btn[data-v-34ab3ad5]:active{transform:translateY(0)}.meeting-header .meeting-actions .leave-btn i[data-v-34ab3ad5]{font-size:.8rem}@keyframes pulse-glow-34ab3ad5{0%,to{box-shadow:0 4px 15px #667eea4d}50%{box-shadow:0 4px 25px #667eea80}}@media (max-width: 768px){.meeting-header[data-v-34ab3ad5]{padding:16px;flex-direction:column;gap:16px;text-align:center}.meeting-header.guest[data-v-34ab3ad5]{padding:20px}.meeting-header .meeting-info .meeting-title-container[data-v-34ab3ad5]{flex-direction:column;gap:12px;text-align:center}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info[data-v-34ab3ad5]{justify-content:center}.meeting-header .meeting-actions .leave-btn[data-v-34ab3ad5]{padding:10px 16px;font-size:.8rem}}@media (max-width: 480px){.meeting-header .meeting-info .meeting-title-container .meeting-text .meeting-title[data-v-34ab3ad5]{font-size:1.25rem}.guest .meeting-header .meeting-info .meeting-title-container .meeting-text .meeting-title[data-v-34ab3ad5]{font-size:1.5rem}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info[data-v-34ab3ad5]{flex-direction:column;gap:8px;align-items:center}}.guest-meeting-page[data-v-cf8b1f32]{position:relative;display:flex;flex-direction:column;height:100vh;background:radial-gradient(ellipse at top,#1e293b,#0f172a);color:#fff;overflow:hidden}.animated-background[data-v-cf8b1f32]{position:absolute;inset:0;pointer-events:none;z-index:0}.animated-background .floating-particles[data-v-cf8b1f32]{position:absolute;width:100%;height:100%}.animated-background .floating-particles .particle[data-v-cf8b1f32]{position:absolute;background:#667eea99;border-radius:50%;pointer-events:none;animation:float-cf8b1f32 infinite linear;filter:blur(1px)}.animated-background .gradient-overlay[data-v-cf8b1f32]{position:absolute;inset:0;background:linear-gradient(45deg,#667eea08,#764ba208,#10b98108,#f59e0b08,#ef444408);animation:gradient-shift-cf8b1f32 20s ease-in-out infinite}@keyframes float-cf8b1f32{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes gradient-shift-cf8b1f32{0%,to{transform:translate(0)}50%{transform:translate(-20px)}}.meeting-content[data-v-cf8b1f32]{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;padding:24px 32px;gap:24px}.participants-container[data-v-cf8b1f32]{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.controls-container[data-v-cf8b1f32]{display:flex;justify-content:center;align-items:center}.controls-container .controls-wrapper[data-v-cf8b1f32] .user-controls{flex-direction:row!important;align-items:center;gap:16px;padding:16px 24px;border-radius:20px;background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;max-width:none;margin:0}.controls-container .controls-wrapper[data-v-cf8b1f32] .user-controls .connection-card,.controls-container .controls-wrapper[data-v-cf8b1f32] .user-controls .controls-card,.controls-container .controls-wrapper[data-v-cf8b1f32] .user-controls .user-profile-card{margin:0;flex-shrink:0}.controls-container .controls-wrapper[data-v-cf8b1f32] .user-controls .user-profile-card{min-width:200px}.user-tile-enter-active[data-v-cf8b1f32]{transition:all .6s cubic-bezier(.4,0,.2,1)}.user-tile-leave-active[data-v-cf8b1f32]{transition:all .4s cubic-bezier(.4,0,.2,1)}.user-tile-enter-from[data-v-cf8b1f32]{opacity:0;transform:scale(.8) translateY(40px)}.user-tile-leave-to[data-v-cf8b1f32]{opacity:0;transform:scale(.8) translateY(-40px)}.user-tile-move[data-v-cf8b1f32]{transition:transform .5s cubic-bezier(.4,0,.2,1)}@media (max-width: 1024px){.participants-grid[data-v-cf8b1f32]{grid-template-columns:repeat(auto-fit,minmax(250px,350px));gap:20px}}@media (max-width: 768px){.meeting-header[data-v-cf8b1f32]{padding:20px;flex-direction:column;gap:16px;text-align:center}.meeting-header .meeting-info .meeting-title-container[data-v-cf8b1f32]{flex-direction:column;gap:12px;text-align:center}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info[data-v-cf8b1f32]{justify-content:center}.meeting-content[data-v-cf8b1f32]{padding:16px 20px}.participants-grid[data-v-cf8b1f32]{grid-template-columns:1fr;gap:16px}.controls-wrapper[data-v-cf8b1f32] .user-controls{flex-direction:column!important;gap:12px;padding:16px}.controls-wrapper[data-v-cf8b1f32] .user-controls .user-profile-card{min-width:auto}}@media (max-width: 480px){.meeting-header[data-v-cf8b1f32]{padding:16px}.meeting-header .meeting-info .meeting-title-container .meeting-text .meeting-title[data-v-cf8b1f32]{font-size:1.5rem}.meeting-header .meeting-info .meeting-title-container .meeting-text .participant-info[data-v-cf8b1f32]{flex-direction:column;gap:8px;align-items:center}.meeting-header .meeting-actions .leave-btn[data-v-cf8b1f32]{padding:10px 16px;font-size:.8rem}.meeting-content[data-v-cf8b1f32]{padding:12px 16px}}html,body{width:100vw;height:100vh;padding:0;margin:0;display:flex;background-color:#2c2f33}html #app,body #app{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;display:flex;flex:1}html #app>div,body #app>div{display:flex;flex:1;flex-direction:column}html #app .user-tile .video-container .screen-share-video-player video,html #app .user-tile .video-container .camera-video-player video,body #app .user-tile .video-container .screen-share-video-player video,body #app .user-tile .video-container .camera-video-player video{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}html #app .sqy-seperator,body #app .sqy-seperator{height:1px;border-width:0;color:gray;background-color:gray;margin:0}