@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.video-frame{width:100%;height:100%;position:relative;border-radius:12px;overflow:hidden;background:#1e293b;transition:transform .1s ease}.video-frame video{width:100%;height:100%;object-fit:cover;display:block}.video-frame.no-video{display:flex;align-items:center;justify-content:center;background:#0f172a}.avatar-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.avatar-circle{width:80px;height:80px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:36px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;text-transform:uppercase;transition:transform .1s ease,box-shadow .1s ease}@media(max-width:600px){.avatar-circle{width:60px;height:60px;font-size:28px}}*{box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100%}body{margin:0;padding:0;box-sizing:border-box;background:#0f172a;background:radial-gradient(circle at top right,#1e293b,#0f172a);color:#e2e8f0;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;width:100%;max-width:100%}body.in-call{overflow:hidden;height:100vh}.container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;min-height:100vh;padding:20px;overflow-x:hidden}.container:not(.in-call){padding:0}.container.in-call{padding:0;min-height:100vh;height:100vh;overflow:hidden;width:100vw;max-width:none}.join-container{display:flex;flex-direction:column;gap:24px;background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:48px 40px;border-radius:24px;box-shadow:0 25px 70px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;width:100%;max-width:500px;box-sizing:border-box;transition:all .4s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.join-container{padding:56px 48px;max-width:550px}.join-container:hover{transform:translateY(-6px);box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff26,inset 0 1px #ffffff26;border-color:#60a5fa4d}}.join-container input{padding:18px 24px;border-radius:16px;border:2px solid rgba(255,255,255,.08);background:#1e293b99;color:#fff;font-size:16px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;width:100%;box-sizing:border-box}.join-container input::placeholder{color:#ffffff59;font-weight:400}.join-container input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33,0 0 0 8px #60a5fa1a,0 4px 12px #60a5fa33;background:#1e293bcc;transform:translateY(-2px)}.join-container button{padding:18px 32px;border-radius:16px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #3b82f666,0 0 #3b82f680;position:relative;overflow:hidden;letter-spacing:.3px}.join-container button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s}.join-container button:hover:before{left:100%}.join-container button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #3b82f680,0 0 0 4px #3b82f633;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.join-container button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #3b82f666}.join-container button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #3b82f633}.video-container{display:grid;gap:20px;width:100%;max-width:100%;margin-bottom:40px;justify-items:center;grid-template-columns:repeat(var(--grid-cols, 1),minmax(0,1fr));transition:grid-template-columns .2s ease,gap .2s ease;box-sizing:border-box;overflow-x:hidden}.video-container.layout-single{--grid-cols: 1;max-width:900px}.container.in-call .video-container{width:100%;height:100vh;max-width:100%;margin:0;padding:0;gap:0;align-content:stretch;align-items:stretch}.video-container.layout-two,.video-container.layout-four{--grid-cols: 2}.video-container.layout-six,.video-container.layout-nine{--grid-cols: 3}.video-container.layout-many{--grid-cols: 4}.video-wrapper{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000080;border:2px solid rgba(255,255,255,.1);transition:all .3s ease;box-sizing:border-box}@media(min-width:1024px){.video-wrapper{border-radius:20px;box-shadow:0 12px 40px #0009}.video-wrapper:hover{transform:translateY(-4px);box-shadow:0 16px 48px #000000b3;border-color:#60a5fa4d}}.container.in-call .video-container.layout-single .video-wrapper{width:100%;height:100%;aspect-ratio:unset;border-radius:0;border:none;box-shadow:none}.container.in-call .video-container.layout-single{height:100vh;padding-bottom:0;max-width:100%}.video-wrapper:hover{border-color:#ffffff26}.video-wrapper video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-wrapper.remote-video video{transform:scaleX(1)}.user-label{position:absolute;top:15px;left:15px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 14px;border-radius:20px;font-size:14px;font-weight:500;color:#fff;pointer-events:none}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px 20px;border-radius:12px;margin:16px 0 0;font-size:14px;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #ef444433;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid #3b82f6;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-icons{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px;z-index:10}.icon{font-size:16px;background:#0009;padding:4px;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:28px;height:28px;display:flex;align-items:center;justify-content:center}.controls-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:20px;background:#0f172ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 32px;border-radius:50px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.15);z-index:100;transition:all .3s ease}@media(min-width:1024px){.controls-bar{bottom:40px;padding:18px 36px;gap:24px}.controls-bar:hover{box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff26;transform:translate(-50%) translateY(-4px)}}.control-btn{width:56px;height:56px;border-radius:50%;border:none;font-size:22px;cursor:pointer;background:#ffffff26;color:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}@media(min-width:1024px){.control-btn{width:60px;height:60px;font-size:24px}}.control-btn:hover{background:#ffffff40;transform:scale(1.15) translateY(-2px);box-shadow:0 6px 20px #0006}.control-btn.off{background:#ef4444;color:#fff}.control-btn.end-call{background:#ef4444}.control-btn.end-call:hover{background:#dc2626}@media(max-width:900px){.container.in-call .video-container{gap:8px;padding:8px}.video-wrapper{aspect-ratio:4/5}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animated-shape{position:absolute;border-radius:50%;opacity:.1;animation:float 8s ease-in-out infinite;filter:blur(60px)}.animated-shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;animation:float 20s ease-in-out infinite;pointer-events:none;z-index:0}.join-page-wrapper .shape-1{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);top:10%;left:10%;animation-delay:0s}.join-page-wrapper .shape-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);bottom:20%;right:15%;animation-delay:3s}.join-page-wrapper .shape-3{width:350px;height:350px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);top:50%;right:30%;animation-delay:6s}.left-content{position:relative;z-index:1;text-align:left;width:100%;max-width:600px;animation:slideInLeft .8s ease-out}.left-content h1{font-size:6rem;font-weight:800;margin:0;color:#fff;line-height:1.05;letter-spacing:-3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-shadow:0 0 40px rgba(59,130,246,.3);background:linear-gradient(180deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.join-page-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;background:radial-gradient(circle at top right,#1e293b,#0f172a);overflow:hidden}.join-page-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px;padding:20px}.join-page-title{text-align:center;margin-bottom:10px}@media(max-width:600px){.container{padding:0}.join-page-wrapper{padding:30px 20px}.join-page-content{gap:30px}.join-page-title{font-size:2.5rem;letter-spacing:-1px}.join-page-subtitle{font-size:1rem}.join-container{padding:32px 24px}.camera-preview-wrapper{display:none}.container.in-call{padding:0}.video-container{grid-template-columns:repeat(min(var(--grid-cols, 2),2),1fr);gap:8px;padding:8px;margin-bottom:90px;width:100%;max-width:100%}.container.in-call .video-container{gap:4px;padding:4px 4px 80px;margin-bottom:0}.video-container.layout-single{--grid-cols: 1}.container.in-call .video-container.layout-single{padding:0 0 80px;gap:0}.video-container.layout-two{--grid-cols: 1}.video-container.layout-four,.video-container.layout-six{--grid-cols: 2}.video-wrapper{border-radius:8px;aspect-ratio:3/4}.container.in-call .video-container.layout-single{height:100vh;padding-bottom:80px}.container.in-call .video-container.layout-single .video-wrapper{border-radius:0;height:100%;min-height:calc(100vh - 80px)}.container.in-call .video-container.layout-two{height:calc(100vh - 80px);padding-bottom:0}.container.in-call .video-container.layout-two .video-wrapper{aspect-ratio:9/16;height:calc((100vh - 84px)/2);min-height:0}.container.in-call .video-container.layout-four{height:calc(100vh - 80px);padding-bottom:0}.container.in-call .video-container.layout-four .video-wrapper{aspect-ratio:9/16;height:calc((100vh - 84px)/2);min-height:0}.container.in-call .video-container.layout-six{height:calc(100vh - 80px);padding-bottom:0}.container.in-call .video-container.layout-six .video-wrapper{aspect-ratio:9/16;height:calc((100vh - 80px - 8px) / 3);min-height:0}.header{font-size:1.5rem;margin:15px 0;width:100%;padding:0 10px;box-sizing:border-box}.join-container input,.join-container button{width:100%;box-sizing:border-box}.controls-bar{bottom:20px;padding:12px 24px;gap:20px;width:auto;min-width:280px;justify-content:center}}@media(min-width:601px)and (max-width:1023px){.join-page-left{padding:60px 50px}.left-content h1{font-size:4rem;letter-spacing:-2px}.join-page-right{padding:60px 40px}.join-container{padding:40px 36px}.camera-preview{max-width:100%}}@media(min-width:1024px){.container.in-call .video-container{gap:10px;padding:10px 10px 90px;height:calc(100vh - 90px);justify-items:stretch;max-width:100%;width:100%}.container.in-call .video-container.layout-single{height:100vh;padding-bottom:90px}.container.in-call .video-container.layout-single .video-wrapper{height:calc(100vh - 90px);aspect-ratio:unset}.container.in-call .video-container.layout-two{height:calc(100vh - 90px);padding-bottom:0}.container.in-call .video-container.layout-two .video-wrapper{height:calc((100vh - 100px)/2);width:100%}.container.in-call .video-container.layout-four{height:calc(100vh - 90px);padding-bottom:0}.container.in-call .video-container.layout-four .video-wrapper{height:calc((100vh - 100px)/2);width:100%}.container.in-call .video-container.layout-six{height:calc(100vh - 90px);padding-bottom:0}.container.in-call .video-container.layout-six .video-wrapper{height:calc((100vh - 90px - 20px) / 3);width:100%}}.snackbar{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:16px 24px;border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff1a;display:flex;align-items:center;gap:16px;z-index:2000;min-width:300px;animation:slideInUp .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(59,130,246,.2)}.snackbar-icon{display:flex;align-items:center;justify-content:center}.snackbar-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #60a5fa;border-radius:50%;animation:spin 1s linear infinite}.snackbar-message{font-size:16px;font-weight:500;color:#e2e8f0}.network-indicator{background:#dc2626e6;padding:4px 8px;border-radius:4px;font-size:12px;color:#fff;margin-left:8px;display:flex;align-items:center;gap:4px}.admin-login-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;background:#0f172a;background:radial-gradient(circle at top right,#1e293b,#0f172a);overflow:hidden}.admin-login-container:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 70%);top:-250px;right:-250px;border-radius:50%;animation:pulse 4s ease-in-out infinite}.admin-login-container:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(167,139,250,.1) 0%,transparent 70%);bottom:-200px;left:-200px;border-radius:50%;animation:pulse 4s ease-in-out infinite;animation-delay:2s}.admin-login-card{background:#1e293bcc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);padding:50px;border-radius:24px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d;max-width:450px;width:100%;position:relative;z-index:1;transition:transform .3s ease,box-shadow .3s ease;animation:slideInRight .6s ease-out}@media(min-width:1024px){.admin-login-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px #00000080,0 0 0 1px #ffffff1a}}.admin-login-title{text-align:center;margin:0 0 30px;font-size:2rem;font-weight:700;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.admin-login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.login-button{padding:14px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s;box-shadow:0 4px 6px -1px #0003;margin-top:10px}.login-button:hover:not(:disabled){opacity:.95}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:10px 20px;border-radius:8px;font-size:14px}@media(max-width:600px){.admin-login-card{padding:30px 20px}.admin-login-title{font-size:1.5rem}}.admin-dashboard-container{position:fixed;inset:0;width:100vw;height:100vh;z-index:1000;overflow-y:auto;padding:30px;background:#0f172a;background:radial-gradient(circle at top right,#1e293b,#0f172a);color:#e2e8f0;display:flex;flex-direction:column;align-items:center}@media(min-width:1024px){.admin-dashboard-container{padding:40px 60px}.admin-dashboard-container:before{content:"";position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(96,165,250,.08) 0%,transparent 70%);top:-300px;right:-300px;border-radius:50%;pointer-events:none}.admin-dashboard-container:after{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.08) 0%,transparent 70%);bottom:-250px;left:-250px;border-radius:50%;pointer-events:none}}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;width:100%;max-width:1200px;margin-bottom:30px}.admin-dashboard-header h1{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.admin-info{display:flex;align-items:center;gap:15px}.admin-info span{color:#e2e8f0;font-size:14px}.logout-button{padding:8px 16px;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#fca5a5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.logout-button:hover{background:#ef444433;border-color:#ef444480}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);width:100%;max-width:1200px}.tab-button{padding:12px 24px;border:none;background:transparent;color:#94a3b8;font-size:16px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-button:hover{color:#e2e8f0}.tab-button.active{color:#60a5fa;border-bottom-color:#60a5fa}.admin-content{width:100%;max-width:1200px}.create-meeting-section,.join-meeting-section{background:#1e293bcc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);padding:40px;border-radius:24px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease}@media(min-width:1024px){.create-meeting-section:hover,.join-meeting-section:hover{transform:translateY(-2px);box-shadow:0 24px 70px #00000080,0 0 0 1px #ffffff1a}}.create-meeting-section h2,.join-meeting-section h2{margin:0 0 20px;font-size:1.5rem;color:#e2e8f0}.create-meeting-form,.join-form{margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{color:#e2e8f0;font-size:14px;font-weight:500}.form-group input{padding:14px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0f172a99;color:#fff;font-size:16px;outline:none;transition:all .2s}.form-group input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.create-button,.join-button{padding:14px 30px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s;box-shadow:0 4px 6px -1px #0003}.create-button:hover:not(:disabled),.join-button:hover:not(:disabled){opacity:.95}.create-button:active:not(:disabled),.join-button:active:not(:disabled){transform:scale(.98)}.create-button:disabled,.join-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:10px 20px;border-radius:8px;margin-bottom:15px;font-size:14px}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#86efac;padding:10px 20px;border-radius:8px;margin-bottom:15px;font-size:14px}.meetings-list-section{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.meetings-list-section h3{margin:0 0 20px;font-size:1.2rem;color:#e2e8f0}.loading,.no-meetings{text-align:center;color:#94a3b8;padding:20px}.meetings-list{display:flex;flex-direction:column;gap:15px}.meeting-item{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease;gap:20px}.meeting-item:hover{border-color:#60a5fa4d;background:#0f172ae6;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.meeting-info{display:flex;align-items:center;gap:20px;flex:1}.meeting-actions{display:flex;align-items:center;gap:15px;min-width:auto}.status-control label,.timer-control label{font-size:12px;color:#94a3b8;margin-bottom:4px;display:block}.status-control select{width:150px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0f172a99;color:#e2e8f0;cursor:pointer}.actions-button{padding:10px;border-radius:8px;border:none;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.actions-button svg{width:20px;height:20px;fill:currentColor}.timer-control{display:flex;flex-direction:column;gap:8px}.timer-buttons{display:flex;gap:6px}.timer-buttons button{flex:1;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#60a5fa26;color:#e2e8f0;cursor:pointer;transition:all .2s}.timer-buttons button:hover{background:#60a5fa40}.timer-custom{display:flex;gap:8px}.timer-custom input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0f172a99;color:#e2e8f0}.timer-custom button{padding:10px 14px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.timer-custom button:disabled{opacity:.6;cursor:not-allowed}.meeting-slot{font-size:16px;color:#e2e8f0}.meeting-slot strong{color:#60a5fa;font-weight:600}.meeting-status,.meeting-date,.meeting-participants{font-size:14px;color:#94a3b8}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.pending{background:#fbbf2433;color:#fcd34d}.status-badge.active{background:#22c55e33;color:#86efac}.status-badge.success{background:#3b82f633;color:#93c5fd}.meeting-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.copy-link-button{padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#e2e8f0;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.copy-link-button:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.02)}.join-meeting-button{padding:10px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.join-meeting-button:hover{opacity:.9;transform:scale(1.05)}@media(max-width:600px){.admin-dashboard-container{padding:15px}.admin-dashboard-header{flex-direction:column;align-items:flex-start}.admin-tabs{width:100%}.tab-button{flex:1;padding:10px;font-size:14px}.create-meeting-section,.join-meeting-section{padding:20px}.meeting-item{flex-direction:column;align-items:flex-start;gap:15px}.join-meeting-button{width:100%}}.actions-button:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.modal-content{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.5rem;color:#f8fafc}.close-button{background:transparent;border:none;color:#94a3b8;font-size:24px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button:hover{background:#ffffff1a;color:#fff}.modal-body{display:flex;flex-direction:column;gap:24px}.modal-section{display:flex;flex-direction:column;gap:12px}.modal-section h3{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.participants-list{list-style:none;margin:8px 0 0;display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto;background:#0003;border-radius:8px;padding:8px}.participants-list li{font-size:13px;color:#e2e8f0;display:flex;align-items:center;gap:6px;padding:4px;border-radius:4px}.participants-list li:hover{background:#ffffff0d}.participant-id{color:#64748b;font-size:11px}.no-participants{font-size:13px;color:#64748b;font-style:italic;margin-top:4px}.thankyou-container{position:fixed;inset:0;width:100vw;height:100vh;z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px;background:#0f172a;background:radial-gradient(circle at top right,#1e293b,#0f172a)}.thankyou-card{background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:520px;width:100%;text-align:center}.thankyou-title{margin:0 0 10px;font-size:2rem;font-weight:700;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.thankyou-subtitle{margin:0 0 24px;color:#cbd5e1}.thankyou-button{padding:14px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s;box-shadow:0 4px 6px -1px #0003;width:100%}.thankyou-button:hover{opacity:.95}.thankyou-button:active{transform:scale(.98)}@media(max-width:600px){.thankyou-card{padding:30px 20px}.thankyou-title{font-size:1.6rem}}.checkmark-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.checkmark{width:80px;height:80px;border-radius:50%;display:block;stroke-width:2;stroke:#4ade80;stroke-miterlimit:10;box-shadow:inset 0 0 #4ade80;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#4ade80;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px transparent}}.user-join-container{position:fixed;inset:0;width:100vw;height:100vh;z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px;background:#0f172a;background:radial-gradient(circle at top right,#1e293b,#0f172a)}.user-join-card{background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:400px;width:100%;text-align:center}.user-join-title{margin:0 0 32px;font-size:2rem;font-weight:700;color:#fff}.user-join-form{display:flex;flex-direction:column;gap:20px}.join-input{width:100%;padding:14px 16px;border-radius:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;transition:all .2s;box-sizing:border-box}.join-input:focus{outline:none;border-color:#3b82f6;background:#0f172acc;box-shadow:0 0 0 2px #3b82f633}.join-button{padding:14px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s;box-shadow:0 4px 6px -1px #0003}.join-button:hover{opacity:.95}.join-button:active{transform:scale(.98)}