@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;--clr-accent: #2563eb;--clr-green: #059669;--clr-teal: #0891b2;--clr-red: #dc2626;--clr-purple: #7c3aed;--clr-yellow: #d97706;--clr-text: #0f172a;--clr-text-muted: #64748b;--clr-text-secondary: #8899aa;--clr-bg: #f0f4f8;--clr-card: #ffffff;--clr-border: rgba(148, 163, 184, .2);--card-shadow: 0 2px 12px rgba(0, 0, 0, .07), 0 1px 3px rgba(0,0,0,.04);--call-bg: #e8edf3;--call-surface: #ffffff;--call-surface-hover: #f1f5f9;--call-overlay: rgba(255, 255, 255, .95);--call-header-bg: rgba(255, 255, 255, .95);--call-header-border: rgba(148, 163, 184, .25);--call-text: #0f172a;--call-text-secondary: #475569;--call-text-muted: #94a3b8;--call-btn-bg: rgba(0, 0, 0, .08);--call-btn-hover: rgba(0, 0, 0, .14);--call-btn-text: #1e293b;--call-gradient: linear-gradient(transparent, rgba(232,237,243,.96) 30%);--chat-bg: rgba(255, 255, 255, .97);--chat-border: rgba(148, 163, 184, .2);--chat-header-text: #0f172a;--chat-close-text: #94a3b8;--chat-close-hover: #334155;--chat-close-hover-bg: rgba(0, 0, 0, .06);--chat-empty: #94a3b8;--chat-local-bg: #059669;--chat-local-text: #fff;--chat-remote-bg: #f1f5f9;--chat-remote-text: #0f172a;--chat-sender: #059669;--chat-input-bg: #f1f5f9;--chat-input-border: rgba(148, 163, 184, .3);--chat-input-text: #0f172a;--chat-input-focus: #059669;--chat-send-bg: #059669;--chat-send-text: #fff;--chat-send-hover: #047857;--rpm-bg: #e8edf3;--rpm-header-bg: rgba(255, 255, 255, .97);--rpm-header-border: rgba(148, 163, 184, .3);--rpm-text: #0f172a;--rpm-text-secondary: #475569;--rpm-text-muted: #64748b;--rpm-video-bg: linear-gradient(135deg, #cbd5e1 0%, #e2e8f0 100%);--rpm-video-area-bg: #e2e8f0;--rpm-tile-name-bg: rgba(0, 0, 0, .5);--rpm-tile-name-text: #ffffff;--rpm-ecg-bar-bg: rgba(255, 255, 255, .7);--rpm-ecg-bar-border: rgba(148, 163, 184, .3);--rpm-ecg-section-bg: #ffffff;--rpm-ecg-section-border: rgba(148, 163, 184, .25);--rpm-vital-bg: #ffffff;--rpm-vital-border: rgba(148, 163, 184, .25);--rpm-vital-hover: #f8fafc;--rpm-ai-bg: #ffffff;--rpm-ai-border: rgba(148, 163, 184, .25);--rpm-section-label: #475569;--rpm-vital-unit: #64748b;--rpm-timer-bg: rgba(0, 0, 0, .06);--rpm-timer-text: #475569;--rpm-toggle-bg: rgba(0, 0, 0, .07);--rpm-toggle-text: #64748b;--rpm-toggle-hover-bg: rgba(0, 0, 0, .12);--rpm-toggle-hover-text: #1e293b;--ecg-bg: #f8fafc;--ecg-grid: rgba(100, 116, 139, .12);--ecg-baseline: rgba(100, 116, 139, .15);--ecg-divider: rgba(100, 116, 139, .2);--ecg-label-alpha: .85;--ecg-paper-speed: rgba(100, 116, 139, .35);--ecg-hr-sub: #64748b;--self-border: rgba(0, 0, 0, .12);--self-bg: #e2e8f0;--self-shadow: 0 4px 24px rgba(0, 0, 0, .1);--admin-bg: #f0f4f8;--admin-card-bg: #ffffff;--admin-card-shadow: 0 4px 16px rgba(0, 0, 0, .08);--admin-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .12);--admin-header-border: rgba(148, 163, 184, .2);--admin-title: #0f172a;--admin-subtitle: #64748b;--admin-back-bg: rgba(0, 0, 0, .05);--admin-back-text: #64748b;--admin-back-hover-bg: rgba(0, 0, 0, .08);--admin-back-hover-text: #0f172a;--admin-card-title: #0f172a;--admin-card-stats: #64748b;--admin-link: #059669;--admin-session-time: #334155;--admin-btn-bg: rgba(5, 150, 105, .08);--admin-btn-text: #059669;--admin-btn-hover: rgba(5, 150, 105, .15);--admin-view-bg: rgba(0, 0, 0, .04);--admin-view-text: #475569;--admin-view-hover: rgba(0, 0, 0, .08);--admin-transcript-bg: rgba(0, 0, 0, .03);--admin-transcript-border: #059669;--admin-transcript-speaker: #059669;--admin-transcript-time: #94a3b8;--admin-transcript-text: #334155;--admin-empty: #94a3b8;--admin-error: #ef4444;--admin-scrollbar: rgba(0, 0, 0, .12);--summary-card-bg: #ffffff;--summary-card-shadow: 0 8px 32px rgba(0, 0, 0, .08);--summary-title: #0f172a;--summary-room: #64748b;--summary-section-title: #475569;--summary-entry-count: #94a3b8;--summary-download-bg: rgba(5, 150, 105, .08);--summary-download-text: #059669;--summary-download-hover: rgba(5, 150, 105, .15);--summary-no-data: #94a3b8;--caption-bg: rgba(255, 255, 255, .92);--caption-text: #0f172a;--caption-lang-bg: rgba(0, 0, 0, .08);--caption-name: #059669;color:var(--clr-text);background-color:var(--clr-bg)}[data-theme=dark]{--clr-text: #e2e8f0;--clr-text-muted: #94a3b8;--clr-text-secondary: #8899aa;--clr-bg: #0b1120;--clr-card: #16213e;--clr-border: rgba(255, 255, 255, .08);--card-shadow: 0 2px 12px rgba(0, 0, 0, .3), 0 1px 3px rgba(0,0,0,.2);--call-bg: #0b1120;--call-surface: #16213e;--call-surface-hover: #1e293b;--call-overlay: rgba(22, 33, 62, .95);--call-header-bg: rgba(11, 17, 32, .95);--call-header-border: rgba(255, 255, 255, .06);--call-text: #e2e8f0;--call-text-secondary: #94a3b8;--call-text-muted: #475569;--call-btn-bg: rgba(255, 255, 255, .08);--call-btn-hover: rgba(255, 255, 255, .12);--call-btn-text: #e2e8f0;--call-gradient: linear-gradient(transparent, rgba(11,17,32,.96) 30%);--chat-bg: rgba(22, 33, 62, .95);--chat-border: rgba(255, 255, 255, .08);--chat-header-text: #e0e0e0;--chat-close-text: #aaa;--chat-close-hover: #fff;--chat-close-hover-bg: rgba(255, 255, 255, .1);--chat-empty: #666;--chat-local-bg: #00d4ff;--chat-local-text: #1a1a2e;--chat-remote-bg: rgba(255, 255, 255, .1);--chat-remote-text: #e0e0e0;--chat-sender: #00d4ff;--chat-input-bg: rgba(0, 0, 0, .3);--chat-input-border: rgba(255, 255, 255, .12);--chat-input-text: #fff;--chat-input-focus: #00d4ff;--chat-send-bg: #00d4ff;--chat-send-text: #1a1a2e;--chat-send-hover: #00b8d9;--rpm-bg: #0b1120;--rpm-header-bg: rgba(11, 17, 32, .95);--rpm-header-border: rgba(255, 255, 255, .06);--rpm-text: #e2e8f0;--rpm-text-secondary: #94a3b8;--rpm-text-muted: #475569;--rpm-video-bg: linear-gradient(135deg, #1a1a3e 0%, #0f172a 100%);--rpm-video-area-bg: #0b1120;--rpm-tile-name-bg: rgba(0, 0, 0, .6);--rpm-tile-name-text: #e2e8f0;--rpm-ecg-bar-bg: rgba(255, 255, 255, .03);--rpm-ecg-bar-border: rgba(255, 255, 255, .06);--rpm-ecg-section-bg: #080c14;--rpm-ecg-section-border: rgba(255, 255, 255, .06);--rpm-vital-bg: rgba(255, 255, 255, .03);--rpm-vital-border: rgba(255, 255, 255, .06);--rpm-vital-hover: rgba(255, 255, 255, .06);--rpm-ai-bg: rgba(255, 255, 255, .03);--rpm-ai-border: rgba(255, 255, 255, .06);--rpm-section-label: #475569;--rpm-vital-unit: #475569;--rpm-timer-bg: rgba(255, 255, 255, .05);--rpm-timer-text: #94a3b8;--rpm-toggle-bg: rgba(255, 255, 255, .06);--rpm-toggle-text: #64748b;--rpm-toggle-hover-bg: rgba(255, 255, 255, .1);--rpm-toggle-hover-text: #e2e8f0;--ecg-bg: #04080f;--ecg-grid: rgba(148, 163, 184, .06);--ecg-baseline: rgba(148, 163, 184, .08);--ecg-divider: rgba(148, 163, 184, .12);--ecg-label-alpha: .9;--ecg-paper-speed: rgba(148, 163, 184, .25);--ecg-hr-sub: #9aabb0;--self-border: rgba(255, 255, 255, .5);--self-bg: #1e293b;--self-shadow: 0 4px 24px rgba(0, 0, 0, .2);--admin-bg: #1a1a2e;--admin-card-bg: #16213e;--admin-card-shadow: 0 4px 16px rgba(0, 0, 0, .3);--admin-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .4);--admin-header-border: rgba(255, 255, 255, .08);--admin-title: #fff;--admin-subtitle: #8899aa;--admin-back-bg: rgba(255, 255, 255, .06);--admin-back-text: #aab;--admin-back-hover-bg: rgba(255, 255, 255, .12);--admin-back-hover-text: #fff;--admin-card-title: #fff;--admin-card-stats: #8899aa;--admin-link: #00d4ff;--admin-session-time: #e0e0e0;--admin-btn-bg: rgba(0, 212, 255, .12);--admin-btn-text: #00d4ff;--admin-btn-hover: rgba(0, 212, 255, .22);--admin-view-bg: rgba(255, 255, 255, .06);--admin-view-text: #ccd;--admin-view-hover: rgba(255, 255, 255, .12);--admin-transcript-bg: rgba(255, 255, 255, .04);--admin-transcript-border: #00d4ff;--admin-transcript-speaker: #00d4ff;--admin-transcript-time: #667788;--admin-transcript-text: #dde;--admin-empty: #667788;--admin-error: #ff6b6b;--admin-scrollbar: rgba(255, 255, 255, .15);--summary-card-bg: #16213e;--summary-card-shadow: 0 8px 32px rgba(0, 0, 0, .4);--summary-title: #fff;--summary-room: #8899aa;--summary-section-title: #ccd;--summary-entry-count: #8899aa;--summary-download-bg: rgba(0, 212, 255, .12);--summary-download-text: #00d4ff;--summary-download-hover: rgba(0, 212, 255, .22);--summary-no-data: #667788;--caption-bg: rgba(0, 0, 0, .7);--caption-text: #fff;--caption-lang-bg: rgba(255, 255, 255, .15);--caption-name: #00d4ff;color:var(--clr-text);background-color:var(--clr-bg)}body{margin:0;min-height:100vh;min-height:100dvh;overflow:hidden}#root{min-height:100vh;min-height:100dvh}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px;background:linear-gradient(135deg,#e0e7ff,#f0f4f8,#dbeafe)}.login-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:40px 32px;background:#fff;border:1px solid var(--clr-border);border-radius:24px;box-shadow:0 8px 40px #00000014}.login-logo{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0fdf4;border:1px solid rgba(5,150,105,.15);margin-bottom:16px}.login-title{font-size:1.6rem;font-weight:700;color:var(--clr-text);margin:0}.login-subtitle{font-size:.85rem;color:var(--clr-text-muted);margin:4px 0 28px}.login-fields{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:20px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:.75rem;font-weight:600;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.06em}.login-field input{width:100%;padding:12px 14px;border:1px solid var(--clr-border);border-radius:12px;background:#f8fafc;color:var(--clr-text);font-size:1rem;font-family:Outfit,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:#94a3b8}.login-field input:focus{border-color:var(--clr-green);box-shadow:0 0 0 3px #0596691a;background:#fff}.login-error{width:100%;margin-bottom:12px;padding:10px 14px;border-radius:10px;background:#dc26260f;border:1px solid rgba(220,38,38,.15);color:var(--clr-red);font-size:.85rem;text-align:center}.login-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;border:none;border-radius:14px;background:var(--clr-green);color:#fff;font-size:1rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;min-height:52px;box-shadow:0 4px 16px #05966933;transition:transform .15s,box-shadow .2s}.login-btn:hover:not(:disabled){transform:translateY(-1px)}.login-btn:disabled{opacity:.4;cursor:default}.login-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.login-select{width:100%;padding:12px 14px;border:1px solid var(--clr-border);border-radius:12px;background:#f8fafc;color:var(--clr-text);font-size:1rem;font-family:Outfit,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;cursor:pointer}.login-select:focus{border-color:var(--clr-green);box-shadow:0 0 0 3px #0596691a;background:#fff}.login-switch{margin-top:16px;padding:0;border:none;background:none;color:var(--clr-text-muted);font-size:.85rem;font-family:Outfit,sans-serif;cursor:pointer;transition:color .15s}.login-switch:hover{color:var(--clr-green)}.incoming-call-overlay{position:fixed;inset:0;z-index:100;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;animation:incoming-fade-in .3s ease}@keyframes incoming-fade-in{0%{opacity:0}to{opacity:1}}.incoming-call-card{display:flex;flex-direction:column;align-items:center;padding:48px 40px;background:#fff;border-radius:28px;box-shadow:0 20px 60px #0000004d;position:relative;min-width:300px}.incoming-call-ring{position:absolute;width:100px;height:100px;border-radius:50%;border:3px solid var(--clr-green);top:28px;animation:ring-pulse 1.5s ease-out infinite;opacity:0}@keyframes ring-pulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.6);opacity:0}}.incoming-call-icon{width:80px;height:80px;border-radius:50%;background:var(--clr-green);display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:icon-bounce 1s ease-in-out infinite;box-shadow:0 8px 30px #05966959}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.incoming-call-title{font-size:1.3rem;font-weight:700;color:var(--clr-text);margin:0 0 4px}.incoming-call-doctor{font-size:1.1rem;font-weight:700;color:var(--clr-green);margin:12px 0 2px}.incoming-call-sub{font-size:.85rem;color:var(--clr-text-muted);margin:0 0 24px}.incoming-call-answer{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;border:none;border-radius:16px;background:var(--clr-green);color:#fff;font-size:1.1rem;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;min-height:56px;box-shadow:0 6px 24px #0596694d;transition:transform .15s,box-shadow .2s}.incoming-call-answer:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #05966966}.incoming-call-answer:disabled{opacity:.5;cursor:default}.dashboard{min-height:100vh;background:var(--clr-bg);display:flex;flex-direction:column}.dash-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--clr-card);border-bottom:1px solid var(--clr-border);box-shadow:0 1px 3px #0000000a}.dash-header-left{display:flex;align-items:center;gap:12px}.dash-title{font-size:1.2rem;font-weight:700;color:var(--clr-text);margin:0;line-height:1.2}.dash-subtitle{font-size:.75rem;color:var(--clr-text-muted);margin:0}.dash-header-right{display:flex;align-items:center;gap:16px}.dash-user{display:flex;align-items:center;gap:10px}.dash-user-avatar{width:36px;height:36px;border-radius:50%;background:#f0fdf4;color:var(--clr-green);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border:1px solid rgba(5,150,105,.15)}.dash-user-name{font-size:.85rem;font-weight:600;color:var(--clr-text)}.dash-user-role{font-size:.7rem;color:var(--clr-text-muted);text-transform:capitalize}.dash-theme-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--clr-border);border-radius:10px;background:var(--clr-card);color:var(--clr-text-muted);cursor:pointer;transition:all .15s}.dash-theme-btn:hover{background:var(--call-surface-hover, #f1f5f9);color:var(--clr-text)}.dash-logout{padding:8px 16px;border:1px solid var(--clr-border);border-radius:10px;background:var(--clr-card);color:var(--clr-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:Outfit,sans-serif}.dash-logout:hover{background:var(--call-surface-hover, #f1f5f9);color:var(--clr-text)}.dash-body{flex:1;padding:24px;max-width:960px;margin:0 auto;width:100%;overflow-y:auto}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dash-section-header h2{font-size:1.1rem;font-weight:700;color:var(--clr-text);margin:0}.dash-refresh{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--clr-border);border-radius:10px;background:var(--clr-card);color:var(--clr-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:Outfit,sans-serif}.dash-refresh:hover{background:var(--call-surface-hover, #f1f5f9);color:var(--clr-text)}.dash-empty,.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--clr-text-muted);text-align:center}.dash-empty h3{margin:16px 0 4px;font-size:1rem;color:var(--clr-text)}.dash-empty p{font-size:.85rem}.dash-spinner{width:32px;height:32px;border:3px solid var(--clr-border);border-top-color:var(--clr-green);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:12px}.dash-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.dash-room-card{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:16px;padding:20px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s}.dash-room-card:hover{box-shadow:0 4px 20px #00000014}.dash-room-waiting{border-left:4px solid #f59e0b}.dash-room-active{border-left:4px solid var(--clr-green)}.dash-room-empty,.dash-room-offline{border-left:4px solid #94a3b8;opacity:.75}.dash-patient-count{font-size:.8rem;color:var(--clr-text-muted);margin-right:auto;margin-left:12px;padding:4px 12px;background:#f1f5f9;border-radius:100px}.dash-room-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dash-patient-info{display:flex;align-items:center;gap:10px;flex:1}.dash-patient-avatar{width:40px;height:40px;border-radius:50%;background:#e0e7ff;color:#4338ca;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.dash-room-name{font-size:1rem;font-weight:700;color:var(--clr-text)}.dash-patient-meta{font-size:.75rem;color:var(--clr-text-muted);margin-top:1px}.dash-medical-code{font-weight:700;color:#4338ca;background:#e0e7ff;padding:1px 6px;border-radius:4px;font-size:.7rem;letter-spacing:.02em}.dash-room-details{display:flex;flex-wrap:wrap;gap:12px}.dash-detail{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--clr-text-muted)}.dash-room-badge{font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.dash-badge-waiting{background:#fef3c7;color:#92400e}.dash-badge-active{background:#d1fae5;color:#065f46}.dash-badge-empty{background:#f1f5f9;color:#64748b}.dash-room-meta{display:flex;gap:16px;font-size:.8rem;color:var(--clr-text-muted)}.dash-room-participants{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--call-surface-hover, #f8fafc);border-radius:10px;border:1px solid var(--clr-border)}.dash-participant{display:flex;align-items:center;gap:10px}.dash-p-avatar{width:30px;height:30px;border-radius:50%;background:#e0e7ff;color:#4338ca;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.dash-p-info{flex:1}.dash-p-name{font-size:.85rem;font-weight:600;color:var(--clr-text)}.dash-p-meta{font-size:.7rem;color:var(--clr-text-muted)}.dash-p-live{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:100px;background:#fef2f2;color:var(--clr-red);letter-spacing:.06em}.dash-join-row{display:flex;gap:8px;align-items:stretch}.dash-lang-select{padding:0 10px;border:1px solid var(--clr-border);border-radius:10px;background:#f8fafc;color:var(--clr-text);font-size:.8rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:border-color .15s;min-width:56px}.dash-lang-select:hover{border-color:var(--clr-green)}.dash-notify-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px;border:1px solid var(--clr-border);border-radius:12px;background:var(--clr-card);color:#f59e0b;font-size:.85rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:all .15s;white-space:nowrap}.dash-notify-btn:hover:not(:disabled){background:#fffbeb;border-color:#f59e0b}.dash-notify-btn:disabled{opacity:.5;cursor:default}.dash-notify-sent{color:var(--clr-green);border-color:#0596694d;background:#f0fdf4}.dash-join-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:12px;background:var(--clr-green);color:#fff;font-size:.9rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 2px 8px #05966933}.dash-join-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0596694d}.dash-join-urgent{background:#f59e0b;box-shadow:0 2px 8px #f59e0b4d;animation:dash-pulse 2s ease-in-out infinite}.dash-join-urgent:hover{box-shadow:0 4px 16px #f59e0b66}@keyframes dash-pulse{0%,to{box-shadow:0 2px 8px #f59e0b4d}50%{box-shadow:0 2px 16px #f59e0b80}}.dash-badge-offline{background:#f1f5f9;color:#94a3b8}@media(max-width:600px){.dash-header{padding:12px 16px}.dash-body{padding:16px}.dash-rooms-grid{grid-template-columns:1fr}.dash-user-name,.dash-user-role{display:none}}.join-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:16px;background:linear-gradient(135deg,#e0e7ff,#f0f4f8,#dbeafe)}.join-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:40px 32px;background:#fff;border:1px solid var(--clr-border);border-radius:24px;box-shadow:0 8px 40px #00000014}.join-logo{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:16px;border-radius:50%;background:#05966914;border:1px solid rgba(5,150,105,.15)}.join-logo svg{stroke:var(--clr-green)}.join-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--clr-text);letter-spacing:-.02em}.join-subtitle{margin:4px 0 28px;font-size:.85rem;color:var(--clr-text-muted)}.join-fields{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.75rem;font-weight:600;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.06em}.field input{width:100%;padding:14px 16px;border:1px solid var(--clr-border);border-radius:12px;background:#f8fafc;color:var(--clr-text);font-size:1rem;font-family:Outfit,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#94a3b8}.field input:focus{border-color:var(--clr-green);box-shadow:0 0 0 3px #0596691a;background:#fff}.join-error{width:100%;margin-bottom:12px;padding:10px 14px;border-radius:10px;background:#dc26260f;border:1px solid rgba(220,38,38,.15);color:var(--clr-red);font-size:.85rem;text-align:center}.join-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:14px;background:var(--clr-green);color:#fff;font-size:1rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .2s;min-height:52px;box-shadow:0 4px 16px #05966933}.join-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #0596694d}.join-btn:active:not(:disabled){transform:scale(.98)}.join-btn:disabled{opacity:.4;cursor:not-allowed}.join-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.join-spinner.large{width:36px;height:36px;border-width:3px;border-color:#05966933;border-top-color:var(--clr-green)}@keyframes spin{to{transform:rotate(360deg)}}