.meeting-root[data-v-10a66cb1]{height:100vh;width:100vw;background:#0a0a0f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;position:relative}.setup-screen[data-v-10a66cb1]{display:flex;align-items:center;justify-content:center;height:100%}.setup-card[data-v-10a66cb1]{background:#16161f;border:1px solid #2a2a3a;border-radius:16px;padding:48px 40px;text-align:center;width:360px;box-shadow:0 24px 64px #0009}.brand[data-v-10a66cb1]{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#10b981;margin-bottom:20px}.setup-card h2[data-v-10a66cb1]{font-size:24px;font-weight:600;margin-bottom:8px}.room-name[data-v-10a66cb1]{font-size:14px;color:#666;margin-bottom:16px}.role-badge[data-v-10a66cb1]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:28px}.badge-staff[data-v-10a66cb1]{background:#10b98126;color:#10b981}.badge-customer[data-v-10a66cb1]{background:#3b82f626;color:#3b82f6}.join-btn[data-v-10a66cb1]{display:block;width:100%;padding:14px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.join-btn[data-v-10a66cb1]:hover{background:#059669}.join-btn[data-v-10a66cb1]:active{background:#047857}.error-msg[data-v-10a66cb1]{margin-top:14px;font-size:13px;color:#ef4444}.fullscreen-center[data-v-10a66cb1]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.spinner[data-v-10a66cb1]{width:40px;height:40px;border:3px solid #2a2a3a;border-top-color:#10b981;border-radius:50%;animation:spin-10a66cb1 .8s linear infinite}@keyframes spin-10a66cb1{to{transform:rotate(360deg)}}.connecting-text[data-v-10a66cb1]{color:#888;font-size:15px}.ended-card[data-v-10a66cb1]{background:#16161f;border:1px solid #2a2a3a;border-radius:16px;padding:48px 40px;text-align:center}.ended-icon[data-v-10a66cb1]{width:48px;height:48px;color:#ef4444;margin:0 auto 16px}.ended-card h2[data-v-10a66cb1]{font-size:22px;margin-bottom:8px}.ended-card p[data-v-10a66cb1]{color:#666;font-size:14px}.meeting-layout[data-v-10a66cb1]{position:relative;height:100vh;width:100vw;display:flex;flex-direction:column}.main-area[data-v-10a66cb1]{flex:1;position:relative;overflow:hidden;background:#0d0d16}.remote-tracks[data-v-10a66cb1]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.participant-placeholder[data-v-10a66cb1]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.avatar[data-v-10a66cb1]{width:96px;height:96px;border-radius:50%;background:#1e293b;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:600;color:#94a3b8;border:2px solid #2a3a4a}.pname[data-v-10a66cb1]{font-size:16px;color:#aaa}.audio-bars[data-v-10a66cb1]{display:flex;align-items:flex-end;gap:3px;height:20px}.audio-bars span[data-v-10a66cb1]{width:4px;border-radius:2px;background:#10b981;animation:bounce-10a66cb1 .6s ease-in-out infinite alternate}.audio-bars span[data-v-10a66cb1]:nth-child(1){height:6px;animation-delay:0s}.audio-bars span[data-v-10a66cb1]:nth-child(2){height:14px;animation-delay:.1s}.audio-bars span[data-v-10a66cb1]:nth-child(3){height:20px;animation-delay:.2s}.audio-bars span[data-v-10a66cb1]:nth-child(4){height:14px;animation-delay:.3s}.audio-bars span[data-v-10a66cb1]:nth-child(5){height:6px;animation-delay:.4s}@keyframes bounce-10a66cb1{to{transform:scaleY(.3)}}.remote-name-tag[data-v-10a66cb1]{position:absolute;bottom:16px;left:16px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.role-tag[data-v-10a66cb1]{font-size:11px;padding:2px 8px;border-radius:10px;background:#10b98133;color:#10b981}.self-pip[data-v-10a66cb1]{position:absolute;top:16px;right:16px;width:180px;height:120px;background:#1a1a2a;border-radius:10px;overflow:hidden;border:2px solid #2a2a3a;box-shadow:0 8px 24px #00000080;z-index:10}.pip-video[data-v-10a66cb1]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pip-audio-only[data-v-10a66cb1]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1e2030}.pip-audio-only svg[data-v-10a66cb1]{width:40px;height:40px;color:#4a5568}.pip-label[data-v-10a66cb1]{position:absolute;bottom:6px;left:8px;font-size:11px;color:#ffffffb3;background:#00000080;padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:4px}.muted-dot[data-v-10a66cb1]{width:7px;height:7px;border-radius:50%;background:#ef4444;display:inline-block}.controls-bar[data-v-10a66cb1]{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:#0f0f16d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:12px 20px;border-radius:60px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080;z-index:20}.ctrl-btn[data-v-10a66cb1]{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff14;border:none;border-radius:50px;padding:10px 18px;color:#fff;cursor:pointer;font-size:12px;transition:background .15s,transform .1s;min-width:68px}.ctrl-btn svg[data-v-10a66cb1]{width:22px;height:22px}.ctrl-btn[data-v-10a66cb1]:hover{background:#ffffff24}.ctrl-btn[data-v-10a66cb1]:active{transform:scale(.95)}.ctrl-btn.ctrl-off[data-v-10a66cb1]{background:#ef444433;color:#ef4444}.ctrl-btn.ctrl-off[data-v-10a66cb1]:hover{background:#ef444447}.ctrl-btn.ctrl-active[data-v-10a66cb1]{background:#10b98133;color:#10b981}.ctrl-btn.ctrl-active[data-v-10a66cb1]:hover{background:#10b9814d}.ctrl-btn.ctrl-end[data-v-10a66cb1]{background:#ef4444;color:#fff}.ctrl-btn.ctrl-end[data-v-10a66cb1]:hover{background:#dc2626}.ctrl-btn.ctrl-end[data-v-10a66cb1]:active{background:#b91c1c}.meeting-timer[data-v-10a66cb1]{position:absolute;top:14px;left:16px;z-index:20;display:flex;align-items:center;gap:7px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 12px;border-radius:20px;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.5px;color:#ffffffd9;pointer-events:none}.timer-dot[data-v-10a66cb1]{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:pulse-10a66cb1 2s ease-in-out infinite}@keyframes pulse-10a66cb1{0%,to{opacity:1}50%{opacity:.3}}.reconnecting-overlay[data-v-10a66cb1]{position:absolute;inset:0;z-index:50;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;font-size:15px}.screen-share-area[data-v-10a66cb1]{position:absolute;inset:0;width:100%;height:100%;background:#000;-o-object-fit:contain;object-fit:contain}.remote-camera-pip[data-v-10a66cb1]{position:absolute;bottom:80px;right:16px;width:160px;height:100px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 24px #0009;z-index:15;background:#1a1a2a}.remote-camera-pip[data-v-10a66cb1] video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.screen-share-label[data-v-10a66cb1]{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 14px;border-radius:20px;font-size:12px;color:#ffffffbf;white-space:nowrap;z-index:20}