body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#f6d365,#fda085);display:flex;font-family:Poppins,Roboto,sans-serif;justify-content:center;min-height:100vh}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;max-width:420px;padding:2.5rem;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:100%}.login-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.login-logo-icon{border-radius:12px;box-shadow:0 4px 10px #ff7e5f4d;color:#fff;margin-right:.75rem;padding:.75rem}.login-logo-icon,.login-logo-text{background:linear-gradient(135deg,#ff7e5f,#feb47b)}.login-logo-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;font-weight:700}.login-title{color:#4a5568;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.25rem}.input-container input:focus{border-color:#ff7e5f;box-shadow:0 0 0 3px #ff7e5f33}.input-container input:focus+.input-icon{color:#ff7e5f}.login-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem;transition:all .3s ease}.email-button{background:linear-gradient(135deg,#ff7e5f,#feb47b);box-shadow:0 4px 10px #ff7e5f4d;color:#fff}.email-button:hover{box-shadow:0 6px 15px #ff7e5f66;transform:translateY(-2px)}.google-button{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 5px #0000000d;color:#4a5568;margin-top:.5rem}.google-button:hover{background-color:#f7fafc;box-shadow:0 4px 10px #00000014}.google-icon{height:1.25rem;margin-right:.75rem;width:1.25rem}.divider{align-items:center;display:flex;margin:1.5rem 0}.divider:after,.divider:before{background-color:#e2e8f0;content:"";flex:1 1;height:1px}.divider span{color:#a0aec0;font-size:.875rem;font-weight:500;padding:0 1rem}.login-footer{color:#718096;font-size:.95rem;margin-top:2rem;text-align:center}.link{color:#ff7e5f}.link:hover{color:#e67262}.signup-container{align-items:center;background:linear-gradient(135deg,#a1c4fd,#c2e9fb);display:flex;font-family:Poppins,Roboto,sans-serif;justify-content:center;min-height:100vh}.signup-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;max-width:420px;padding:2.5rem;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:100%}.signup-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.signup-logo{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.signup-logo-icon{border-radius:12px;box-shadow:0 4px 10px #4facfe4d;color:#fff;margin-right:.75rem;padding:.75rem}.signup-logo-icon,.signup-logo-text{background:linear-gradient(135deg,#4facfe,#00f2fe)}.signup-logo-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;font-weight:700}.signup-title{color:#4a5568;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.signup-form{display:flex;flex-direction:column;gap:1.25rem}.input-container{position:relative}.input-icon{color:#a0aec0;left:1rem;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.input-container input{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;box-sizing:border-box;color:#4a5568;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.password-toggle{color:#a0aec0;cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#4facfe}.input-container input:focus{border-color:#4facfe;box-shadow:0 0 0 3px #4facfe33;outline:none}.input-container input:focus+.input-icon{color:#4facfe}.signup-button{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;box-shadow:0 4px 10px #4facfe4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem;transition:all .3s ease}.signup-button:hover{box-shadow:0 6px 15px #4facfe66;transform:translateY(-2px)}.button-icon{margin-right:.75rem}.signup-footer{color:#718096;font-size:.95rem;margin-top:2rem;text-align:center}.link{color:#4facfe;cursor:pointer;font-weight:600;transition:color .3s ease}.link:hover{color:#3d86ca;text-decoration:none}.otmodern-login-container{align-items:center;background:linear-gradient(135deg,#f6d365,#fda085);direction:rtl;display:flex;font-family:Poppins,Roboto,sans-serif;justify-content:center;min-height:100vh}.otbackground-elements{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.otbg-circle{border-radius:50%;opacity:.6;position:absolute}.otcircle-1{animation:otfloat 12s ease-in-out infinite;background:linear-gradient(135deg,#f6d36566,#fda08566);height:500px;right:-100px;top:-150px;width:500px}.otcircle-2{animation:otfloat 15s ease-in-out infinite reverse;background:linear-gradient(135deg,#fda08566,#f6d36566);bottom:-80px;height:300px;left:-80px;width:300px}.otcircle-3{animation:otfloat 10s ease-in-out 2s infinite;background:linear-gradient(135deg,#fab97566,#f9858566);height:200px;right:10%;top:60%;width:200px}@keyframes otfloat{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}.otlogin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;max-width:760px;overflow:hidden;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:100%}.otlogin-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.otlogin-card-inner{display:flex;flex-direction:row}.otlogin-decoration{background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:450px;overflow:hidden;padding:2.5rem;position:relative}.otdecoration-overlay{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAwIDgwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgb3BhY2l0eT0iLjEiIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjQwIi8+PGNpcmNsZSBvcGFjaXR5PSIuMiIgY3g9IjQwMCIgY3k9IjE1MCIgcj0iNzAiLz48Y2lyY2xlIG9wYWNpdHk9Ii4xIiBjeD0iNzAwIiBjeT0iMzAwIiByPSI2MCIvPjxjaXJjbGUgb3BhY2l0eT0iLjIiIGN4PSIyMDAiIGN5PSI1MDAiIHI9IjgwIi8+PGNpcmNsZSBvcGFjaXR5PSIuMSIgY3g9IjUwMCIgY3k9IjYwMCIgcj0iNTAiLz48Y2lyY2xlIG9wYWNpdHk9Ii4yIiBjeD0iNzAwIiBjeT0iNzAwIiByPSIzMCIvPjwvZz48L3N2Zz4=);bottom:0;left:0;opacity:.15;position:absolute;right:0;top:0}.otdecoration-content{position:relative;z-index:1}.otdecoration-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.otdecoration-content p{font-size:1.1rem;line-height:1.6;opacity:.9}.otlogin-content{display:flex;flex:1 1;flex-direction:column;padding:2.5rem}.otlogin-header{margin-bottom:2rem;text-align:center}.otlogin-header h1{color:#4a5568;font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.otlogin-header p{color:#718096;font-size:1rem;line-height:1.5}.otlogin-form{display:flex;flex-direction:column;gap:1.5rem}.otform-group{position:relative}.otfloat-label{background:#fff;color:#ff7e5f;font-size:.8rem;font-weight:500;padding:0 .5rem;position:absolute;right:1rem;top:-.75rem;transition:all .3s ease;z-index:1}.otinput-container{position:relative;width:100%}.otinput-icon{color:#a0aec0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease}.otinput-container input{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;color:#4a5568;font-size:1rem;padding:1rem 3rem 1rem 1rem;transition:all .3s ease;width:100%}.otinput-container input:focus{border-color:#ff7e5f;box-shadow:0 0 0 3px #ff7e5f33;outline:none}.otinput-container input:focus+.otinput-icon{color:#ff7e5f}.ototp-input-container{display:flex;flex-direction:row-reverse;gap:8px;justify-content:space-between}.otp-digit-group{flex:1 1}.otp-digit-group .otinput-container input{font-size:1.5rem;font-weight:600;padding:.75rem 0;text-align:center}.ototp-email-display{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.ototp-email-display p{color:#718096;font-size:.9rem;margin:0}.ototp-email-display strong{color:#4a5568;font-weight:600}.otlogin-button{align-items:center;background:linear-gradient(135deg,#ff7e5f,#feb47b);border:none;border-radius:12px;box-shadow:0 4px 10px #ff7e5f4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease}.otlogin-button:hover{box-shadow:0 6px 15px #ff7e5f66;transform:translateY(-2px)}.otlogin-button.otloading{opacity:.8;pointer-events:none}.otbutton-loader{animation:otspin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes otspin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.otresend-otp{margin-top:1rem;text-align:center}.otresend-otp p{color:#718096;font-size:.95rem;margin:0}.otresend-otp button{background:none;border:none;color:#ff7e5f;cursor:pointer;font-size:.95rem;font-weight:600;padding:0;transition:color .3s ease}.otresend-otp button:hover{color:#e67262;text-decoration:underline}.otback-to-email{margin-top:1.5rem;text-align:center}.otback-to-email button{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;padding:.5rem;transition:color .3s ease}.otback-to-email button:hover{color:#4a5568}.otback-to-email button span{margin-left:.5rem}.otnotification{align-items:center;animation:otslideDown .3s ease-out forwards;border-radius:12px;box-shadow:0 5px 15px #0000001a;display:flex;justify-content:space-between;left:50%;max-width:360px;padding:.75rem 1.5rem;position:fixed;top:20px;transform:translateX(-50%);width:calc(100% - 2rem);z-index:1000}.otnotification-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.otnotification-error{background-color:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.otnotification-content{align-items:center;display:flex;gap:.75rem}.otnotification-icon{align-items:center;border-radius:50%;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.otnotification-success .otnotification-icon{background-color:#34d399;color:#fff}.otnotification-error .otnotification-icon{background-color:#f87171;color:#fff}.otnotification-close{background:none;border:none;color:currentColor;cursor:pointer;font-size:1.2rem;line-height:1;opacity:.7;transition:opacity .3s ease}.otnotification-close:hover{opacity:1}@keyframes otslideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.otlogin-card-inner{flex-direction:column}.otlogin-decoration{min-height:200px;padding:2rem}.otdecoration-content h2{font-size:2rem}.otdecoration-content p{font-size:1rem}.otlogin-content{padding:2rem}}@media (max-width:576px){.ototp-input-container{gap:.25rem}.otp-digit-group .otinput-container input{font-size:1.25rem;padding:.6rem 0}.otlogin-button{font-size:.95rem;padding:.9rem 1.2rem}}.modern-dashboard{background:linear-gradient(135deg,#a1c4fd,#c2e9fb);direction:rtl;font-family:Poppins,Roboto,sans-serif;min-height:100vh;padding:2rem}.modern-dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;padding:2.5rem;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:100%}.modern-dashboard-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.modern-dashboard-header{margin-bottom:2.5rem;text-align:center}.modern-dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;color:#4a5568;font-size:2rem;font-weight:700;margin-bottom:.5rem}.modern-dashboard-subtitle{color:#718096;font-size:1rem}.modern-dashboard-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.modern-dashboard-button{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:1.5rem 3rem;transition:all .3s ease}.modern-dashboard-button-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 10px #4facfe4d}.modern-dashboard-button-primary:hover{box-shadow:0 6px 15px #4facfe66;transform:translateY(-2px)}.modern-dashboard-button-secondary{background:linear-gradient(135deg,#ff7e5f,#feb47b);box-shadow:0 4px 10px #ff7e5f4d}.modern-dashboard-button-secondary:hover{box-shadow:0 6px 15px #ff7e5f66;transform:translateY(-2px)}.modern-dashboard-icon{margin-left:.75rem}.modern-meeting-section{background:#ffffffb3;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-bottom:1.5rem;padding:1.5rem;text-align:right;transition:transform .2s ease,box-shadow .2s ease}.modern-meeting-section:hover{box-shadow:0 8px 15px #00000014;transform:translateY(-3px)}.modern-meeting-title{align-items:center;color:#4a5568;display:flex;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.modern-meeting-title-icon{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;color:#fff;display:inline-flex;height:30px;justify-content:center;margin-left:.75rem;width:30px}.modern-meeting-empty{color:#a0aec0;font-style:italic;padding:1rem;text-align:center}.create-meeting-container{background-color:#f5f9ff;border-radius:10px;box-shadow:0 0 15px #ccc;direction:rtl;margin:auto;max-width:500px;padding:30px;text-align:right}input,textarea{border:1px solid #ccc;border-radius:6px;padding:10px;width:100%}button{background-color:#007bff}.join-meeting-container{background-color:#f0f9ff;border-radius:10px;box-shadow:0 0 10px #ccc;direction:rtl;margin:auto;max-width:400px;padding:30px;text-align:right}.form-group,h2{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:8px}input{border:1px solid #ccc;border-radius:6px;padding:10px;width:100%}button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:12px 20px;width:100%}.error-message{color:red;margin-bottom:10px}button:disabled{cursor:not-allowed;opacity:.6}:root{--primary-color:#1e88e5;--primary-light:#e3f2fd;--primary-dark:#0d47a1;--secondary-color:#26c6da;--accent-color:#ff6e40;--danger-color:#e53935;--success-color:#43a047;--warning-color:#ffb300;--text-color:#333;--text-light:#757575;--bg-color:#f5f7fa;--surface-color:#fff;--border-color:#e0e0e0;--box-shadow:0 2px 5px #0000001a}.meeting-room{background-color:#f5f7fa;background-color:var(--bg-color);color:#333;color:var(--text-color);direction:rtl;font-family:Tajawal,Segoe UI,Tahoma,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:16px}.meeting-header{align-items:center;background-color:#fff;background-color:var(--surface-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.meeting-header h2{color:#0d47a1;color:var(--primary-dark);font-size:1.5rem;margin:0}.meeting-info{align-items:center;display:flex;gap:24px}.meeting-info p{font-size:.9rem;margin:0}.meeting-timer{color:#757575;color:var(--text-light);gap:6px}.invite-button,.meeting-timer{align-items:center;display:flex;font-weight:500}.invite-button{background-color:#1e88e5;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;gap:8px;padding:8px 16px;transition:background-color .2s}.invite-button:hover{background-color:#0d47a1;background-color:var(--primary-dark)}.video-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media (max-width:768px){.video-container{grid-template-columns:1fr}}.video-wrapper{aspect-ratio:16/9;background-color:#000;border-radius:8px;overflow:hidden;position:relative;width:100%}.video-wrapper video{height:100%;object-fit:cover;width:100%}.video-label{background-color:#0009;border-radius:4px;bottom:10px;color:#fff;font-size:.8rem;left:10px;padding:4px 10px;position:absolute}.video-off-indicator{background-color:#00000080;border-radius:50%;color:#fff;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.meeting-controls{background-color:#fff;background-color:var(--surface-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px;padding:12px}.control-button{align-items:center;background-color:#1e88e5;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:8px 12px;transition:all .2s}.control-button span{font-size:.8rem;white-space:nowrap}.control-button:hover{background-color:#0d47a1;background-color:var(--primary-dark)}.control-button.active{background-color:#1e88e5;background-color:var(--primary-color)}.control-button.inactive{background-color:#757575;background-color:var(--text-light)}.control-button.end-meeting,.control-button.leave-meeting{background-color:#e53935;background-color:var(--danger-color)}.control-button.end-meeting:hover,.control-button.leave-meeting:hover{background-color:#c62828}.control-button.recording{animation:pulse 1.5s infinite;background-color:#e53935;background-color:var(--danger-color)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.content-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-bottom:16px}@media (max-width:768px){.content-container{grid-template-columns:1fr}}.chat-box{background-color:#fff;background-color:var(--surface-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:400px;overflow:hidden}.chat-box h3{background-color:#e3f2fd;background-color:var(--primary-light);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#0d47a1;color:var(--primary-dark);font-size:1rem;margin:0;padding:12px 16px}.messages{flex:1 1;overflow-y:auto;padding:12px}.message{background-color:#f5f7fa;background-color:var(--bg-color);border-radius:8px;margin-bottom:12px;padding:10px}.message-header{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:5px}.message-time{color:#757575;color:var(--text-light);font-size:.8rem}.message-content{word-break:break-word}.system-message{background-color:#e3f2fd;background-color:var(--primary-light);color:#0d47a1;color:var(--primary-dark);font-style:italic}.message-input{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;padding:10px}.message-input input{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;flex:1 1;margin-left:8px;padding:8px 12px}.message-input button{background-color:#1e88e5;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.message-input button:hover{background-color:#0d47a1;background-color:var(--primary-dark)}.message-input button:disabled,.message-input input:disabled{cursor:not-allowed;opacity:.6}.participants-box{background-color:#fff;background-color:var(--surface-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:400px;overflow:hidden}.participants-box h3{background-color:#e3f2fd;background-color:var(--primary-light);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#0d47a1;color:var(--primary-dark);font-size:1rem;margin:0;padding:12px 16px}.participants-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.participant-item{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.participant-info{align-items:center;display:flex;gap:8px}.participant-status{color:#757575;color:var(--text-light);display:flex;gap:8px}.hand-raised-icon{color:#ffb300;color:var(--warning-color)}.status-icon{color:#757575;color:var(--text-light)}.host-controls{background-color:#fff;background-color:var(--surface-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-shadow:var(--box-shadow);margin-bottom:16px;padding:16px}.host-controls h3{color:#0d47a1;color:var(--primary-dark);font-size:1rem;margin-bottom:12px;margin-top:0}.control-options{display:flex;flex-wrap:wrap;gap:16px}.control-options label{cursor:pointer;gap:8px}.control-options label,.modal{align-items:center;display:flex}.modal{background-color:#00000080;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;background-color:var(--surface-color);border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:24px;width:90%}.modal-content h3{color:#0d47a1;color:var(--primary-dark);margin-top:0}.invite-link{background-color:#f5f7fa;background-color:var(--bg-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;font-family:monospace;margin:16px 0;padding:12px;word-break:break-all}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-buttons button{background-color:#1e88e5;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.modal-buttons button:hover{background-color:#0d47a1;background-color:var(--primary-dark)}.modal-buttons button:last-child{background-color:#757575;background-color:var(--text-light)}.meeting-ended{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;text-align:center}.meeting-ended h2{color:#e53935;color:var(--danger-color);margin-bottom:16px}.meeting-ended p{color:#757575;color:var(--text-light);margin-bottom:24px}@media (max-width:480px){.meeting-controls{gap:8px}.control-button{font-size:.7rem;padding:6px 8px}.meeting-header{align-items:flex-start;flex-direction:column;gap:12px}.meeting-info{justify-content:space-between;width:100%}.invite-button{justify-content:center;width:100%}}
/*# sourceMappingURL=main.79f6dca6.css.map*/