@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070d17;color:#f8fafc;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden;width:100%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0b1322}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}button,input,select,textarea{font-family:inherit}::selection{background:#0f766e;color:#fff}*{box-sizing:border-box}*,.app-container{margin:0;padding:0}.app-container{background:#070d17;color:#f8fafc;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;height:100vh;inset:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;width:100vw}.app-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;max-width:100%;padding:1rem 2rem}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:0}.join-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:1.25rem;box-shadow:0 25px 50px -12px #000000b3;margin:0 auto;max-width:32rem;padding:2.5rem;width:100%}.join-title{color:#f8fafc;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-label{color:#94a3b8;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input{background:#1e293b;border:1px solid #334155;border-radius:.625rem;color:#f8fafc;font-size:.95rem;outline:none;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{background:#1e293b;border-color:#0d9488;box-shadow:0 0 0 3px #0d948840}.accept-button,.btn-copy,.join-button,.reject-button{align-items:center;background:linear-gradient(135deg,#0f766e,#0d9488);border:none;border-radius:.625rem;box-shadow:0 4px 14px #0d948859;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .25s ease;width:100%}.accept-button:hover,.btn-copy:hover,.join-button:hover{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 6px 20px #0d948873;transform:translateY(-2px)}.reject-button{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 12px #ef44444d}.reject-button:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.channel-created{padding:1.5rem;text-align:center}.channel-created h3{color:#10b981;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.channel-created p{color:#4b5563;font-size:1rem;margin-bottom:1rem}.channel-link{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin:1rem 0;padding:1rem}.channel-link code{color:#1f2937;display:block;font-family:Fira Code,Monaco,monospace;font-size:.875rem;margin-bottom:.75rem;word-break:break-word}.error-message{background:#fee2e2;border:1px solid #f87171;border-radius:.5rem;color:#b91c1c}.error-message,.info-note{font-size:.875rem;margin-top:1rem;padding:1rem}.info-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;color:#1e40af}.call-header{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172aeb;border-bottom:1px solid #ffffff14;display:flex;height:56px;justify-content:space-between;min-height:56px;padding:0 1.5rem;position:relative;z-index:30}.call-info{display:flex;flex-direction:column}.call-title{color:#f8fafc;font-size:1.25rem;font-weight:700;margin:0}.call-meta{display:flex;gap:1rem;margin-top:.5rem}.channel-badge,.duration-badge{background:#1e293b;color:#94a3b8}.channel-badge,.duration-badge,.role-badge{border-radius:1rem;font-size:.75rem;padding:.25rem .75rem}.role-badge{align-items:center;display:inline-flex;font-weight:600;gap:4px;text-transform:capitalize}.role-badge.doctor,.role-badge.mentor{background:#3b82f6;color:#fff}.role-badge.patient,.role-badge.student{background:#10b981;color:#fff}.user-name{font-size:1rem;font-weight:400;margin-left:8px;opacity:.8}.header-actions{display:flex;gap:.5rem}.panel-toggle{background:#1e293b;border:none;border-radius:8px;color:#f8fafc;cursor:pointer;padding:.5rem;transition:all .2s}.panel-toggle.active,.panel-toggle:hover{background:#0d9488;color:#070d17}.call-content{background:#000;display:flex;flex:1 1;height:calc(100vh - 56px);overflow:hidden;position:relative;width:100vw}.call-content.with-panel{margin-right:350px}.video-area{display:flex;flex:1 1;flex-direction:column;margin:0;padding:0;position:relative}.provider-frame-wrap,.video-area{background:#000;height:100%;overflow:hidden;width:100%}.provider-frame-wrap{border-radius:0;inset:0;position:absolute}.provider-frame{background:#000;border:0;display:block;min-height:100%}.controlled-provider-frame,.provider-frame{height:100%!important;inset:0;position:absolute;width:100%!important}.controlled-provider-frame iframe{background:#000;border:0!important;display:block;height:100%!important;width:100%!important}.provider-status,.provider-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:800;gap:.3rem;letter-spacing:.05em;padding:.25rem .65rem;text-transform:uppercase}.provider-status-pill.connecting,.provider-status-pill.preparing,.provider-status.connecting,.provider-status.preparing{background:#3b82f624;border:1px solid #60a5fa47;color:#bfdbfe}.provider-status-pill.connected,.provider-status.connected{background:#10b98124;border:1px solid #34d39947;color:#bbf7d0}.provider-status-pill.error,.provider-status.error{background:#ef444429;border:1px solid #f8717157;color:#fecaca}.provider-status-pill.left,.provider-status.left{background:#94a3b829;border:1px solid #cbd5e138;color:#cbd5e1}.provider-status-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);left:.75rem;position:absolute;top:.75rem;z-index:4}.provider-error{align-items:center;background:#7f1d1de6;border:1px solid #f8717159;border-radius:12px;bottom:1rem;box-shadow:0 18px 40px #00000059;color:#fee2e2;display:flex;font-size:.85rem;gap:.65rem;left:1rem;padding:.8rem 1rem;position:absolute;right:1rem;z-index:4}.provider-error a,.provider-error button{color:#fff;font-weight:800;margin-left:auto;white-space:nowrap}.provider-error button{background:#ffffff1f;border:1px solid #fecaca66;border-radius:999px;cursor:pointer;padding:.4rem .7rem}.provider-error button:disabled{cursor:wait;opacity:.65}.provider-reconnect-button{background:#2563eb33;border:1px solid #60a5fa52;border-radius:999px;color:#dbeafe;cursor:pointer;font-size:.85rem;font-weight:800;margin-top:.8rem;padding:.65rem 1.05rem}.provider-reconnect-button:disabled{cursor:wait;opacity:.65}.provider-rejoin-error{color:#fecaca;font-size:.8rem;margin-top:.4rem;max-width:28rem;text-align:center}.secure-join-state{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1.25rem}.secure-join-card{align-items:center;background:#0f172ae0;border:1px solid #60a5fa33;border-radius:1.2rem;color:#dbeafe;display:flex;flex-direction:column;gap:.85rem;padding:2rem;text-align:center;width:min(28rem,100%)}.secure-join-card h2{color:#f8fafc;font-size:1.2rem}.secure-join-card p{color:#cbd5e1;font-size:.9rem;line-height:1.45;margin-bottom:.35rem}.embedded-call .call-header{display:none}.embedded-call .call-content{min-height:100vh}.embedded-call .video-area{padding:0}.embedded-call .focused-layout .video-card.remote,.embedded-call .focused-layout .video-player-list,.embedded-call .provider-frame-wrap,.embedded-call .video-grid.focused-layout{min-height:calc(100vh - 76px)}.embedded-call .controls-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ae0;border:1px solid #ffffff1f;border-radius:9999px;bottom:20px;box-shadow:0 20px 40px -10px #000000b3;gap:1rem;left:50%;padding:.65rem 1.25rem;transform:translateX(-50%);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:40}.embedded-call .controls-bar,.patient-call-strip{align-items:center;display:flex;position:absolute}.patient-call-strip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #6ee7b738;border-radius:999px;box-shadow:0 12px 28px #00000057;color:#d1fae5;font-size:.72rem;font-weight:800;gap:.5rem;left:12px;line-height:1.25;padding:.55rem .75rem;right:12px;top:max(10px,env(safe-area-inset-top));z-index:8}.patient-call-strip .live-dot{background:#34d399;border-radius:999px;box-shadow:0 0 0 5px #34d39924;flex:0 0 8px;height:8px;width:8px}.doctor-call-strip{border-color:#93c5fd47;color:#dbeafe}.doctor-call-strip .live-dot{background:#60a5fa;box-shadow:0 0 0 5px #60a5fa24}.doctor-app-embed,.patient-app-embed{background:#070d17;min-height:100vh;padding:0}.doctor-app-embed .call-content,.patient-app-embed .call-content{height:100vh;min-height:100vh;overflow:hidden}.doctor-app-embed .video-area,.patient-app-embed .video-area{background:#070d17;box-sizing:border-box;display:flex;height:100vh;min-height:100vh;padding:0 0 calc(76px + env(safe-area-inset-bottom));position:relative}.doctor-app-embed .provider-frame-wrap,.doctor-app-embed .video-grid.focused-layout,.patient-app-embed .provider-frame-wrap,.patient-app-embed .video-grid.focused-layout{background:#000;display:block;height:100%;inset:0;min-height:0;position:absolute;width:100%}.doctor-app-embed .focused-layout .video-card.remote,.doctor-app-embed .focused-layout .video-player-list,.doctor-app-embed .remote-player,.patient-app-embed .focused-layout .video-card.remote,.patient-app-embed .focused-layout .video-player-list,.patient-app-embed .remote-player{background:#070d17;border-radius:0;height:100%;min-height:0}.doctor-app-embed .focused-layout .video-card.local,.patient-app-embed .focused-layout .video-card.local{background:#0f172a;border:2px solid #fff3;border-radius:14px;bottom:84px;box-shadow:0 16px 36px #000000a6;height:135px;overflow:hidden;position:absolute;right:24px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;width:220px;z-index:35}.doctor-app-embed .video-label,.patient-app-embed .video-label{border-radius:999px;bottom:.45rem;font-size:.68rem;font-weight:800;left:.45rem;padding:.2rem .5rem}.doctor-app-embed .waiting-room,.patient-app-embed .waiting-room{background:radial-gradient(circle at center,#052e2bdb,#070d17 68%);height:100%;min-height:100%;padding:2.5rem 1.25rem 6rem}.video-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.video-grid.focused-layout{display:block;min-height:0;position:relative}.focused-layout .video-card.remote,.focused-layout .video-player-list{height:100%;min-height:300px}.focused-layout .video-card.local{border:1px solid #ffffff29;box-shadow:0 14px 34px #00000073;height:clamp(150px,28%,230px);position:absolute;right:1rem;top:1rem;width:clamp(118px,22%,210px);z-index:2}.focused-layout .video-card.local .video-player{height:100%}.video-card{background:#1e293b;border-radius:12px;overflow:hidden}.video-player{height:300px;position:relative;width:100%}.agora-video-slot,.agora-video-slot video,.agora-video-slot>div,.video-player video{height:100%;object-fit:cover;width:100%}.video-label{background:#000000b3;border-radius:4px;bottom:.75rem;color:#fff;font-size:.85rem;left:.75rem;padding:.25rem .75rem;position:absolute}.video-player-list{align-items:center;display:flex;height:300px;justify-content:center;width:100%}.waiting-room{color:#94a3b8;text-align:center}.waiting-room svg{margin-bottom:1rem;opacity:.5}.waiting-room p{margin:.5rem 0}.ended-room span{color:#7dd3fc;display:block;font-size:.85rem}.share-link{font-size:.85rem}.share-link code{background:#1e293b;border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.remote-player{height:100%;position:relative}.remote-player video{height:100%;object-fit:cover;width:100%}.camera-off .agora-video-slot{opacity:.12}.video-off-overlay{background:radial-gradient(circle at center,#1e40af47,#020617d1);color:#dbeafe;display:flex;flex-direction:column;font-size:.82rem;font-weight:700;gap:.4rem;inset:0;justify-content:center;letter-spacing:.02em;text-align:center}.media-pill,.video-off-overlay{align-items:center;position:absolute}.media-pill{background:#0f172ad1;border:1px solid #f8717159;border-radius:999px;color:#fecaca;display:inline-flex;font-size:.7rem;font-weight:800;gap:.35rem;left:.75rem;padding:.28rem .55rem;top:.75rem;z-index:3}.controls-bar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ae6;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1.25rem 2rem;z-index:10}.control-buttons{display:flex;gap:1rem}.control-btn{align-items:center;background:#1e293b80;border:1px solid #ffffff1a;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.control-label{display:none}.hangup-text{margin-left:.45rem}.control-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:initial;height:18px;width:18px}.control-btn:hover{background:#1e293bcc;border-color:#fff3;color:#f8fafc;transform:translateY(-2px)}.control-btn:disabled{cursor:wait;opacity:.55;transform:none}.control-btn.active{background:#10b9811a;border-color:#10b981;box-shadow:0 0 15px #10b98133;color:#10b981}.control-btn.muted,.control-btn.off{background:#ef44441a;border-color:#ef4444;color:#ef4444}.control-btn.hangup{background:#ef4444;border-radius:12px;box-shadow:0 4px 14px #ef444466;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:0 1.5rem;text-transform:uppercase;width:auto}.control-btn.hangup:hover{background:#dc2626;transform:translateY(-2px) scale(1.05)}.doctor-app-embed .controls-bar,.patient-app-embed .controls-bar{background:#0f172aeb;border-top-color:#6ee7b729;bottom:0;box-shadow:0 -18px 42px #00000070;justify-content:center;left:0;padding:.65rem .75rem calc(.65rem + env(safe-area-inset-bottom));position:fixed;right:0;z-index:30}.doctor-app-embed .control-buttons,.patient-app-embed .control-buttons{gap:.55rem;justify-content:center;width:100%}.doctor-app-embed .control-btn,.patient-app-embed .control-btn{background:#0f172ad1;border-radius:18px;color:#d1fae5;flex-direction:column;gap:.18rem;height:52px;width:58px}.doctor-app-embed .control-btn svg,.patient-app-embed .control-btn svg{height:20px;width:20px}.doctor-app-embed .control-label,.patient-app-embed .control-label{color:currentColor;display:block;font-size:.58rem;font-weight:900;line-height:1}.doctor-app-embed .control-btn.hangup,.patient-app-embed .control-btn.hangup{padding:0 .7rem;width:74px}.doctor-app-embed .hangup-text,.patient-app-embed .hangup-text{display:block;font-size:.62rem;margin-left:0}.doctor-app-embed .device-controls,.patient-app-embed .device-controls{display:none}.doctor-app-embed .chat-panel,.patient-app-embed .chat-panel{animation:slideInRight .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172af2;border:1px solid #ffffff1f;border-radius:16px;bottom:84px;box-shadow:-10px 10px 40px #0009;display:flex;flex-direction:column;max-width:calc(100vw - 40px);overflow:hidden;position:absolute;right:20px;top:16px;width:350px;z-index:50}.popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:absolute;right:0;top:0;z-index:100}.popup-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#0f172a;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #000000b3;max-height:90vh;max-width:850px;overflow-y:auto;position:relative;width:100%}.prescription-modal{border-color:#10b9814d;box-shadow:0 0 50px #10b9811a}.lab-modal{border-color:#8b5cf64d;box-shadow:0 0 50px #8b5cf61a}.popup-close-btn{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s;width:40px;z-index:10}.popup-close-btn:hover{background:#ffffff1a;color:#f8fafc;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.device-controls select{background:#1e293b80;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;font-size:.75rem;font-weight:500;padding:.5rem .75rem;transition:all .2s}.device-controls select:focus{color:#f8fafc;outline:none}.side-panel{background:#070d17;border-left:1px solid #1e293b;bottom:0;overflow-y:auto;position:fixed;right:0;top:0;width:350px}.prescription-panel{height:100%;overflow-y:auto;padding:1rem}.chat-panel{background:#0f172a;border-left:1px solid #1e293b;bottom:0;display:flex;flex-direction:column;position:fixed;right:350px;top:0;width:320px}.chat-header{border-bottom:1px solid #1e293b}.chat-header h3{color:#f8fafc;margin:0}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem}.close-btn:hover{color:#f8fafc}.no-messages{color:#94a3b8;font-size:.85rem}.chat-message{border-radius:8px;margin-bottom:1rem}.chat-message.sent{background:#3b82f6;margin-left:auto}.chat-message.received{background:#1e293b}.message-sender{color:#94a3b8;font-size:.75rem;margin-bottom:.25rem}.chat-message.sent .message-sender{color:#ffffffb3}.message-text{color:#f8fafc;font-size:.9rem}.message-time{color:#94a3b8;font-size:.65rem;margin-top:.25rem;text-align:right}.chat-message.sent .message-time{color:#ffffffb3}.chat-input{border-top:1px solid #1e293b}.chat-input input{background:#1e293b;border:1px solid #1e293b;border-radius:8px;color:#f8fafc;flex:1 1;padding:.75rem}.chat-input input:focus{border-color:#0d9488;outline:none}.chat-input input::placeholder{color:#94a3b8}.chat-input button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem}.chat-input button:hover{background:#2563eb}@media (max-width:1024px){.call-content.with-panel{margin-right:0}.side-panel{height:auto;position:relative;width:100%}.chat-panel{right:0;width:100%}}.video-group{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:768px){.video-group{grid-template-columns:repeat(2,1fr)}}.card{background:#fff;border-radius:.75rem;box-shadow:0 6px 12px #0000001a;overflow:hidden}.card-header{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#111827;display:flex;font-weight:600;justify-content:space-between;padding:1rem}.participant-count{background:#10b981;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.player{background:#111827;height:320px;overflow:hidden;position:relative;width:100%}.local-player-name,.remote-player-name{background:#000000b3;border-radius:.375rem;bottom:1rem;color:#fff;font-size:.875rem;font-weight:500;left:1rem;padding:.5rem 1rem;position:absolute}#remote-playerlist{display:flex;flex-direction:column;gap:1rem;min-height:320px}.player-wrapper{position:relative}.player video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.remote-player{background:#111827;height:320px;width:100%}.waiting-room{background:#1f2937;color:#d1d5db;font-size:1rem;height:320px;justify-content:center;padding:2rem}.controls-container,.waiting-room{align-items:center;display:flex;flex-direction:column}.controls-container{gap:1.5rem}.controls{background:#f3f4f6;border-radius:1rem;box-shadow:0 6px 12px #0000001a;display:flex;gap:1rem;padding:1rem}.control-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;padding:.75rem;transition:all .3s ease;width:48px}.control-button .icon{height:1.25rem;width:1.25rem}.control-button.mute{background:#6b7280;color:#fff}.control-button.mute:hover{background:#4b5563;transform:translateY(-2px)}.control-button.mute.muted{background:#ef4444}.control-button.mute.muted:hover{background:#dc2626;transform:translateY(-2px)}.control-button.video{background:#6b7280;color:#fff}.control-button.video:hover{background:#4b5563;transform:translateY(-2px)}.control-button.video.off{background:#ef4444}.control-button.video.off:hover{background:#dc2626;transform:translateY(-2px)}.control-button.speaker{background:#6b7280;color:#fff}.control-button.speaker:hover{background:#4b5563;transform:translateY(-2px)}.control-button.speaker.off{background:#ef4444}.control-button.speaker.off:hover{background:#dc2626;transform:translateY(-2px)}.control-button.record{background:#10b981;color:#fff}.control-button.record:hover{background:#059669;transform:translateY(-2px)}.control-button.record.recording{background:#ef4444}.control-button.screen{background:#44f}.control-button.screen.sharing{animation:pulse 2s infinite;background:#ef4444}.control-button.ai-active{background:#10b981}.control-button.ai-inactive{background:#6b7280}.control-button.record.recording:hover{background:#dc2626;transform:translateY(-2px)}.control-button.hangup{background:#ef4444;color:#fff}.control-button.hangup:hover{background:#dc2626;transform:translateY(-2px)}.device-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;max-width:600px;padding:1.5rem;width:100%}.device-controls h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.device-controls .form-group{margin-bottom:1rem}.device-controls select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;cursor:pointer;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.device-controls select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.microphone-selector{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.microphone-selector label{color:#374151;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content}.microphone-selector select{flex:1 1;min-width:200px}.device-status{color:#059669;display:block;font-size:.75rem;font-weight:500;margin-top:.5rem}.device-info{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1rem}.device-info p{color:#4b5563;font-size:.875rem;margin:.25rem 0}.device-info p:first-child{color:#111827;font-weight:600}.incoming-call-modal{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.incoming-call-content{background:#fff;border-radius:1rem;box-shadow:0 10px 20px #0003;max-width:32rem;padding:2rem;text-align:center;width:90%}.incoming-call-content h3{color:#111827;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.incoming-call-content p{color:#4b5563;font-size:1rem;margin-bottom:1.5rem}.incoming-call-buttons{display:flex;gap:1rem;justify-content:center}.waiting-text{color:#4b5563;font-size:.875rem;margin:1rem 0}.waiting-indicator{align-items:center;color:#10b981;display:flex;font-size:.875rem;font-weight:500;gap:.75rem}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:1.25rem;width:1.25rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.meeting-options{display:flex;gap:1rem;margin-bottom:1.5rem}.custom-meeting-btn{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px #10b9814d}.custom-meeting-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 16px #10b98166}.custom-meeting-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin:1.5rem 0;padding:1.5rem}.custom-meeting-form h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.participants-selection{display:flex;flex-direction:column;gap:.75rem}.participant-checkbox{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.participant-checkbox:hover{background:#f3f4f6;border-color:#9ca3af}.participant-checkbox input[type=checkbox]{accent-color:#3b82f6;height:1.25rem;width:1.25rem}.participant-checkbox span{color:#374151;font-weight:500}.form-buttons{display:flex;gap:1rem;margin-top:1.5rem}.cancel-button{background:#6b7280;border:none;border-radius:.5rem;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.cancel-button:hover{background:#4b5563;transform:translateY(-2px)}.saved-meetings{margin-top:2rem}.saved-meetings h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.meetings-list{display:flex;flex-direction:column;gap:1rem}.meeting-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;padding:1.25rem;transition:all .2s ease}.meeting-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.meeting-info h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.meeting-info p{color:#4b5563;font-size:.875rem;margin-bottom:.25rem}.meeting-info small{color:#6b7280;display:block;font-size:.75rem;margin-bottom:.25rem}.meeting-actions{display:flex;gap:.75rem;margin-top:1rem}.delete-button.small,.join-button.small{border:none;border-radius:.375rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.join-button.small{background:#3b82f6;color:#fff}.join-button.small:hover{background:#2563eb;transform:translateY(-1px)}.delete-button.small{background:#ef4444;color:#fff}.delete-button.small:hover{background:#dc2626;transform:translateY(-1px)}.chat-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:400px;max-width:400px;width:100%}.chat-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:.75rem .75rem 0 0;display:flex;justify-content:space-between;padding:1rem}.chat-header h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.chat-close-btn{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:all .2s ease}.chat-close-btn:hover{background:#e5e7eb;color:#374151}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.chat-message.own{align-self:flex-end;background:#3b82f6;color:#fff}.chat-message.other{align-self:flex-start;background:#f3f4f6;color:#111827}.chat-input{background:#f9fafb;border-radius:0 0 .75rem .75rem;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;padding:1rem}.send-button{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.send-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.send-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.message-count{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.upload-status{border-radius:.5rem;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.75rem;text-align:center}.upload-status.uploading{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.upload-status.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.upload-status.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.recordings-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin-top:2rem;padding:1.5rem}.recordings-section h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.recordings-list{display:flex;flex-direction:column;gap:1rem}.recording-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:1rem}.recording-info h5{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.25rem}.recording-info p{color:#4b5563;font-size:.875rem;margin-bottom:.25rem}.recording-info small{color:#6b7280;font-size:.75rem}.download-button{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.download-button:hover{background:#2563eb;transform:translateY(-1px)}.ai-chat-panel{background:#fffffffa;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 10px 20px #00000026;display:flex;flex-direction:column;height:500px;position:fixed;right:20px;top:20px;width:350px;z-index:1000}.ai-chat-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:1rem 1rem 0 0;display:flex;justify-content:space-between;padding:1rem}.ai-chat-header h4{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.ai-controls{align-items:center;display:flex;gap:.5rem}.personality-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827}.ai-toggle,.personality-select{cursor:pointer;font-size:.75rem;padding:.25rem .5rem}.ai-toggle{border:none;border-radius:.375rem;font-weight:600;transition:all .2s ease}.ai-toggle.active{background:#10b981;color:#fff}.ai-toggle:not(.active){background:#ef4444;color:#fff}.close-chat,.export-chat{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:all .2s ease}.close-chat:hover,.export-chat:hover{background:#e5e7eb;color:#374151}.ai-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.no-messages{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.chat-message{word-wrap:break-word;border-radius:.5rem;max-width:80%;padding:.75rem}.chat-message.user{align-self:flex-end;background:#3b82f6;color:#fff}.chat-message.ai{align-self:flex-start;background:#f3f4f6;color:#111827}.message-header{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.5rem}.message-user{font-weight:600}.message-time{opacity:.8}.message-text{font-size:.875rem;line-height:1.4}.ai-chat-input{background:#f9fafb;border-radius:0 0 1rem 1rem;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;padding:1rem}.message-input{border:1px solid #d1d5db;border-radius:.375rem;flex:1 1;font-size:.875rem;outline:none;padding:.75rem;transition:all .2s ease}.message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.send-ai-message{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.send-ai-message:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.send-ai-message:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.ai-suggestions{background:#f9fafb;border-top:1px solid #e5e7eb;font-size:.875rem;padding:.75rem 1rem}.ai-suggestions p{color:#374151;font-weight:600;margin:0 0 .5rem}.suggestion-buttons{display:flex;flex-direction:column;gap:.25rem}.suggestion-btn{background:#e5e7eb;border:none;border-radius:.25rem;color:#374151;cursor:pointer;font-size:.75rem;padding:.5rem;text-align:left;transition:all .2s ease}.suggestion-btn:hover{background:#d1d5db;color:#111827}@media (max-width:768px){.app-container{padding:1rem}.app-title{font-size:1.75rem}.join-form{padding:1.5rem}.form-buttons,.meeting-actions,.meeting-options{flex-direction:column}.controls{flex-wrap:wrap;justify-content:center}.control-button{height:44px;width:44px}.device-controls .form-group{min-width:100%}.chat-container{height:300px;max-width:100%}.recording-item{align-items:stretch;flex-direction:column;gap:1rem}.recordings-section{padding:1rem}}@media (max-width:480px){.app-title{font-size:1.5rem}.join-form{padding:1rem}.channel-created h3{font-size:1.25rem}.custom-meeting-form,.meeting-item{padding:1rem}.upload-status{font-size:.8rem;padding:.5rem}}
/*# sourceMappingURL=main.ca7286f3.css.map*/