@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";.landing-v2{min-height:100vh;background:linear-gradient(180deg,#0f0f1a,#1a1a2e,#16213e);position:relative;overflow-x:hidden;color:#fff}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px)}.grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.floating-icons{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.floating-icon{position:absolute;font-size:2.5rem;opacity:.15}.landing-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#0f0f1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.3rem}.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#6c5ce7,#a855f7);border-radius:12px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:24px;height:24px;color:#fff}.header-nav{display:flex;align-items:center;gap:12px}.nav-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s ease}.nav-btn.ghost{color:#ffffffb3}.nav-btn.ghost:hover{color:#fff;background:#ffffff1a}.nav-btn.primary{background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;box-shadow:0 4px 15px #6c5ce766}.nav-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6c5ce780}.nav-btn svg{width:18px;height:18px}.landing-main{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 60px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 82px);position:relative;z-index:10}.hero{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:#6c5ce733;border:1px solid rgba(108,92,231,.3);border-radius:50px;font-size:.85rem;font-weight:500;margin-bottom:24px}.badge-dot{width:8px;height:8px;background:#00cec9;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin:0 0 24px}.word-wrapper{display:inline-block;position:relative;height:1.2em;overflow:hidden;vertical-align:bottom}.rotating-word{display:inline-block;background:linear-gradient(135deg,#6c5ce7,#00cec9,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#ffffffb3;line-height:1.6;margin-bottom:40px}.join-form{margin-bottom:32px}.input-group{display:flex;gap:12px;padding:8px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;transition:all .3s ease}.input-group.focused{border-color:#6c5ce7;box-shadow:0 0 30px #6c5ce733}.input-group input{flex:1;padding:18px 24px;background:transparent;border:none;font-size:1.2rem;font-weight:600;color:#fff;text-align:center;letter-spacing:8px}.input-group input::placeholder{letter-spacing:0;font-weight:400;color:#fff6}.input-group input:focus{outline:none}.input-group button{display:flex;align-items:center;gap:10px;padding:18px 32px;background:linear-gradient(135deg,#00cec9,#00b894);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.input-group button:disabled{opacity:.5;cursor:not-allowed}.input-group button:not(:disabled):hover{box-shadow:0 10px 30px #00cec966}.input-group button svg{width:20px;height:20px}.cta-row{display:flex;align-items:center;gap:20px}.cta-divider{color:#fff6;font-size:.9rem}.cta-btn{display:flex;align-items:center;gap:16px;padding:16px 28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;color:#fff;transition:all .3s ease}.cta-btn:hover{background:#ffffff1a;border-color:#fff3}.cta-icon{width:48px;height:48px;background:linear-gradient(135deg,#6c5ce7,#a855f7);border-radius:12px;display:flex;align-items:center;justify-content:center}.cta-icon svg{width:24px;height:24px}.cta-text{display:flex;flex-direction:column;align-items:flex-start}.cta-text strong{font-size:1rem;font-weight:700}.cta-text span{font-size:.85rem;color:#ffffff80}.preview-section{display:flex;justify-content:center;align-items:center}.preview-card{position:relative}.preview-screen{width:380px;padding:40px;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:32px;border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 100px #00000080,inset 0 1px #ffffff1a}.preview-header{text-align:center;margin-bottom:32px}.preview-badge{display:inline-block;padding:8px 16px;background:#6c5ce7;border-radius:50px;font-size:.8rem;font-weight:700;margin-bottom:12px}.preview-title{display:block;font-size:1.8rem;font-weight:800}.preview-timer{position:relative;width:250px;height:250px;margin:0 auto}.timer-ring{width:100%;height:100%}.timer-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:800}.preview-glow{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;background:radial-gradient(circle,rgba(108,92,231,.3) 0%,transparent 70%);pointer-events:none;z-index:-1}.features{padding:100px 60px;position:relative;z-index:10;background:#0000004d}.features h2{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.feature-card{padding:32px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:24px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff0f;border-color:#ffffff1a}.feature-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem}.feature-card h3{font-size:1.2rem;font-weight:700;margin:0 0 8px}.feature-card p{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.stats-section{padding:60px 40px;position:relative;z-index:10;background:#6c5ce70d;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1000px;margin:0 auto;text-align:center}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-value{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#6c5ce7,#00cec9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1rem;color:#fff9}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:800;margin:0 0 16px}.section-header p{font-size:1.1rem;color:#fff9;margin:0}.usecases{padding:100px 60px;position:relative;z-index:10}.usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.usecase-card{display:flex;align-items:center;gap:20px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:all .3s ease}.usecase-card:hover{background:#ffffff0f;border-color:#6c5ce74d;transform:translate(5px)}.usecase-icon{font-size:2.5rem;flex-shrink:0}.usecase-content h3{font-size:1.1rem;font-weight:700;margin:0 0 6px}.usecase-content p{font-size:.9rem;color:#ffffff80;margin:0}.testimonials{padding:100px 60px;position:relative;z-index:10;background:#0000004d}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.testimonial-card{padding:28px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:all .3s ease}.testimonial-card:hover{background:#ffffff0f;transform:translateY(-5px)}.testimonial-stars{color:#fdcb6e;font-size:1.2rem;margin-bottom:16px;letter-spacing:2px}.testimonial-text{font-size:1rem;line-height:1.6;color:#fffc;margin:0 0 20px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#00cec9);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.author-info{display:flex;flex-direction:column}.author-info strong{font-size:.95rem}.author-info span{font-size:.85rem;color:#ffffff80}.cta-section{padding:100px 60px;position:relative;z-index:10}.cta-content{max-width:700px;margin:0 auto;text-align:center;padding:60px;background:linear-gradient(135deg,#6c5ce733,#00cec91a);border:1px solid rgba(108,92,231,.3);border-radius:32px}.cta-content h2{font-size:2.2rem;font-weight:800;margin:0 0 16px}.cta-content p{font-size:1.1rem;color:#ffffffb3;margin:0 0 32px}.cta-button{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 30px #6c5ce766}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #6c5ce780}.cta-button svg{width:20px;height:20px}.share-section{padding:60px 40px;position:relative;z-index:10;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05)}.share-content{max-width:800px;margin:0 auto;text-align:center}.share-content h3{font-size:1.5rem;font-weight:700;margin:0 0 8px}.share-content p{color:#ffffff80;margin:0 0 24px}.social-share-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.social-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none}.social-btn svg{width:20px;height:20px}.social-btn.linkedin{background:#0a66c2;color:#fff}.social-btn.linkedin:hover{background:#004182;transform:translateY(-2px);box-shadow:0 6px 20px #0a66c266}.social-btn.facebook{background:#1877f2;color:#fff}.social-btn.facebook:hover{background:#0d5bbd;transform:translateY(-2px);box-shadow:0 6px 20px #1877f266}.social-btn.copy{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.social-btn.copy:hover{background:#ffffff26;transform:translateY(-2px)}.landing-footer{padding:60px 60px 40px;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:10;background:#0006}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.05)}.footer-main{max-width:300px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;margin-bottom:16px}.footer-brand svg{width:28px;height:28px;color:#6c5ce7}.footer-desc{font-size:.95rem;color:#ffffff80;line-height:1.6;margin:0}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-col h4{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff9;margin:0 0 20px}.footer-col a{display:block;color:#fffc;text-decoration:none;font-size:.95rem;padding:6px 0;transition:color .2s ease}.footer-col a:hover{color:#6c5ce7}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;text-align:center;font-size:.9rem;color:#fff6}.footer-bottom a{color:#6c5ce7;text-decoration:none;margin:0 4px}.footer-bottom a:hover{text-decoration:underline}@media (max-width: 1024px){.landing-main{grid-template-columns:1fr;padding:60px 40px;text-align:center;gap:60px}.hero{max-width:none}.hero-title{font-size:3rem}.cta-row{justify-content:center}.preview-section{order:-1}.features-grid,.stats-grid,.usecases-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr;gap:40px}.footer-main{max-width:none;text-align:center}.footer-brand{justify-content:center}}@media (max-width: 768px){.landing-header{padding:16px 20px}.logo span,.nav-btn span{display:none}.nav-btn.primary{padding:12px 16px}.landing-main{padding:40px 20px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.input-group{flex-direction:column}.input-group button{justify-content:center}.cta-row{flex-direction:column}.preview-screen{width:100%;max-width:320px;padding:32px}.preview-timer{width:180px;height:180px}.timer-value{font-size:3rem}.features{padding:60px 20px}.features h2{font-size:1.8rem}.features-grid{grid-template-columns:1fr}.stats-section{padding:40px 20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-value{font-size:2rem}.usecases{padding:60px 20px}.usecases-grid{grid-template-columns:1fr}.usecase-card{padding:20px}.testimonials{padding:60px 20px}.testimonials-grid{grid-template-columns:1fr}.cta-section{padding:60px 20px}.cta-content{padding:40px 24px}.cta-content h2{font-size:1.6rem}.cta-button{padding:16px 28px;font-size:1rem}.landing-footer{padding:40px 20px 32px}.footer-content{grid-template-columns:1fr;gap:32px}.footer-links-grid{grid-template-columns:1fr;gap:24px;text-align:center}.footer-bottom{flex-direction:column;gap:4px}.share-section{padding:40px 20px}.share-content h3{font-size:1.25rem}.social-share-buttons{flex-direction:column;align-items:stretch}.social-btn{width:100%;justify-content:center;padding:14px 20px}.section-header h2{font-size:1.8rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth-shape{position:absolute;border-radius:50%;opacity:.15;animation:float 20s ease-in-out infinite}.shape-1{width:400px;height:400px;background:#fff;top:-100px;left:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:#ffd93d;top:50%;right:-50px;animation-delay:-5s}.shape-3{width:200px;height:200px;background:#6bcb77;bottom:-50px;left:30%;animation-delay:-10s}.shape-4{width:250px;height:250px;background:#ff6b6b;bottom:20%;right:20%;animation-delay:-15s}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translateY(-50px) rotate(180deg)}75%{transform:translate(-30px,-30px) rotate(270deg)}}.auth-container{background:#fff;border-radius:24px;padding:48px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040;position:relative;z-index:1}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.logo-icon svg{width:28px;height:28px}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-size:2rem;font-weight:800;color:#1a1a2e;text-align:center;margin-bottom:8px}.auth-subtitle{text-align:center;color:#64748b;margin-bottom:32px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;color:#334155;font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;width:20px;height:20px;color:#94a3b8;pointer-events:none}.input-wrapper input{width:100%;padding:14px 16px 14px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#f8fafc}.input-wrapper input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.input-wrapper input::placeholder{color:#94a3b8}.auth-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.9rem}.auth-error svg{width:18px;height:18px;flex-shrink:0}.auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.auth-submit:hover:not(:disabled){box-shadow:0 10px 20px -5px #667eea66;transform:translateY(-2px)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-submit svg{width:18px;height:18px}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-switch{text-align:center;margin-top:24px;color:#64748b}.auth-switch button{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;margin-left:4px;transition:color .2s}.auth-switch button:hover{color:#764ba2;text-decoration:underline}.auth-back{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;color:#64748b;text-decoration:none;font-size:.9rem;transition:color .2s}.auth-back:hover{color:#667eea}.auth-back svg{width:18px;height:18px}.auth-branding{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:.85rem}.auth-branding a{color:#667eea;text-decoration:none;font-weight:600}.auth-branding a:hover{text-decoration:underline}@media (max-width: 480px){.auth-container{padding:32px 24px;border-radius:20px}.auth-title{font-size:1.5rem}.logo-text{font-size:1.25rem}}.dashboard{min-height:100vh;background:linear-gradient(180deg,#0f0f1a,#1a1a2e,#16213e);display:flex;flex-direction:column;color:#fff}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffffb3;background:linear-gradient(180deg,#0f0f1a,#1a1a2e)}.loader{width:48px;height:48px;border:4px solid rgba(108,92,231,.2);border-top-color:#6c5ce7;border-radius:50%;animation:spin .8s linear infinite}.dashboard-header{background:#0f0f1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:100}.header-left .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;font-size:1.25rem}.header-left .logo svg{width:32px;height:32px;color:#6c5ce7}.header-right{display:flex;align-items:center;gap:24px}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-weight:600;color:#fff}.timer-count{font-size:.8rem;color:#ffffff80}.logout-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ffffff1a;color:#fff}.logout-btn svg{width:18px;height:18px}.dashboard-main{flex:1;padding:32px;max-width:1400px;margin:0 auto;width:100%}.dashboard-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.dashboard-title-row h1{font-size:2rem;font-weight:800;color:#fff}.create-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #6c5ce74d}.create-btn:hover:not(:disabled){box-shadow:0 10px 30px #6c5ce780;transform:translateY(-2px)}.create-btn:disabled{opacity:.5;cursor:not-allowed}.create-btn svg{width:20px;height:20px}.dashboard-error{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171;margin-bottom:24px}.dashboard-error button{background:none;border:none;color:#f87171;font-size:1.5rem;cursor:pointer;line-height:1}.timer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.timer-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.timer-card:hover{background:#ffffff0f;border-color:#6c5ce7;box-shadow:0 20px 40px #6c5ce733}.timer-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.timer-card-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.timer-code{padding:6px 12px;background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;border-radius:8px;font-weight:700;font-size:.9rem;font-family:monospace}.timer-description{color:#fff9;font-size:.9rem;margin-bottom:16px;line-height:1.5}.timer-stats{display:flex;gap:16px;margin-bottom:20px;color:#ffffff80;font-size:.9rem}.timer-actions{display:flex;gap:8px;margin-bottom:16px}.action-btn{width:40px;height:40px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn svg{width:18px;height:18px}.action-btn.edit{background:#3b82f626;color:#60a5fa}.action-btn.edit:hover{background:#3b82f6;color:#fff}.action-btn.duplicate{background:#22c55e26;color:#4ade80}.action-btn.duplicate:hover:not(:disabled){background:#22c55e;color:#fff}.action-btn.duplicate:disabled{opacity:.5;cursor:not-allowed}.action-btn.delete{background:#ef444426;color:#f87171}.action-btn.delete:hover{background:#ef4444;color:#fff}.timer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.link-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s}.link-btn svg{width:18px;height:18px}.link-btn.display{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.link-btn.display:hover{background:#22c55e;color:#fff}.link-btn.remote{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.link-btn.remote:hover{background:#f59e0b;color:#fff}.timer-qr-section{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.qr-code-mini{flex-shrink:0}.qr-code-mini img{width:60px;height:60px;border-radius:8px;background:#fff;padding:4px}.qr-info{display:flex;flex-direction:column;gap:2px}.qr-label{font-size:.8rem;color:#ffffff80}.qr-code-text{font-size:.9rem;font-weight:600;color:#6c5ce7}.empty-state{grid-column:1 / -1;text-align:center;padding:64px 32px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px}.empty-state svg{width:80px;height:80px;color:#fff3;margin-bottom:24px}.empty-state h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px}.empty-state p{color:#ffffff80;margin-bottom:24px}.empty-state button{padding:14px 28px;background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer}.dashboard-footer{padding:24px;text-align:center;color:#fff6;font-size:.85rem}.dashboard-footer a{color:#6c5ce7;text-decoration:none;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-large{max-width:850px;max-height:95vh}.modal h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:24px}.templates-section{margin-bottom:24px}.templates-section h3{font-size:.95rem;font-weight:600;color:#ffffffb3;margin-bottom:16px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.template-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .2s;text-align:center}.template-card:hover{background:#6c5ce71a;border-color:#6c5ce74d}.template-card.selected{background:#6c5ce733;border-color:#6c5ce7;box-shadow:0 0 20px #6c5ce74d}.template-icon{font-size:2rem;margin-bottom:8px}.template-name{font-weight:600;font-size:.85rem;color:#fff;margin-bottom:4px}.template-sessions{font-size:.75rem;color:#ffffff80}.divider{display:flex;align-items:center;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.divider span{padding:0 16px;font-size:.85rem;color:#fff6}.sessions-preview{margin-top:20px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.sessions-preview h4{font-size:.9rem;font-weight:600;color:#ffffffb3;margin-bottom:12px}.sessions-preview-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto}.session-preview-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#ffffff08;border-left:3px solid;border-radius:8px}.session-preview-name{font-size:.9rem;color:#fff}.session-preview-duration{font-size:.8rem;color:#ffffff80}.modal .form-group{margin-bottom:20px}.modal .form-group label{display:block;font-weight:600;color:#fffc;margin-bottom:8px;font-size:.9rem}.modal .form-group input,.modal .form-group textarea{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;color:#fff;transition:all .2s}.modal .form-group input::placeholder,.modal .form-group textarea::placeholder{color:#ffffff4d}.modal .form-group input:focus,.modal .form-group textarea:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 20px #6c5ce733}.modal .form-group input:disabled{background:#ffffff05;color:#ffffff80}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sessions-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.sessions-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.sessions-header>div{display:flex;flex-direction:column;gap:4px}.sessions-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0}.add-session-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3);border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.add-session-btn:hover{background:#22c55e;color:#fff}.add-session-btn svg{width:16px;height:16px}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;position:relative;transition:all .2s ease}.session-item:hover{background:#ffffff0d;border-color:#6c5ce74d}.drag-handle{cursor:grab;color:#ffffff4d;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0;width:24px;height:24px}.drag-handle:hover{color:#fff9}.drag-handle:active{cursor:grabbing}.sessions-hint{font-size:.75rem;color:#fff6;margin:0}.session-type-select{padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.8rem;cursor:pointer;width:85px;flex-shrink:0}.session-type-select:focus{outline:none;border-color:#6c5ce7}.session-type-select option{background:#1a1a2e;color:#fff}.session-color-indicator{width:6px;height:36px;border-radius:3px;flex-shrink:0}.session-name{flex:1;min-width:120px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.85rem;color:#fff}.session-name:focus{outline:none;border-color:#6c5ce7}.session-duration{width:70px;flex-shrink:0}.session-duration input{width:100%;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.9rem;text-align:center;color:#fff}.session-duration input:focus{outline:none;border-color:#6c5ce7}.session-color-picker{width:36px;height:36px;padding:0;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;overflow:hidden;background:transparent;flex-shrink:0}.session-color-picker::-webkit-color-swatch-wrapper{padding:0}.session-color-picker::-webkit-color-swatch{border:none;border-radius:6px}.session-action{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.session-action svg{width:16px;height:16px}.session-action.duplicate{background:#22c55e26;color:#4ade80}.session-action.duplicate:hover{background:#22c55e;color:#fff}.session-action.delete{background:#ef444426;color:#f87171}.session-action.delete:hover{background:#ef4444;color:#fff}.no-sessions{text-align:center;padding:32px;color:#fff6}.modal-actions button{flex:1;padding:14px 24px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.modal-actions .cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.modal-actions .cancel:hover{background:#ffffff1a;color:#fff}.modal-actions .confirm{background:linear-gradient(135deg,#6c5ce7,#a855f7);border:none;color:#fff}.modal-actions .confirm:hover{box-shadow:0 10px 30px #6c5ce780}@media (max-width: 768px){.dashboard-header{padding:12px 16px;gap:12px}.header-left .logo span{display:none}.header-right{gap:12px}.user-info,.logout-btn span{display:none}.logout-btn{padding:10px}.dashboard-main{padding:20px 16px}.dashboard-title-row{flex-direction:column;gap:16px;align-items:stretch}.dashboard-title-row h1{font-size:1.5rem;text-align:center}.create-btn{justify-content:center}.timer-grid{grid-template-columns:1fr}.timer-card{padding:20px}.timer-card-header h3{font-size:1.1rem}.timer-links{grid-template-columns:1fr}.timer-qr-section{flex-direction:column;text-align:center;padding:16px}.qr-info{align-items:center}.form-row{grid-template-columns:1fr}.modal{margin:16px;padding:20px;max-height:90vh}.modal h2{font-size:1.25rem}.session-item{flex-wrap:wrap;gap:8px;padding:10px}.drag-handle{order:0}.session-color-indicator{order:1;height:28px}.session-name{order:2;flex:1 1 calc(100% - 80px);min-width:0;padding:8px 10px;font-size:.85rem}.session-duration{order:3;width:65px}.session-color-picker{order:4;width:32px;height:32px}.session-type-select{order:5;width:75px;padding:6px 8px;font-size:.75rem}.session-action{order:6;width:28px;height:28px}.templates-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-success{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:14px;color:#4ade80;margin-bottom:24px}.dashboard-success button{background:none;border:none;color:#4ade80;font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .2s}.dashboard-success button:hover{opacity:1}.community-section{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.05)}.community-section h2{font-size:1.5rem;font-weight:700;margin:0 0 8px;text-align:center}.community-section>p{color:#ffffff80;text-align:center;margin:0 0 32px}.community-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.community-card{padding:28px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;text-align:center;transition:all .3s ease}.community-card:hover{background:#ffffff0f;border-color:#6c5ce74d}.community-card .card-icon{font-size:2.5rem;margin-bottom:16px}.community-card h3{font-size:1.1rem;font-weight:700;margin:0 0 8px}.community-card p{font-size:.9rem;color:#ffffff80;margin:0 0 20px}.community-card button{padding:12px 24px;background:linear-gradient(135deg,#6c5ce7,#a855f7);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.community-card button:hover{box-shadow:0 6px 20px #6c5ce766;transform:translateY(-2px)}.modal-subtitle{color:#ffffff80;font-size:.95rem;margin:-8px 0 24px}.rating-input{display:flex;gap:8px}.star-btn{background:none;border:none;font-size:2rem;color:#fff3;cursor:pointer;transition:all .2s}.star-btn:hover,.star-btn.active{color:#fdcb6e;transform:scale(1.1)}.form-group select{width:100%;padding:14px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-group select:focus{outline:none;border-color:#6c5ce7}.form-group select option{background:#1a1a2e;color:#fff}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.share-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:600;text-decoration:none;text-align:center}.share-option:hover{background:#6c5ce726;border-color:#6c5ce766;transform:translateY(-2px)}.share-option svg{width:22px;height:22px;color:#6c5ce7}.share-option.linkedin{background:#0a66c2;border-color:#0a66c2}.share-option.linkedin svg{color:#fff}.share-option.linkedin:hover{background:#004182;border-color:#004182}.share-option.facebook{background:#1877f2;border-color:#1877f2}.share-option.facebook svg{color:#fff}.share-option.facebook:hover{background:#0d5bbd;border-color:#0d5bbd}@media (max-width: 768px){.community-cards,.share-options{grid-template-columns:1fr}}.display-settings-section{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.05)}.display-settings-section h2{font-size:1.5rem;font-weight:700;margin:0 0 8px;text-align:center}.display-settings-section>p{color:#ffffff80;text-align:center;margin:0 0 32px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.settings-card{padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px}.settings-card h3{font-size:1.1rem;font-weight:700;margin:0 0 4px}.settings-card>p{font-size:.85rem;color:#ffffff80;margin:0 0 20px}.theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:#ffffff08;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.theme-option:hover{background:#ffffff0f}.theme-option.active{border-color:#6c5ce7;background:#6c5ce71a}.theme-option .theme-preview{width:36px;height:36px;border-radius:8px;border:2px solid rgba(255,255,255,.1)}.theme-option .theme-name{font-size:.7rem;color:#ffffffb3;text-align:center}.format-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.format-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#ffffff08;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.format-option:hover{background:#ffffff0f}.format-option.active{border-color:#6c5ce7;background:#6c5ce71a}.format-option .format-icon{font-size:1.5rem}.format-option .format-name{font-size:.7rem;color:#ffffffb3}.settings-card.remote-prefs{grid-column:span 1}.prefs-list{display:flex;flex-direction:column;gap:8px}.pref-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border-radius:12px;cursor:pointer;transition:all .2s}.pref-item:hover{background:#ffffff0f}.pref-item>span:first-child{font-size:.9rem;color:#ffffffe6}.pref-item input[type=checkbox]{display:none}.pref-item .toggle{width:44px;height:24px;background:#ffffff1a;border-radius:12px;position:relative;transition:all .3s}.pref-item .toggle:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s}.pref-item input:checked+.toggle{background:#6c5ce7}.pref-item input:checked+.toggle:after{transform:translate(20px)}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}.theme-options,.format-options{grid-template-columns:repeat(4,1fr);gap:8px}.theme-option,.format-option{padding:8px 4px}.theme-option .theme-preview{width:32px;height:32px}.format-option .format-icon{font-size:1.3rem}.theme-option .theme-name,.format-option .format-name{font-size:.6rem}}.timer-display{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;--session-color: #6C5CE7}.timer-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-particle{position:absolute;width:var(--size);height:var(--size);left:var(--x);top:var(--y);border-radius:50%;opacity:.15;animation:particleFloat var(--duration) ease-in-out infinite;animation-delay:var(--delay)}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.15}25%{transform:translate(50px,-80px) scale(1.2);opacity:.25}50%{transform:translate(-30px,-150px) scale(.8);opacity:.1}75%{transform:translate(80px,-50px) scale(1.1);opacity:.2}}.pulse-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.pulse-ring{position:absolute;border:3px solid;border-radius:50%;opacity:0;animation:pulseExpand 2s ease-out infinite}.ring-1{width:300px;height:300px;animation-delay:0s}.ring-2{width:300px;height:300px;animation-delay:.5s}.ring-3{width:300px;height:300px;animation-delay:1s}@keyframes pulseExpand{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}.timer-display.loading{align-items:center;justify-content:center}.loading-content{text-align:center}.loading-logo{width:80px;height:80px;margin:0 auto 24px;color:var(--session-color)}.loading-logo svg{width:100%;height:100%}.loading-content p{color:#ffffffb3;font-size:1.2rem}.timer-header{padding:32px 40px;text-align:center;position:relative;z-index:10}.session-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:12px;color:#fffffff2;font-weight:600;font-size:.85rem;letter-spacing:.5px;margin-bottom:12px;background:#ffffff26!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0003}.session-title{font-size:3rem;font-weight:800;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.3)}.timer-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:40px;position:relative;z-index:10}.timer-circle-wrapper{position:relative;width:min(420px,85vw);height:min(420px,85vw)}.timer-glow{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;border-radius:50%;transition:opacity .5s ease}.timer-svg{width:100%;height:100%;filter:drop-shadow(0 20px 50px rgba(0,0,0,.3))}.timer-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-digits{display:flex;align-items:baseline;justify-content:center}.digit-mins,.digit-secs{font-size:7rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 40px rgba(255,255,255,.3)}.digit-separator{font-size:6rem;font-weight:300;color:#fff9;margin:0 8px;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.timer-status{margin-top:16px;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:3px}.status-playing{color:#4ecdc4}.status-paused{color:#ffe66d}.status-done{color:#95e1d3}.timer-message{display:flex;align-items:center;gap:12px;padding:20px 32px;border-radius:16px;color:#fff;font-size:1.4rem;font-weight:600;max-width:600px;box-shadow:0 15px 40px #0000004d}.message-icon{font-size:1.5rem}.sessions-track{display:flex;justify-content:center;gap:16px;padding:24px;position:relative;z-index:10}.session-dot{width:20px;height:20px;border-radius:50%;background:var(--dot-color);opacity:.3;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.session-dot.active{opacity:1;width:28px;height:28px;box-shadow:0 0 20px var(--dot-color)}.session-dot.done{opacity:.8}.session-dot svg{width:14px;height:14px;color:#fff}.timer-footer{padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-code{color:#fff9;font-size:.95rem}.join-code strong{color:#fff;font-family:monospace;font-size:1.2rem;letter-spacing:2px}.insuffle-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.insuffle-link:hover{transform:scale(1.05)}.insuffle-link span{font-size:.75rem;color:#ffffff80}.insuffle-link strong{font-size:1.1rem;color:#fff;font-weight:700}.fullscreen-btn{width:48px;height:48px;border-radius:12px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.fullscreen-btn:hover{background:#fff3;transform:scale(1.1)}.fullscreen-btn svg{width:24px;height:24px}.transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.transition-content{text-align:center;padding:60px 80px;border-radius:32px;color:#fff;box-shadow:0 30px 60px #00000080}.transition-label{display:block;font-size:1rem;text-transform:uppercase;letter-spacing:3px;opacity:.8;margin-bottom:16px}.transition-content h2{font-size:3.5rem;font-weight:800;margin:0 0 16px}.transition-duration{font-size:2rem;font-weight:300;opacity:.9}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.countdown-number{font-size:20rem;font-weight:900;text-shadow:0 0 100px currentColor}.complete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;z-index:100;overflow:hidden}.complete-content{text-align:center;color:#fff;z-index:10}.complete-icon{font-size:8rem;margin-bottom:24px}.complete-content h2{font-size:4rem;font-weight:800;margin:0 0 16px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#ffe66d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.complete-content p{font-size:1.5rem;opacity:.8}.confetti{position:absolute;width:12px;height:12px;top:-20px;left:var(--x);border-radius:2px;animation:confettiFall 3s ease-out forwards;animation-delay:var(--delay);transform:rotate(var(--rotation))}@keyframes confettiFall{0%{top:-20px;opacity:1;transform:rotate(var(--rotation)) translate(0)}to{top:110vh;opacity:0;transform:rotate(calc(var(--rotation) + 720deg)) translate(100px)}}.timer-display.low-time .timer-digits{color:#ffe66d}.timer-display.critical .timer-digits{color:#ff6b6b;animation:criticalPulse .5s ease-in-out infinite}@keyframes criticalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.timer-header{padding:20px}.session-badge{font-size:.75rem;padding:6px 14px;border-radius:10px}.session-title{font-size:1.8rem}.timer-circle-wrapper{width:min(320px,90vw);height:min(320px,90vw)}.digit-mins,.digit-secs{font-size:4.5rem}.digit-separator{font-size:4rem}.timer-message{font-size:1.1rem;padding:16px 24px}.timer-footer{padding:16px 20px;flex-wrap:wrap;gap:12px;justify-content:center}.sessions-track{gap:10px}.session-dot{width:14px;height:14px}.session-dot.active{width:20px;height:20px}.countdown-number{font-size:12rem}.complete-icon{font-size:5rem}.complete-content h2{font-size:2.5rem}.transition-content{padding:40px}.transition-content h2{font-size:2rem}}.timer-display:fullscreen{background:linear-gradient(180deg,#0d0d1a,#1a1a2e,#16213e)}.timer-display:fullscreen .timer-circle-wrapper{width:min(500px,70vh);height:min(500px,70vh)}.timer-display:fullscreen .digit-mins,.timer-display:fullscreen .digit-secs{font-size:9rem}.timer-display:fullscreen .session-title{font-size:4rem}.timer-format-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto}.timer-arc-wrapper{position:relative;width:100%;max-width:500px;text-align:center}.arc-svg{width:100%;height:auto}.arc-center{position:absolute;bottom:40px;left:50%;transform:translate(-50%);text-align:center}.arc-time{font-size:5rem;font-weight:800;color:var(--theme-text, #fff);font-variant-numeric:tabular-nums}.arc-status{font-size:1.2rem;color:#fff9;margin-top:8px}.timer-bar-wrapper{width:100%;max-width:700px;padding:60px 40px;text-align:center}.bar-time{font-size:7rem;font-weight:800;color:var(--theme-text, #fff);margin-bottom:40px;font-variant-numeric:tabular-nums}.bar-container{position:relative;height:40px;background:#ffffff1a;border-radius:20px;overflow:hidden}.bar-progress{position:absolute;top:0;left:0;height:100%;border-radius:20px;transition:width .5s ease}.bar-markers{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.bar-marker{position:absolute;width:2px;height:100%;background:#fff3}.bar-info{display:flex;justify-content:space-between;margin-top:20px;color:#ffffffb3;font-size:1.1rem}.timer-digital-wrapper{text-align:center;padding:40px}.digital-display{display:flex;align-items:center;justify-content:center;gap:20px;background:#00000080;padding:40px 60px;border-radius:20px;border:2px solid rgba(255,255,255,.1)}.digital-segment{font-family:Orbitron,JetBrains Mono,monospace;font-size:8rem;font-weight:700;color:var(--glow-color, #6C5CE7);text-shadow:0 0 30px var(--glow-color),0 0 60px var(--glow-color);background:linear-gradient(180deg,var(--glow-color) 0%,rgba(255,255,255,.8) 50%,var(--glow-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:brightness(1.2)}.digital-colon{display:flex;flex-direction:column;gap:20px}.digital-colon span{width:16px;height:16px;background:var(--glow-color, #6C5CE7);border-radius:50%;box-shadow:0 0 20px var(--glow-color);animation:colonBlink 1s ease-in-out infinite}@keyframes colonBlink{0%,to{opacity:1}50%{opacity:.3}}.digital-status{margin-top:30px;font-size:1.5rem;font-weight:600;letter-spacing:4px;text-transform:uppercase}.timer-flip-wrapper{display:flex;align-items:center;justify-content:center;gap:12px}.flip-card{position:relative;width:100px;height:140px;perspective:1000px}.flip-top,.flip-bottom{position:absolute;width:100%;height:50%;background:linear-gradient(180deg,#2a2a4a,#1a1a3a);display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:700;color:var(--accent, #6C5CE7);overflow:hidden;border-radius:8px}.flip-top{top:0;border-bottom:2px solid rgba(0,0,0,.3);align-items:flex-end;padding-bottom:4px}.flip-bottom{bottom:0;border-top:2px solid rgba(0,0,0,.3);align-items:flex-start;padding-top:4px}.flip-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:.75rem;color:#ffffff80;letter-spacing:2px}.flip-separator{font-size:4rem;color:var(--accent, #6C5CE7);font-weight:700;margin:0 8px}.timer-minimal-wrapper{text-align:center;padding:80px 40px}.minimal-time{font-size:12rem;font-weight:200;letter-spacing:-8px;line-height:1;margin-bottom:20px}.minimal-session{font-size:2rem;color:#fffc;margin-bottom:12px}.minimal-status{font-size:1rem;color:#ffffff80;text-transform:uppercase;letter-spacing:3px}.timer-blocks-wrapper{text-align:center;padding:40px;width:100%;max-width:600px}.blocks-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-bottom:40px}.blocks-grid .block{aspect-ratio:1;border-radius:4px;transition:all .3s ease}.blocks-grid .block.active{box-shadow:0 0 10px currentColor}.blocks-time{font-size:5rem;font-weight:700;color:var(--theme-text, #fff);margin-bottom:12px}.blocks-status{font-size:2rem;color:#fff9}.timer-wave-wrapper{position:relative;width:100%;max-width:500px;height:400px}.wave-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:24px;background:#0000004d}.wave-svg{position:absolute;bottom:0;left:0;width:100%;height:100%}.wave-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.wave-time{font-size:5rem;font-weight:800;text-shadow:0 4px 20px rgba(0,0,0,.5)}.wave-status{font-size:1.2rem;color:#fffc;margin-top:8px;text-shadow:0 2px 10px rgba(0,0,0,.5)}@media (max-width: 768px){.arc-time{font-size:3.5rem}.bar-time{font-size:4rem}.bar-container{height:24px}.digital-display{padding:24px 32px;gap:12px}.digital-segment{font-size:4rem}.digital-colon span{width:10px;height:10px}.flip-card{width:60px;height:84px}.flip-top,.flip-bottom{font-size:3rem}.flip-separator{font-size:2.5rem}.minimal-time{font-size:6rem;letter-spacing:-4px}.minimal-session{font-size:1.5rem}.blocks-grid{grid-template-columns:repeat(10,1fr);gap:4px}.blocks-time,.wave-time{font-size:3.5rem}.timer-wave-wrapper{height:300px}.gauge-time{font-size:8rem}}.timer-gauge-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:100;background:#1a1a2e}.gauge-fill{position:absolute;bottom:0;left:0;right:0;width:100%;transition:background-color .3s ease;z-index:1}.gauge-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;width:100%;max-width:90vw}.gauge-session-name{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;color:#fffffff2;margin-bottom:20px;text-transform:uppercase;letter-spacing:4px;text-shadow:0 4px 20px rgba(0,0,0,.5)}.gauge-time{font-size:clamp(6rem,20vw,16rem);font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.05em;text-shadow:0 8px 40px rgba(0,0,0,.4);line-height:1}.gauge-status{font-size:clamp(1.2rem,3vw,2rem);color:#ffffffe6;font-weight:600;margin-top:20px;text-transform:uppercase;letter-spacing:6px}.gauge-progress-text{font-size:clamp(1rem,2vw,1.5rem);color:#ffffffb3;margin-top:15px;font-weight:500}.format-gauge .timer-header,.format-gauge .timer-bg,.format-gauge .sessions-track,.format-gauge .timer-footer{display:none}.format-gauge .timer-main{position:fixed;top:0;right:0;bottom:0;left:0;padding:0}@media (max-width: 768px){.gauge-content{padding:20px}.gauge-session-name{font-size:1.2rem;letter-spacing:2px;margin-bottom:15px}.gauge-time{font-size:5rem}.gauge-status{font-size:1rem;letter-spacing:3px;margin-top:15px}.gauge-progress-text{font-size:.9rem;margin-top:10px}}@media (max-width: 480px){.gauge-time{font-size:4rem}.gauge-session-name{font-size:1rem}.gauge-status{font-size:.9rem;letter-spacing:2px}}@media (max-height: 500px) and (orientation: landscape){.gauge-content{flex-direction:row;flex-wrap:wrap;gap:20px;padding:10px 40px}.gauge-session-name{width:100%;margin-bottom:0;font-size:1rem}.gauge-time{font-size:4rem}.gauge-status,.gauge-progress-text{font-size:.9rem;margin-top:0}}.qr-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;margin-left:12px;display:flex;align-items:center;justify-content:center}.qr-btn:hover{background:#fff3;transform:scale(1.05)}.qr-btn svg{width:20px;height:20px;color:#fffc}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.qr-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:24px;padding:40px;text-align:center;position:relative;max-width:400px;width:100%;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #00000080}.qr-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.qr-close:hover{background:#fff3;transform:scale(1.1)}.qr-modal h3{color:#fff;font-size:1.3rem;margin-bottom:24px;font-weight:600}.qr-code-container{background:#fff;border-radius:16px;padding:20px;display:inline-block;margin-bottom:20px}.qr-code-container img{display:block;width:250px;height:250px}.qr-code-text{color:#ffffffe6;font-size:1.2rem;margin-bottom:8px}.qr-code-text strong{color:var(--session-color, #6C5CE7);font-family:monospace;font-size:1.4rem}.qr-url{color:#ffffff80;font-size:.85rem;font-family:monospace;word-break:break-all}@media (max-width: 480px){.qr-modal{padding:24px;margin:16px}.qr-modal h3{font-size:1.1rem}.qr-code-container{padding:16px}.qr-code-container img{width:200px;height:200px}.qr-btn svg{width:18px;height:18px}}.remote-v2{min-height:100vh;background:linear-gradient(180deg,#0f0f1a,#1a1a2e,#16213e);display:flex;flex-direction:column;position:relative;overflow-x:hidden;color:#fff;--session-color: #6C5CE7}.remote-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.remote-orb{position:absolute;border-radius:50%;filter:blur(60px)}.remote-v2.loading{align-items:center;justify-content:center;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(108,92,231,.2);border-top-color:var(--session-color);border-radius:50%}.remote-v2.loading p{color:#ffffffb3;font-size:1rem}.action-feedback{position:fixed;top:70px;left:50%;transform:translate(-50%);padding:10px 20px;background:#1e1e32f2;color:#fff;border-radius:12px;font-weight:500;font-size:.9rem;z-index:1000;box-shadow:0 8px 25px #0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);white-space:nowrap;max-width:calc(100% - 40px);text-align:center}.action-feedback.error{background:#b43232f2;border-color:#ef44444d}.remote-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0f0f1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:100}.back-btn{width:44px;height:44px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffffb3;text-decoration:none;transition:all .2s}.back-btn:hover{background:#ffffff1a;color:#fff}.back-btn svg{width:22px;height:22px}.header-info{display:flex;flex-direction:column;align-items:center}.timer-name{font-weight:700;color:#fff;font-size:1.05rem}.timer-code{font-size:.8rem;color:#ffffff80;font-family:monospace}.settings-btn{width:44px;height:44px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;transition:all .2s}.settings-btn:hover{background:#ffffff1a;color:#fff}.settings-btn svg{width:22px;height:22px}.timer-card{margin:20px 16px;padding:28px 24px;border-radius:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;position:relative;z-index:10;overflow:hidden}.timer-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--session-color)10 0%,transparent 50%);pointer-events:none}.timer-card.low-time{border-color:#ffe66d40}.timer-card.critical{border-color:#ff6b6b60;animation:criticalPulse 1s ease-in-out infinite}@keyframes criticalPulse{0%,to{box-shadow:0 0 #ff6b6b00}50%{box-shadow:0 0 30px 5px #ff6b6b4d}}.timer-card-header{margin-bottom:20px}.timer-card-header .session-name{display:block;font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:4px}.timer-card-header .session-counter{font-size:.9rem;color:#ffffff80}.timer-circle-container{position:relative;width:180px;height:180px;margin:0 auto}.circular-progress{position:absolute;top:0;right:0;bottom:0;left:0}.timer-value-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-big{font-size:3rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 30px rgba(255,255,255,.2)}.timer-card.low-time .timer-big{color:#ffe66d}.timer-card.critical .timer-big{color:#ff6b6b}.timer-status{margin-top:8px;font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.timer-status.playing{color:#4ecdc4}.timer-status.paused{color:#ffffff80}.main-controls{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;position:relative;z-index:10}.control-btn{border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.control-btn .ripple{position:absolute;width:100px;height:100px;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%) scale(0);animation:rippleEffect .6s ease-out;pointer-events:none}@keyframes rippleEffect{to{transform:translate(-50%,-50%) scale(2);opacity:0}}.control-btn.secondary{width:60px;height:60px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}.control-btn.secondary:hover{background:#ffffff26}.control-btn.secondary svg{width:28px;height:28px}.control-btn.primary{width:88px;height:88px;background:var(--session-color);color:#fff;box-shadow:0 10px 40px #6c5ce766}.control-btn.primary:hover{box-shadow:0 15px 50px #6c5ce780}.control-btn.primary svg{width:42px;height:42px}.control-btn.primary.pause{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 40px #f59e0b66}.time-adjust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 16px 20px;position:relative;z-index:10}.time-adjust button{padding:14px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;font-weight:700;font-size:.9rem;color:#fff;cursor:pointer;transition:all .2s}.time-adjust button:hover{background:#ffffff1a;border-color:var(--session-color)}.time-adjust button:active{background:var(--session-color);transform:scale(.96)}.sessions-list{flex:1;padding:0 16px;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:10}.sessions-list h3{font-size:1rem;font-weight:700;color:#ffffffe6;margin-bottom:12px}.sessions-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:16px}.session-item{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:14px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.session-item:hover{background:#ffffff0f;border-color:#ffffff1a}.session-item.active{background:linear-gradient(135deg,rgba(108,92,231,.15) 0%,transparent 100%);border-color:var(--session-color)}.session-color{width:6px;height:44px;border-radius:3px;flex-shrink:0}.session-info{flex:1;min-width:0}.session-info .session-name{display:block;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-info .session-duration{font-size:.85rem;color:#ffffff80}.session-current-badge{padding:5px 12px;background:var(--session-color);color:#fff;border-radius:50px;font-size:.75rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.message-section{padding:20px 16px;margin:0 16px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;position:relative;z-index:10}.message-section h3{font-size:.95rem;font-weight:600;color:#ffffffe6;margin-bottom:14px}.message-input-row{display:flex;gap:10px}.message-input-row input{flex:1;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:.95rem;color:#fff}.message-input-row input::placeholder{color:#fff6}.message-input-row input:focus{outline:none;border-color:var(--session-color);box-shadow:0 0 20px #6c5ce733}.send-btn{width:52px;height:52px;background:var(--session-color);color:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.send-btn svg{width:22px;height:22px}.current-message{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 16px;background:#6c5ce726;border:1px solid rgba(108,92,231,.3);border-radius:12px;font-size:.9rem;color:#ffffffe6;overflow:hidden}.current-message span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-message button{background:none;border:none;font-size:1.4rem;color:#fff9;cursor:pointer;line-height:1;padding:0;margin-left:8px;flex-shrink:0}.current-message button:hover{color:#fff}.reset-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 16px 20px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;border-radius:14px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;position:relative;z-index:10}.reset-btn:hover{background:#ef444433;border-color:#ef444466}.reset-btn:active{background:#ef4444;color:#fff}.reset-btn svg{width:20px;height:20px}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200}.settings-panel{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:28px 28px 0 0;padding:16px 24px 32px;box-shadow:0 -20px 60px #0006;z-index:201;border-top:1px solid rgba(255,255,255,.1)}.settings-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 20px}.settings-panel h3{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:24px}.setting-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.setting-item>span:first-child{font-weight:600;color:#fff;font-size:1rem}.setting-item .setting-desc{width:100%;font-size:.85rem;color:#ffffff80;margin-top:4px;order:3}.setting-item input[type=checkbox]{display:none}.toggle{width:56px;height:30px;background:#ffffff26;border-radius:15px;position:relative;transition:background .2s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 6px #0000004d}.setting-item input:checked+.toggle{background:var(--session-color)}.setting-item input:checked+.toggle:after{transform:translate(26px)}.display-link{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.display-link span{display:block;font-weight:600;color:#fff;margin-bottom:10px}.display-link a{display:inline-flex;align-items:center;gap:8px;color:var(--session-color);font-weight:600;text-decoration:none;padding:10px 16px;background:#6c5ce71a;border-radius:10px;transition:all .2s}.display-link a:hover{background:#6c5ce733}.display-link a svg{width:18px;height:18px}.close-settings{width:100%;margin-top:24px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;font-weight:600;font-size:1rem;color:#fffc;cursor:pointer;transition:all .2s}.close-settings:hover{background:#ffffff1a;color:#fff}.remote-footer{padding:20px 16px;text-align:center;color:#fff6;font-size:.85rem;position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:6px}.remote-footer a{color:var(--session-color);text-decoration:none;font-weight:700}.remote-footer a:hover{text-decoration:underline}@media (min-width: 768px){.remote-v2{max-width:480px;margin:0 auto;box-shadow:0 0 60px #0000004d;min-height:100vh;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.timer-card{margin:24px;padding:32px}.timer-big{font-size:3.5rem}.timer-circle-container{width:200px;height:200px}}@media (max-width: 360px){.timer-big{font-size:2.5rem}.timer-circle-container{width:150px;height:150px}.control-btn.primary{width:76px;height:76px}.control-btn.secondary{width:52px;height:52px}}.sessions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sessions-header h3{margin:0}.add-session-btn{width:36px;height:36px;border-radius:10px;background:#6c5ce733;border:1px solid rgba(108,92,231,.3);color:var(--session-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.add-session-btn:hover{background:#6c5ce74d}.add-session-btn svg{width:20px;height:20px}.session-item{display:flex;align-items:center;gap:8px}.session-main{flex:1;display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:14px;cursor:pointer;transition:all .2s;text-align:left;color:#fff}.session-main:hover{background:#ffffff0f}.session-item.active .session-main{background:linear-gradient(135deg,rgba(108,92,231,.15) 0%,transparent 100%);border-color:var(--session-color)}.session-quick-actions{display:flex;flex-direction:column;gap:4px}.quick-action{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.quick-action svg{width:16px;height:16px}.quick-action.edit{background:#6c5ce733;color:#a78bfa}.quick-action.edit:hover{background:#6c5ce74d}.quick-action.delete{background:#ef444426;color:#f87171}.quick-action.delete:hover{background:#ef444440}.theme-selector-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 16px 16px;padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.theme-selector-btn:hover{background:#ffffff1a}.theme-preview-mini{width:24px;height:24px;border-radius:6px;border:2px solid rgba(255,255,255,.2)}.format-selector-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 16px 16px;padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.format-selector-btn:hover{background:#ffffff1a}.format-icon-mini{font-size:1.2rem}.format-preview{width:70px;height:70px;border-radius:12px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;position:relative}.format-preview .format-icon{font-size:2rem}.format-preview .check{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#6c5ce7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.theme-modal{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:24px 24px 0 0;padding:12px 24px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom));z-index:210;max-height:85vh;overflow-y:auto}.theme-modal:before{content:"";display:block;width:40px;height:4px;background:#ffffff4d;border-radius:2px;margin:0 auto 16px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h3{font-size:1.2rem;font-weight:700;color:#fff;margin:0}.themes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:8px 0}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:transparent;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.theme-option:hover{background:#ffffff0d}.theme-option.active{border-color:var(--session-color);background:#6c5ce71a}.theme-option .theme-preview{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;position:relative}.theme-option .theme-preview .check{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#6c5ce7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;box-shadow:0 2px 6px #0000004d}.theme-option .theme-name{font-size:.75rem;color:#ffffffb3;text-align:center}.session-editor-modal{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:28px 28px 0 0;padding:12px 24px 24px;padding-bottom:max(40px,env(safe-area-inset-bottom));z-index:210;max-height:85vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.session-editor-modal:before{content:"";display:block;width:40px;height:4px;background:#ffffff4d;border-radius:2px;margin:0 auto 16px}.editor-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#ffffffe6;font-size:.9rem}.form-group input[type=text],.form-group input[type=number]{padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;color:#fff}.form-group input::placeholder{color:#fff6}.form-group input:focus{outline:none;border-color:var(--session-color)}.duration-input{display:flex;align-items:center;gap:12px}.duration-input button{width:48px;height:48px;border-radius:12px;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;font-weight:300;cursor:pointer;transition:all .2s}.duration-input button:hover{background:#fff3}.duration-input input{flex:1;text-align:center;font-size:1.5rem;font-weight:700}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-selector button{padding:14px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .2s}.type-selector button.active{background:#6c5ce733;border-color:var(--session-color);color:#fff}.color-picker{display:flex;flex-wrap:wrap;gap:10px}.color-option{width:40px;height:40px;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#fff;box-shadow:0 0 20px #ffffff4d}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel,.btn-confirm{flex:1;padding:16px;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.btn-cancel:hover{background:#ffffff1a}.btn-confirm{background:linear-gradient(135deg,#6c5ce7,#a78bfa);border:none;color:#fff}.btn-confirm:hover{box-shadow:0 8px 25px #6c5ce766}.settings-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.settings-section h4{font-size:.95rem;font-weight:600;color:#fff9;margin-bottom:12px}@media (max-width: 480px){.remote-v2{padding-bottom:env(safe-area-inset-bottom,0);overflow-x:hidden}.remote-header{padding:10px 12px;position:sticky;top:0}.back-btn,.settings-btn{width:40px;height:40px;flex-shrink:0}.header-info{flex:1;overflow:hidden;padding:0 8px;min-width:0}.timer-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.timer-code{font-size:.7rem}.timer-card{margin:12px;padding:20px 16px;border-radius:20px}.timer-card-header{margin-bottom:12px}.timer-card-header .session-name{font-size:1.2rem}.timer-card-header .session-counter{font-size:.75rem}.timer-circle-container{width:auto;height:auto;margin:0}.circular-progress{display:none}.timer-value-overlay{position:relative;inset:auto}.timer-big{font-size:3.5rem}.timer-status{font-size:.7rem;margin-top:8px}.main-controls{padding:12px;gap:12px}.control-btn.primary{width:68px;height:68px}.control-btn.primary svg{width:28px;height:28px}.control-btn.secondary{width:48px;height:48px}.control-btn.secondary svg{width:20px;height:20px}.time-adjust{padding:0 12px 12px;gap:8px;grid-template-columns:repeat(2,1fr)}.time-adjust button{padding:10px 8px;font-size:.8rem;border-radius:10px}.sessions-list{margin:0 12px;padding:12px;max-height:none;overflow:visible}.sessions-header{margin-bottom:10px}.sessions-header h3{font-size:.85rem}.sessions-scroll{max-height:160px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;gap:6px}.session-item{gap:6px}.session-main{padding:10px 12px;border-radius:12px;gap:10px}.session-color{width:4px;height:36px}.session-info .session-name{font-size:.9rem}.session-info .session-duration{font-size:.75rem}.session-current-badge{padding:4px 8px;font-size:.65rem}.session-quick-actions{gap:2px}.quick-action{width:28px;height:28px;border-radius:6px}.quick-action svg{width:14px;height:14px}.message-section{margin:0 12px 12px;padding:14px 12px;border-radius:14px}.message-section h3{font-size:.85rem;margin-bottom:10px}.message-input-row{gap:8px}.message-input-row input{padding:12px 14px;font-size:.9rem;border-radius:10px}.send-btn{width:46px;height:46px;border-radius:10px}.send-btn svg{width:18px;height:18px}.current-message{margin-top:10px;padding:10px 12px;font-size:.8rem;border-radius:10px}.theme-selector-btn,.format-selector-btn{margin:0 12px 10px;padding:12px 16px;font-size:.9rem;border-radius:12px}.theme-preview-mini{width:20px;height:20px;border-radius:5px}.format-icon-mini{font-size:1rem}.reset-btn{margin:0 12px 16px;padding:14px;font-size:.9rem;border-radius:12px}.reset-btn svg{width:18px;height:18px}.settings-panel{padding:14px 16px 24px;border-radius:20px 20px 0 0;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-handle{width:36px;height:4px;margin:0 auto 16px}.settings-panel h3{font-size:1.1rem;margin-bottom:16px}.setting-item{padding:12px 0}.setting-item>span:first-child{font-size:.95rem}.setting-item .setting-desc{font-size:.8rem}.toggle{width:48px;height:26px}.toggle:after{width:20px;height:20px}.setting-item input:checked+.toggle:after{transform:translate(22px)}.display-link{padding:12px 0}.display-link span{font-size:.9rem;margin-bottom:8px}.display-link a{padding:10px 14px;font-size:.9rem}.close-settings{margin-top:16px;padding:14px;font-size:.95rem}.theme-modal{width:100%;max-width:100%;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:80vh;overflow-y:auto}.modal-header{margin-bottom:16px}.modal-header h3{font-size:1.1rem}.themes-grid{grid-template-columns:repeat(4,1fr);gap:10px}.close-btn{width:32px;height:32px;font-size:1.3rem}.theme-option{padding:6px;border-radius:10px}.theme-option .theme-preview,.format-preview{width:40px;height:40px;border-radius:8px}.format-preview .format-icon{font-size:1.3rem}.format-preview .check{width:14px;height:14px;font-size:.5rem}.theme-option .theme-name{font-size:.6rem}.session-editor-modal{padding:20px 16px 32px;padding-bottom:max(32px,env(safe-area-inset-bottom,0));border-radius:20px 20px 0 0;max-height:90vh}.session-editor-modal .modal-header{margin-bottom:16px}.session-editor-modal .modal-header h3{font-size:1.1rem}.editor-form{gap:16px}.form-group{gap:6px}.form-group label{font-size:.85rem}.form-group input[type=text],.form-group input[type=number]{padding:12px 14px;font-size:.95rem;border-radius:10px}.duration-input{gap:10px}.duration-input button{width:42px;height:42px;font-size:1.3rem;border-radius:10px}.duration-input input{font-size:1.3rem}.type-selector{gap:10px}.type-selector button{padding:12px;font-size:.9rem;border-radius:10px}.color-picker{gap:8px}.color-option{width:36px;height:36px;border-radius:8px}.modal-actions{gap:10px;margin-top:20px}.btn-cancel,.btn-confirm{padding:14px;font-size:.95rem;border-radius:12px}.remote-footer{padding:16px 12px;font-size:.8rem}.action-feedback{top:60px;padding:10px 20px;font-size:.85rem}}@media (max-width: 360px){.timer-big{font-size:2rem}.timer-circle-container{width:120px;height:120px}.control-btn.primary{width:64px;height:64px}.control-btn.primary svg{width:28px;height:28px}.control-btn.secondary{width:46px;height:46px}.control-btn.secondary svg{width:20px;height:20px}.sessions-scroll{max-height:140px}.session-main{padding:8px 10px}.timer-card{margin:10px;padding:16px 12px}.timer-card-header .session-name{font-size:1.1rem}}@media (max-width: 320px){.timer-circle-container{width:100px;height:100px}.timer-big{font-size:1.6rem}.control-btn.primary{width:56px;height:56px}.control-btn.secondary{width:40px;height:40px}.time-adjust{grid-template-columns:repeat(2,1fr)}}@media (max-height: 500px) and (orientation: landscape){.timer-card{margin:8px 12px;padding:12px}.timer-circle-container{width:100px;height:100px}.timer-big{font-size:1.5rem}.main-controls{padding:8px}.control-btn.primary{width:56px;height:56px}.control-btn.secondary{width:40px;height:40px}.sessions-list{max-height:100px}.message-section{padding:10px;margin:0 12px 8px}}.admin-panel{min-height:100vh;background:#f8fafc}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#64748b}.admin-loading .loader{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.admin-header{background:#fff;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.back-link{display:flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-weight:500}.back-link:hover{color:#667eea}.admin-header h1{font-size:1.5rem;font-weight:700;color:#1a1a2e}.admin-badge{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600}.admin-error{margin:24px 32px;padding:16px 20px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:32px}.stat-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center}.stat-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.stat-icon svg{width:32px;height:32px}.stat-card.users .stat-icon{background:#eff6ff;color:#3b82f6}.stat-card.timers .stat-icon{background:#f0fdf4;color:#22c55e}.stat-card.sessions .stat-icon{background:#fefce8;color:#eab308}.stat-card.active .stat-icon{background:#faf5ff;color:#a855f7}.stat-value{font-size:3rem;font-weight:800;color:#1a1a2e;line-height:1;margin-bottom:8px}.stat-label{color:#64748b;font-size:.9rem;font-weight:500}.users-section{padding:0 32px 32px}.users-section h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin-bottom:16px}.users-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:16px 20px;background:#f8fafc;color:#64748b;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.users-table td{padding:16px 20px;border-bottom:1px solid #e2e8f0;color:#334155}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:#f8fafc}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.timer-badge{padding:4px 10px;background:#f1f5f9;border-radius:20px;font-size:.85rem;font-weight:500;color:#64748b}.no-data{text-align:center;color:#94a3b8;padding:32px!important}.quick-actions{padding:0 32px 32px}.quick-actions h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin-bottom:16px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s}.action-card:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea08 0%,transparent 100%)}.action-card svg{width:32px;height:32px;color:#667eea}.action-card span{font-weight:600;color:#334155}.admin-footer{padding:24px;text-align:center;color:#94a3b8;font-size:.85rem}.admin-footer a{color:#667eea;text-decoration:none;font-weight:600}.admin-password-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.password-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px;text-align:center;max-width:400px;width:90%}.lock-icon{font-size:4rem;margin-bottom:24px}.password-card h1{color:#fff;font-size:2rem;margin-bottom:8px}.password-card p{color:#fff9;margin-bottom:32px}.password-form{display:flex;flex-direction:column;gap:16px}.password-form input{padding:16px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;text-align:center;letter-spacing:4px}.password-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.password-error{color:#ef4444;font-size:.9rem}.password-form button{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.password-form button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.back-to-dashboard{display:inline-block;margin-top:24px;color:#ffffff80;text-decoration:none;font-size:.9rem}.back-to-dashboard:hover{color:#fff}.admin-tabs{display:flex;gap:8px;padding:16px 32px;background:#fff;border-bottom:1px solid #e2e8f0;overflow-x:auto}.admin-tabs .tab{padding:10px 20px;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-tabs .tab:hover{background:#e2e8f0}.admin-tabs .tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.testimonials-section{padding:24px 32px}.section-header-admin{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header-admin h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0}.add-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.testimonials-list{display:flex;flex-direction:column;gap:16px}.testimonial-item{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 2px 8px #0000000f;transition:all .2s}.testimonial-item.hidden{opacity:.5;border-left:4px solid #94a3b8}.testimonial-item.visible{border-left:4px solid #22c55e}.testimonial-content{flex:1}.testimonial-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.testimonial-header strong{color:#1a1a2e}.testimonial-header .company{color:#64748b;font-size:.85rem}.testimonial-header .rating{font-size:.85rem}.testimonial-content p{color:#64748b;font-style:italic;margin:0}.testimonial-actions{display:flex;gap:8px}.testimonial-actions button{padding:8px 12px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.85rem}.testimonial-actions button:hover{background:#e2e8f0}.visibility-btn.visible{background:#dcfce7;color:#22c55e}.delete-btn:hover{background:#fef2f2;color:#ef4444}.brevo-section{padding:24px 32px}.brevo-section h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin-bottom:24px}.brevo-form{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.brevo-form .form-group{margin-bottom:20px}.brevo-form .form-group label{display:block;font-weight:600;color:#334155;margin-bottom:8px;font-size:.9rem}.brevo-form .form-group input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .2s}.brevo-form .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.toggle-group{display:flex;align-items:center;justify-content:space-between}.toggle-btn{padding:10px 20px;background:#f1f5f9;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.save-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.brevo-info{background:#f8fafc;border-radius:16px;padding:24px}.brevo-info h3{font-size:1rem;color:#1a1a2e;margin-bottom:16px}.brevo-info ol{margin:0;padding-left:20px;color:#64748b;line-height:1.8}.brevo-info a{color:#667eea}.blog-section{padding:24px 32px}.blog-list{display:flex;flex-direction:column;gap:16px}.blog-item{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 2px 8px #0000000f}.blog-item.draft{border-left:4px solid #eab308}.blog-item.published{border-left:4px solid #22c55e}.blog-content h3{font-size:1rem;color:#1a1a2e;margin:0 0 8px}.blog-meta{display:flex;align-items:center;gap:16px;font-size:.85rem}.blog-meta .slug{color:#667eea;font-family:monospace;background:#f1f5f9;padding:2px 8px;border-radius:4px}.blog-meta .date{color:#64748b}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.published{background:#dcfce7;color:#22c55e}.status-badge.draft{background:#fef9c3;color:#ca8a04}.blog-actions{display:flex;gap:8px}.blog-actions button{padding:8px 12px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.85rem}.blog-actions button:hover{background:#e2e8f0}.edit-btn:hover{background:#eff6ff;color:#3b82f6}.preview-btn:hover,.blog-actions a.preview-btn:hover{background:#f0fdf4;color:#22c55e}.blog-actions a.preview-btn{text-decoration:none;display:flex;align-items:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.blog-editor-modal{background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.blog-editor-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.blog-editor-modal .modal-header h3{font-size:1.25rem;color:#1a1a2e;margin:0}.blog-editor-modal .close-btn{width:36px;height:36px;background:#f1f5f9;border:none;border-radius:8px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b}.blog-editor-modal .close-btn:hover{background:#e2e8f0}.blog-editor-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.blog-editor-modal .form-group{margin-bottom:20px}.blog-editor-modal .form-group label{display:block;font-weight:600;color:#334155;margin-bottom:8px;font-size:.9rem}.blog-editor-modal .form-group input,.blog-editor-modal .form-group select{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .2s}.blog-editor-modal .form-group textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;font-family:monospace;resize:vertical;min-height:200px;transition:all .2s}.blog-editor-modal .form-group input:focus,.blog-editor-modal .form-group textarea:focus,.blog-editor-modal .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.blog-editor-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.blog-editor-modal .cancel-btn{padding:12px 24px;background:#f1f5f9;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.blog-editor-modal .cancel-btn:hover{background:#e2e8f0}.blog-editor-modal .save-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;width:auto}.blog-editor-modal .save-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.feedback-section{padding:24px 32px}.feedback-list{display:flex;flex-direction:column;gap:16px}.feedback-item{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 2px 8px #0000000f}.feedback-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.feedback-user{display:flex;align-items:center;gap:12px}.feedback-user .user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.feedback-user .user-info{display:flex;flex-direction:column}.feedback-user .user-info strong{color:#1a1a2e}.feedback-user .user-info span{font-size:.85rem;color:#64748b}.feedback-date{font-size:.85rem;color:#94a3b8}.feedback-content{margin-bottom:12px}.feedback-type{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:8px}.feedback-type.bug{background:#fef2f2;color:#ef4444}.feedback-type.feature{background:#eff6ff;color:#3b82f6}.feedback-type.suggestion{background:#f0fdf4;color:#22c55e}.feedback-content p{color:#64748b;margin:0;line-height:1.6}.feedback-actions{display:flex;justify-content:flex-end}.feedback-actions .delete-btn{padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.feedback-actions .delete-btn:hover{background:#fef2f2;color:#ef4444}.no-feedbacks{text-align:center;padding:48px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.no-feedbacks p{font-size:1.1rem;color:#64748b;margin-bottom:8px}.no-feedbacks span{font-size:.9rem;color:#94a3b8}@media (max-width: 768px){.admin-header{padding:12px 16px}.admin-header h1{font-size:1.25rem}.stats-grid{padding:16px;gap:16px}.stat-card{padding:20px}.stat-value{font-size:2.5rem}.users-section,.quick-actions{padding:0 16px 24px}.users-table th,.users-table td{padding:12px}.user-avatar{display:none}}.marketplace-page{min-height:100vh;background:linear-gradient(180deg,#0f0f1a,#1a1a2e);color:#fff}.marketplace-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0f0f1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:16px}.back-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0d;color:#ffffffb3;transition:all .2s}.back-link:hover{background:#ffffff1a;color:#fff}.marketplace-header .logo{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700}.header-right .dashboard-link,.header-right .auth-link{padding:10px 20px;border-radius:10px;font-weight:600;text-decoration:none;transition:all .2s}.dashboard-link{background:#6c5ce733;color:#a78bfa}.dashboard-link:hover{background:#6c5ce74d}.auth-link{background:linear-gradient(135deg,#6c5ce7,#a78bfa);color:#fff}.auth-link:hover{box-shadow:0 4px 20px #6c5ce766}.marketplace-hero{padding:60px 24px;text-align:center;background:radial-gradient(ellipse at top,rgba(108,92,231,.15) 0%,transparent 70%)}.hero-content h1{font-size:3rem;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.2rem;color:#fff9;max-width:500px;margin:0 auto}.marketplace-tabs{display:flex;justify-content:center;gap:8px;padding:0 24px 24px;flex-wrap:wrap}.tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.tab:hover{background:#ffffff1a;color:#fff}.tab.active{background:linear-gradient(135deg,#6c5ce7,#a78bfa);border-color:transparent;color:#fff}.tab-icon{font-size:1.1rem}.marketplace-content{padding:0 24px 60px;max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:2rem;font-weight:700;margin-bottom:8px}.section-header p{color:#ffffff80}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.template-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;cursor:pointer;transition:all .3s}.template-card:hover{background:#ffffff0f;border-color:#6c5ce74d}.template-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.template-icon{width:48px;height:48px;border-radius:12px;background:#6c5ce733;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.template-header h3{font-size:1.2rem;font-weight:700}.template-sessions{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.mini-session{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border-left:3px solid;font-size:.9rem}.session-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mini-session .session-name{flex:1;color:#ffffffe6}.mini-session .session-time{color:#ffffff80;font-size:.85rem}.more-sessions{text-align:center;padding:8px;color:#fff6;font-size:.85rem}.template-meta{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);color:#ffffff80;font-size:.85rem}.template-actions{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.template-actions .btn{width:100%}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.theme-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:all .3s}.theme-card:hover{border-color:#6c5ce74d}.theme-card.selected{border-color:#10b981;box-shadow:0 0 30px #10b98133}.theme-preview{height:180px;display:flex;align-items:center;justify-content:center;position:relative}.preview-timer{position:relative;width:100px;height:100px}.preview-circle{width:100%;height:100%}.preview-time{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.theme-info{padding:20px}.theme-info h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.theme-info p{font-size:.9rem;color:#ffffff80;margin-bottom:12px}.theme-colors{display:flex;gap:8px;margin-bottom:12px}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.theme-effects{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.effect-tag{padding:4px 10px;background:#ffffff0d;border-radius:20px;font-size:.75rem;color:#fff9}.theme-card .btn{width:calc(100% - 40px);margin:0 20px 20px}.plugin-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:32px}.category-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .2s}.category-btn:hover{background:#ffffff1a}.category-btn.active{background:#6c5ce733;border-color:#6c5ce766;color:#fff}.plugins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.plugin-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .2s}.plugin-card:hover{background:#ffffff0d}.plugin-card.installed{background:#10b9810d;border-color:#10b98133}.plugin-card.premium{background:linear-gradient(135deg,#f59e0b0d,#6c5ce70d);border-color:#f59e0b33}.plugin-icon{width:50px;height:50px;border-radius:12px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.plugin-info{flex:1;min-width:0}.plugin-info h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;margin-bottom:4px}.premium-badge{padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;font-size:.65rem;font-weight:700}.plugin-info p{font-size:.85rem;color:#ffffff80;line-height:1.4}.plugin-toggle{padding:8px 16px;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.plugin-toggle:hover:not(:disabled){background:#ffffff26;color:#fff}.plugin-toggle.active{background:#10b98133;color:#34d399}.plugin-toggle:disabled{opacity:.5;cursor:not-allowed}.import-export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.ie-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;text-align:center}.ie-icon{font-size:3rem;margin-bottom:16px}.ie-card h3{font-size:1.3rem;font-weight:700;margin-bottom:8px}.ie-card>p{color:#ffffff80;margin-bottom:24px;line-height:1.5}.ie-card .btn{margin-bottom:16px}.ie-format{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:#fff6}.ie-format code{padding:4px 10px;background:#ffffff1a;border-radius:6px;font-family:monospace}.ie-info{padding:16px;background:#6c5ce71a;border-radius:12px}.ie-info p{font-size:.85rem;color:#fff9;margin:0}.community-templates{text-align:left;margin-bottom:20px}.community-item{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border-radius:12px;margin-bottom:10px}.community-item .item-icon{font-size:1.5rem}.community-item .item-info{flex:1}.community-item .item-info strong{display:block;font-size:.95rem;margin-bottom:2px}.community-item .item-info span{font-size:.8rem;color:#fff6}.btn-small{padding:6px 14px;background:#6c5ce733;border:none;border-radius:6px;color:#a78bfa;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-small:hover{background:#6c5ce74d}.see-more{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#6c5ce7,#a78bfa);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #6c5ce766;transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff4d}.btn-success{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.preview-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.preview-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h2{font-size:1.3rem;font-weight:700}.close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{background:#fff3}.modal-body{padding:24px;overflow-y:auto;flex:1}.import-info{text-align:center;margin-bottom:24px}.import-info h3{font-size:1.5rem;font-weight:700;margin-bottom:4px}.import-info p{color:#ffffff80}.import-sessions{display:flex;flex-direction:column;gap:10px}.import-session-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border-radius:10px}.import-session-item .session-color{width:6px;height:32px;border-radius:3px}.import-session-item .session-name{flex:1;font-weight:500}.import-session-item .session-duration{color:#ffffff80;font-size:.9rem}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.05)}.modal-footer .btn{flex:1}.marketplace-footer{padding:24px;text-align:center;border-top:1px solid rgba(255,255,255,.05);color:#fff6}.marketplace-footer a{color:#a78bfa;text-decoration:none;font-weight:600}.marketplace-footer a:hover{text-decoration:underline}@media (max-width: 768px){.marketplace-hero{padding:40px 20px}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.marketplace-tabs{padding:0 16px 20px;gap:6px}.tab{padding:10px 16px;font-size:.85rem}.tab-icon{display:none}.marketplace-content{padding:0 16px 40px}.section-header h2{font-size:1.5rem}.templates-grid,.themes-grid,.plugins-grid,.import-export-grid{grid-template-columns:1fr}.plugin-categories{justify-content:flex-start;overflow-x:auto;padding-bottom:10px;flex-wrap:nowrap}.category-btn{flex-shrink:0}.plugin-card{flex-wrap:wrap}.plugin-toggle{width:100%;margin-top:8px}.marketplace-header .logo span:not(.logo-icon){display:none}}@media (max-width: 480px){.marketplace-header{padding:12px 16px}.template-card,.theme-card,.ie-card{padding:20px}.template-header h3,.theme-info h3,.ie-card h3{font-size:1.1rem}.preview-modal{border-radius:20px 20px 0 0;max-height:90vh;position:fixed;bottom:0;left:0;right:0}}.embed-page{min-height:100vh;background:linear-gradient(180deg,#0a0a1a,#1a1a3e,#0f0f2a);color:#fff}.embed-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1rem}.back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:10px;color:#fff;transition:all .3s ease}.back-link:hover{background:#6c5ce74d;transform:translate(-3px)}.back-link svg{width:20px;height:20px}.embed-header .logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600}.logo-icon{font-size:1.5rem}.header-right{display:flex;align-items:center;gap:1rem}.dashboard-link{padding:.5rem 1.25rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:8px;color:#fff;font-weight:500;transition:all .3s ease}.dashboard-link:hover{transform:translateY(-2px);box-shadow:0 5px 20px #6c5ce766}.embed-hero{padding:4rem 2rem;text-align:center;background:radial-gradient(ellipse at center top,rgba(108,92,231,.15) 0%,transparent 60%)}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.25rem;color:#ffffffb3;max-width:600px;margin:0 auto}.generator-section{padding:2rem;max-width:1400px;margin:0 auto}.generator-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.preview-panel,.config-panel{background:#ffffff0d;border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.preview-panel h2,.config-panel h2{font-size:1.5rem;margin-bottom:1.5rem;color:#fff}.preview-frame{margin:0 auto}.preview-mockup{background:#1a1a2e;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006}.mockup-header{display:flex;align-items:center;padding:.75rem 1rem;background:#0000004d;gap:1rem}.traffic-lights{display:flex;gap:6px}.traffic-lights span{width:12px;height:12px;border-radius:50%}.traffic-lights span:nth-child(1){background:#ff5f57}.traffic-lights span:nth-child(2){background:#ffbd2e}.traffic-lights span:nth-child(3){background:#28ca41}.url-bar{flex:1;padding:.5rem 1rem;background:#ffffff1a;border-radius:6px;font-size:.75rem;color:#fff9;font-family:monospace}.mockup-content{padding:3rem;display:flex;justify-content:center;align-items:center;min-height:300px;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460)}.timer-placeholder{position:relative;width:200px;height:200px}.timer-circle{width:100%;height:100%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.timer-text .time{display:block;font-size:2.5rem;font-weight:700;color:#fff}.timer-text .label{display:block;font-size:.875rem;color:#fff9;margin-top:.25rem}.config-group{margin-bottom:1.5rem}.config-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#ffffffe6}.config-group input[type=text]{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;font-family:monospace;text-transform:uppercase;letter-spacing:4px;text-align:center}.config-group input[type=text]:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce733}.hint{display:block;font-size:.75rem;color:#ffffff80;margin-top:.5rem}.size-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.size-btn{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .3s ease}.size-btn:hover{background:#ffffff26}.size-btn.active{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-color:transparent}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-label input{display:none}.toggle{position:relative;width:50px;height:26px;background:#fff3;border-radius:13px;transition:all .3s ease}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease}.toggle-label input:checked+.toggle{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.toggle-label input:checked+.toggle:after{transform:translate(24px)}.code-section{margin-top:2rem}.code-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.code-tab{padding:.5rem 1rem;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:all .3s ease}.code-tab:hover{background:#ffffff26}.code-tab.active{background:#6c5ce7;color:#fff}.code-block{position:relative;background:#0d0d1a;border-radius:12px;overflow:hidden}.code-block pre{padding:1.5rem;margin:0;overflow-x:auto}.code-block code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:#a29bfe;line-height:1.6;white-space:pre}.copy-btn{position:absolute;top:.75rem;right:.75rem;padding:.5rem 1rem;background:#6c5ce7cc;border:none;border-radius:6px;color:#fff;font-size:.75rem;cursor:pointer;transition:all .3s ease}.copy-btn:hover{background:#6c5ce7}.usecases-section{padding:4rem 2rem;background:#0003}.usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.usecase-card{background:#ffffff0d;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.usecase-card:hover{background:#ffffff14;transform:translateY(-5px);border-color:#6c5ce74d}.usecase-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.usecase-card h3{font-size:1.25rem;margin-bottom:.75rem}.usecase-card p{color:#fff9;font-size:.9rem;line-height:1.6}.examples-section{padding:4rem 2rem}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.example-card{background:#ffffff0d;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.example-preview{padding:2rem;background:linear-gradient(180deg,#1a1a2e,#0f3460);display:flex;justify-content:center;align-items:center}.mini-timer{width:100px;height:100px}.mini-timer svg{width:100%;height:100%}.example-info{padding:1.5rem}.example-info h3{font-size:1.1rem;margin-bottom:.5rem}.example-info p{color:#fff9;font-size:.875rem;margin-bottom:.75rem}.example-usecase{display:inline-block;padding:.25rem .75rem;background:#6c5ce733;border-radius:20px;font-size:.75rem;color:#a29bfe}.example-btn{width:100%;padding:1rem;background:transparent;border:none;border-top:1px solid rgba(255,255,255,.1);color:#6c5ce7;font-weight:500;cursor:pointer;transition:all .3s ease}.example-btn:hover{background:#6c5ce71a}.api-section{padding:4rem 2rem;background:#0003}.api-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.api-card{background:#ffffff0d;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.api-card h3{font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.api-list{display:flex;flex-direction:column;gap:1rem}.api-item{display:flex;flex-direction:column;gap:.25rem}.api-item code{font-family:JetBrains Mono,monospace;color:#6c5ce7;font-size:.9rem}.api-item span{color:#ffffff80;font-size:.8rem}.cta-section{padding:4rem 2rem}.cta-content{max-width:600px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#6c5ce733,#a29bfe1a);border-radius:24px;padding:3rem;border:1px solid rgba(108,92,231,.3)}.cta-content h2{font-size:2rem;margin-bottom:1rem}.cta-content p{color:#ffffffb3;margin-bottom:2rem}.btn-primary{padding:.875rem 2rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:10px;color:#fff;font-weight:600;transition:all .3s ease}.btn-secondary{padding:.875rem 2rem;background:#ffffff1a;border-radius:10px;color:#fff;font-weight:500;transition:all .3s ease}.embed-footer{padding:2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.embed-footer p{color:#ffffff80;font-size:.875rem}.embed-footer a{color:#6c5ce7}@media (max-width: 1024px){.generator-grid{grid-template-columns:1fr}.usecases-grid,.examples-grid,.api-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.embed-header{padding:1rem}.embed-header .logo span:last-child{display:none}.embed-hero{padding:2rem 1rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.generator-section{padding:1rem}.preview-panel,.config-panel{padding:1.5rem}.size-options{grid-template-columns:1fr}.code-tabs{flex-wrap:wrap}.usecases-grid,.examples-grid,.api-grid{grid-template-columns:1fr}.section-header h2{font-size:1.75rem}.cta-content{padding:2rem 1.5rem}.cta-buttons{flex-direction:column}}@media (max-width: 480px){.embed-header{flex-direction:column;gap:1rem}.hero-content h1{font-size:1.5rem}.code-block pre{padding:1rem}.code-block code{font-size:.7rem}}.release-notes-page{min-height:100vh;background:linear-gradient(180deg,#0a0a1a,#1a1a3e,#0f0f2a);color:#fff}.rn-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.rn-header .header-left{display:flex;align-items:center;gap:1rem}.rn-header .back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:10px;color:#fff;transition:all .3s ease}.rn-header .back-link:hover{background:#6c5ce74d}.rn-header .back-link svg{width:20px;height:20px}.rn-header .logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600}.rn-header .logo-icon{font-size:1.5rem}.rn-header .dashboard-link{padding:.5rem 1.25rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:8px;color:#fff;font-weight:500;transition:all .3s ease}.rn-header .dashboard-link:hover{transform:translateY(-2px);box-shadow:0 5px 20px #6c5ce766}.rn-hero{padding:4rem 2rem;text-align:center;background:radial-gradient(ellipse at center top,rgba(108,92,231,.15) 0%,transparent 60%)}.rn-hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rn-hero p{font-size:1.25rem;color:#ffffffb3;margin-bottom:2rem}.current-version{display:flex;align-items:center;justify-content:center;gap:1rem}.version-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:20px;font-weight:600}.version-badge.major{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.version-badge.feature{background:linear-gradient(135deg,#00b894,#00cec9)}.version-badge.initial{background:linear-gradient(135deg,#667eea,#764ba2)}.version-date{color:#fff9}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;margin-bottom:.75rem}.section-header p{color:#fff9;font-size:1.1rem}.roadmap-section{padding:4rem 2rem;background:#0003}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.roadmap-card{background:#ffffff0d;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.roadmap-card:hover{transform:translateY(-5px);border-color:#6c5ce74d}.roadmap-card.in-progress{border-left:4px solid #f59e0b}.roadmap-card.planned{border-left:4px solid #6C5CE7}.roadmap-status{font-size:.8rem;margin-bottom:.75rem;color:#ffffffb3}.roadmap-card h3{font-size:1.1rem;margin-bottom:.5rem}.roadmap-card p{color:#fff9;font-size:.9rem;margin:0}.releases-section{padding:4rem 2rem}.releases-timeline{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.release-card{background:#ffffff0d;border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1);position:relative}.release-card.major{border-left:4px solid #6C5CE7}.release-card.feature{border-left:4px solid #00B894}.release-card.initial{border-left:4px solid #667eea}.release-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.release-version{display:flex;align-items:center;gap:1rem}.release-type{font-size:.85rem;color:#fff9}.release-date{color:#ffffff80;font-size:.9rem}.release-card h3{font-size:1.5rem;margin-bottom:1.5rem}.release-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:1rem;background:#ffffff08;border-radius:12px}.feature-icon{font-size:1.5rem;flex-shrink:0}.feature-info{display:flex;flex-direction:column;gap:4px}.feature-info strong{font-size:.95rem}.feature-info span{font-size:.85rem;color:#fff9}.release-improvements{background:#ffffff08;border-radius:12px;padding:1rem 1.5rem}.release-improvements h4{font-size:.9rem;color:#ffffffb3;margin-bottom:.75rem}.release-improvements ul{margin:0;padding-left:1.5rem}.release-improvements li{color:#fff9;font-size:.9rem;margin-bottom:.25rem}.rn-cta{padding:4rem 2rem;background:#0003}.rn-cta .cta-content{max-width:600px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#6c5ce733,#a29bfe1a);border-radius:24px;padding:3rem;border:1px solid rgba(108,92,231,.3)}.rn-cta h2{font-size:2rem;margin-bottom:1rem}.rn-cta p{color:#ffffffb3;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem}.btn-primary{padding:.875rem 2rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:10px;color:#fff;font-weight:600;transition:all .3s ease;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6c5ce766}.btn-secondary{padding:.875rem 2rem;background:#ffffff1a;border-radius:10px;color:#fff;font-weight:500;transition:all .3s ease;text-decoration:none}.btn-secondary:hover{background:#ffffff26}.rn-footer{padding:2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.rn-footer p{color:#ffffff80;font-size:.875rem}.rn-footer a{color:#6c5ce7}@media (max-width: 768px){.rn-header{padding:1rem}.rn-header .logo span:last-child{display:none}.rn-hero{padding:2rem 1rem}.rn-hero h1{font-size:2rem}.section-header h2{font-size:1.75rem}.roadmap-section,.releases-section,.rn-cta{padding:2rem 1rem}.release-card{padding:1.5rem}.release-header{flex-direction:column;align-items:flex-start;gap:.5rem}.release-features{grid-template-columns:1fr}.cta-buttons{flex-direction:column}}.quiz-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff}.quiz-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.quiz-header .header-left{display:flex;align-items:center;gap:1rem}.quiz-header .back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:10px;color:#fff;transition:all .3s ease}.quiz-header .back-link:hover{background:#6c5ce74d}.quiz-header .back-link svg{width:20px;height:20px}.quiz-header h1{font-size:1.5rem;font-weight:600}.quiz-code{padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;font-family:monospace;font-size:1.1rem;letter-spacing:2px}.facilitator-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;font-weight:600;font-size:.9rem}.join-screen{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.join-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;text-align:center;max-width:400px;width:100%}.join-card h2{font-size:2rem;margin-bottom:2rem}.join-card input{width:100%;padding:1rem;margin-bottom:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;text-align:center}.join-card input:focus{outline:none;border-color:#6c5ce7}.join-card button{width:100%;padding:1rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.join-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #6c5ce766}.join-card button:disabled{opacity:.5;cursor:not-allowed}.lobby-screen{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.lobby-content{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;max-width:600px;width:100%}.lobby-info h2{font-size:2rem;margin-bottom:.5rem}.lobby-info>p{color:#fff9;margin-bottom:2rem}.share-section{margin-bottom:2rem;padding:1.5rem;background:#ffffff0d;border-radius:16px}.share-section h3{font-size:1rem;margin-bottom:1rem}.share-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.share-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.share-btn.whatsapp{background:#25d366;color:#fff}.share-btn.sms{background:#007aff;color:#fff}.participants-list{margin-bottom:2rem}.participants-list h3{font-size:1rem;margin-bottom:1rem}.participant-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:10px;margin-bottom:.5rem}.participant-item .avatar{width:36px;height:36px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.lobby-actions{display:flex;flex-direction:column;gap:1rem}.facilitator-toggle{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:12px;cursor:pointer}.facilitator-toggle input{width:20px;height:20px;accent-color:#6C5CE7}.start-btn{padding:1.25rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:14px;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #6c5ce766}.playing-screen{min-height:calc(100vh - 80px);padding:1.5rem}.game-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;max-width:1400px;margin:0 auto}.question-area{background:#ffffff0d;border-radius:24px;padding:2rem}.question-display{text-align:center}.question-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.question-number{color:#fff9;font-size:.9rem}.question-type-badge{padding:.5rem 1rem;background:#6c5ce733;border-radius:20px;font-size:.85rem}.timer-badge{padding:.5rem 1rem;background:#ffffff1a;border-radius:20px;font-weight:700;font-size:1.1rem}.timer-badge.critical{background:#ef44444d;color:#ef4444;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.question-text{font-size:2rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.points-badge{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;font-weight:700;margin-bottom:2rem}.options-grid{display:grid;gap:1rem;max-width:800px;margin:0 auto}.options-grid.type-multiple{grid-template-columns:repeat(2,1fr)}.options-grid.type-truefalse{grid-template-columns:repeat(2,1fr);max-width:500px}.option-btn{position:relative;display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff1a;border:2px solid transparent;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s;overflow:hidden;text-align:left}.option-btn.color-0{border-color:#ef4444;background:#ef44441a}.option-btn.color-1{border-color:#3b82f6;background:#3b82f61a}.option-btn.color-2{border-color:#f59e0b;background:#f59e0b1a}.option-btn.color-3,.option-btn.true{border-color:#22c55e;background:#22c55e1a}.option-btn.false{border-color:#ef4444;background:#ef44441a}.option-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.option-btn.selected{border-width:3px;box-shadow:0 0 20px #fff3}.option-btn.correct{background:#22c55e4d!important;border-color:#22c55e!important}.option-btn.wrong{background:#ef44444d!important;border-color:#ef4444!important}.option-btn:disabled{cursor:default}.option-letter{width:36px;height:36px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.option-icon{font-size:2rem}.option-text{flex:1}.result-bar{position:absolute;bottom:0;left:0;height:4px;background:#ffffff80;transition:width .5s ease}.percentage{font-weight:700;margin-left:auto}.rating-options{display:flex;justify-content:center;gap:1rem}.star-btn{font-size:3rem;background:none;border:none;cursor:pointer;opacity:.3;transition:all .2s}.star-btn.active,.star-btn:hover{opacity:1;transform:scale(1.2)}.open-answer{width:100%;min-height:120px;padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;resize:vertical}.open-answer:focus{outline:none;border-color:#6c5ce7}.next-btn{margin-top:2rem;padding:1rem 2rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.next-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6c5ce766}.game-sidebar{display:flex;flex-direction:column;gap:1rem}.live-reactions{background:#ffffff0d;border-radius:16px;padding:1rem}.reactions-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;min-height:40px}.reaction-bubble{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#ffffff1a;border-radius:20px}.reaction-bubble .emoji{font-size:1.2rem}.reaction-bubble .count{font-size:.8rem;font-weight:600}.reactions-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.reaction-btn{width:36px;height:36px;background:#ffffff1a;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .2s}.reaction-btn:hover{background:#fff3}.leaderboard{background:#ffffff0d;border-radius:16px;padding:1rem}.leaderboard h3{font-size:1rem;margin-bottom:1rem}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:10px}.leaderboard-item.rank-1{background:linear-gradient(135deg,#ffd70033,#ffd7000d)}.leaderboard-item.rank-2{background:linear-gradient(135deg,#c0c0c033,#c0c0c00d)}.leaderboard-item.rank-3{background:linear-gradient(135deg,#cd7f3233,#cd7f320d)}.leaderboard-item .rank{width:32px;text-align:center}.leaderboard-item .name{flex:1}.leaderboard-item .score{font-weight:700;color:#a29bfe}.facilitator-panel{background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:16px;padding:1rem}.facilitator-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.facilitator-header h3{font-size:.9rem;margin:0}.participant-count{font-size:.8rem;color:#fff9}.facilitator-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.stat-box{text-align:center;padding:.5rem;background:#0003;border-radius:8px}.stat-box .stat-value{display:block;font-size:1.25rem;font-weight:700}.stat-box .stat-label{font-size:.7rem;color:#fff9}.facilitator-actions{display:flex;gap:.5rem;margin-bottom:1rem}.ctrl-btn{flex:1;padding:.5rem;background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:.8rem;cursor:pointer;transition:all .2s}.ctrl-btn:hover:not(:disabled){background:#fff3}.ctrl-btn:disabled{opacity:.5;cursor:not-allowed}.ctrl-btn.primary{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.end-quiz-btn{width:100%;padding:.75rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-weight:600;cursor:pointer;transition:all .2s}.end-quiz-btn:hover{background:#ef44444d}.results-screen{min-height:calc(100vh - 80px);padding:2rem}.results-content{max-width:800px;margin:0 auto}.results-content h2{text-align:center;font-size:2.5rem;margin-bottom:2rem}.final-score{text-align:center;padding:2rem;background:linear-gradient(135deg,#6c5ce733,#6c5ce70d);border-radius:24px;margin-bottom:2rem}.final-score .score-label{display:block;color:#fff9;margin-bottom:.5rem}.final-score .score-value{font-size:5rem;font-weight:800;background:linear-gradient(135deg,#6c5ce7,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-score .score-max{font-size:1.5rem;color:#ffffff80}.results-screen .leaderboard{margin-bottom:2rem}.results-screen .leaderboard.full .leaderboard-list{max-height:none}.results-stats{background:#ffffff0d;border-radius:16px;padding:1.5rem;margin-bottom:2rem}.results-stats h3{margin-bottom:1rem}.question-stat{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.question-stat:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.question-stat .q-number{display:inline-block;padding:.25rem .5rem;background:#6c5ce74d;border-radius:4px;font-size:.8rem;font-weight:700;margin-right:.5rem}.question-stat .q-text{color:#fffc;margin-bottom:.75rem;display:block}.answer-bars{display:flex;flex-direction:column;gap:.5rem}.answer-bar-row{display:flex;align-items:center;gap:.75rem}.answer-bar-row .opt-label{width:100px;font-size:.85rem;color:#ffffffb3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.answer-bar-row .bar-bg{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.answer-bar-row .bar-fill{height:100%;background:#ffffff80;border-radius:4px;transition:width .5s ease}.answer-bar-row .bar-fill.correct{background:#22c55e}.answer-bar-row .opt-count{width:30px;text-align:right;font-size:.85rem;color:#fff9}.export-options{background:#ffffff0d;border-radius:16px;padding:1.5rem;margin-bottom:2rem;text-align:center}.export-options h3{margin-bottom:1rem}.export-buttons{display:flex;justify-content:center;gap:1rem}.export-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.export-btn.csv{background:#22c55e;color:#fff}.export-btn.json{background:#3b82f6;color:#fff}.export-btn:hover{transform:translateY(-2px)}.results-actions{display:flex;justify-content:center;gap:1rem}.replay-btn,.home-btn{padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none}.replay-btn{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;color:#fff}.home-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.replay-btn:hover,.home-btn:hover{transform:translateY(-2px)}@media (max-width: 1024px){.game-layout{grid-template-columns:1fr}.game-sidebar{flex-direction:row;flex-wrap:wrap}.game-sidebar>*{flex:1;min-width:200px}}@media (max-width: 768px){.quiz-header{padding:1rem}.quiz-header h1{font-size:1.2rem}.playing-screen{padding:1rem}.question-area{padding:1.5rem}.question-text{font-size:1.5rem}.options-grid.type-multiple{grid-template-columns:1fr}.option-btn{padding:1rem;font-size:1rem}.results-content h2{font-size:2rem}.final-score .score-value{font-size:3.5rem}.share-buttons{flex-direction:column}}.blog-page{min-height:100vh;background:linear-gradient(180deg,#0a0a1a,#1a1a3e,#0f0f2a);color:#fff}.blog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.blog-header .header-left{display:flex;align-items:center;gap:1rem}.blog-header .back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:10px;color:#fff;border:none;cursor:pointer;transition:all .3s ease}.blog-header .back-link:hover{background:#6c5ce74d}.blog-header .back-link svg{width:20px;height:20px}.blog-header .logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;text-decoration:none;color:#fff}.blog-header .logo-icon{font-size:1.5rem}.blog-header .header-nav{display:flex;align-items:center;gap:1rem}.blog-header .nav-link{padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease}.blog-header .nav-link:hover{background:#6c5ce74d}.blog-hero{padding:4rem 2rem;text-align:center;background:radial-gradient(ellipse at center top,rgba(108,92,231,.15) 0%,transparent 60%)}.blog-hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero p{font-size:1.25rem;color:#ffffffb3}.blog-filters{padding:1.5rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;max-width:1200px;margin:0 auto}.search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.1);flex:1;max-width:400px}.search-box svg{width:20px;height:20px;opacity:.6}.search-box input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem}.search-box input::placeholder{color:#ffffff80}.search-box input:focus{outline:none}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .3s ease}.category-btn:hover,.category-btn.active{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-color:transparent;color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.blog-card{background:#ffffff0d;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.blog-card:hover{transform:translateY(-5px);border-color:#6c5ce74d;box-shadow:0 20px 40px #6c5ce733}.blog-card .card-image{height:200px;background-size:cover;background-position:center;position:relative}.blog-card .category-badge{position:absolute;top:1rem;left:1rem;padding:.4rem .8rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:20px;font-size:.75rem;font-weight:600}.blog-card .card-content{padding:1.5rem}.blog-card h2{font-size:1.25rem;margin-bottom:.75rem;line-height:1.4}.blog-card p{color:#fff9;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.blog-card .card-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:#ffffff80}.no-posts{grid-column:1 / -1;text-align:center;padding:3rem}.no-posts p{font-size:1.25rem;margin-bottom:1rem;color:#fff9}.no-posts button{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.no-posts button:hover{background:#6c5ce74d}.blog-newsletter{padding:4rem 2rem}.newsletter-card{max-width:600px;margin:0 auto;text-align:center;padding:3rem;background:linear-gradient(135deg,#6c5ce733,#a29bfe1a);border-radius:24px;border:1px solid rgba(108,92,231,.3)}.newsletter-card h2{font-size:2rem;margin-bottom:.75rem}.newsletter-card p{color:#ffffffb3;margin-bottom:1.5rem}.newsletter-form{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.newsletter-form input{padding:.875rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;min-width:250px}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form input:focus{outline:none;border-color:#6c5ce7}.newsletter-form button{padding:.875rem 2rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6c5ce766}.blog-article{max-width:900px;margin:0 auto}.article-hero{height:400px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end}.article-hero-overlay{width:100%;padding:3rem;background:linear-gradient(transparent,#000000e6)}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.article-meta .category-badge{padding:.4rem .8rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:20px;font-size:.8rem;font-weight:600}.article-meta .read-time{color:#fff9;font-size:.9rem}.article-hero h1{font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.article-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:40px;height:40px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.author-name{font-weight:600}.article-date{color:#fff9}.article-date:before{content:"•";margin-right:.5rem}.article-content{padding:3rem 2rem;line-height:1.8;font-size:1.1rem}.article-content h1{font-size:2rem;margin:2rem 0 1rem}.article-content h2{font-size:1.5rem;margin:2rem 0 1rem;color:#a29bfe}.article-content h3{font-size:1.25rem;margin:1.5rem 0 .75rem}.article-content p{margin-bottom:1rem;color:#ffffffd9}.article-content li{margin-left:1.5rem;margin-bottom:.5rem;color:#ffffffd9}.article-content strong{color:#fff}.article-footer{padding:3rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.share-article{margin-bottom:3rem}.share-article h4{margin-bottom:1rem;font-size:1rem;color:#ffffffb3}.share-buttons{display:flex;gap:.75rem}.share-btn{padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.9rem;border:none}.share-btn.linkedin{background:#0077b5;color:#fff}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.copy{background:#ffffff1a;color:#fff}.share-btn:hover{transform:translateY(-2px)}.related-cta{text-align:center;padding:2rem;background:linear-gradient(135deg,#6c5ce733,#a29bfe1a);border-radius:16px}.related-cta h3{font-size:1.5rem;margin-bottom:.5rem}.related-cta p{color:#ffffffb3;margin-bottom:1.5rem}.related-cta .cta-btn{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:10px;color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease}.related-cta .cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6c5ce766}.blog-footer{padding:2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.blog-footer .footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.blog-footer .footer-links a{color:#fff9;text-decoration:none;transition:color .3s ease}.blog-footer .footer-links a:hover{color:#a29bfe}.blog-footer p{color:#ffffff80;font-size:.875rem}.blog-footer a{color:#6c5ce7}@media (max-width: 768px){.blog-header{padding:1rem}.blog-header .logo span:last-child{display:none}.blog-hero{padding:2rem 1rem}.blog-hero h1{font-size:2rem}.blog-filters{flex-direction:column;padding:1rem}.search-box{max-width:100%;width:100%}.blog-grid{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.article-hero{height:300px}.article-hero h1{font-size:1.75rem}.article-hero-overlay,.article-content{padding:2rem 1rem}.newsletter-form{flex-direction:column}.newsletter-form input{min-width:100%}}.create-salon-modern{min-height:100vh;background:var(--brand-dark);padding:2rem 1rem;color:var(--text-white)}.create-header-modern{max-width:800px;margin:0 auto 3rem;text-align:center}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--brand-card);border:1px solid rgba(59,130,246,.2);color:var(--text-white);font-weight:600;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-base);box-shadow:0 4px 12px #1f3a8b33;margin-bottom:2rem}.btn-back:hover{background:#1f3a8b33;transform:translateY(-2px);box-shadow:0 8px 24px #1f3a8b4d;border-color:var(--brand-primary)}.create-content-modern{max-width:800px;margin:0 auto}.create-title-section{text-align:center;margin-bottom:3rem;padding:0 20px}.create-title-section h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;background:linear-gradient(135deg,var(--brand-primary-light) 0%,var(--brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.create-title-section p{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto;animation:fadeIn .8s ease-out .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-card-modern{background:var(--brand-card);border-radius:var(--radius-3xl);padding:3rem 2.5rem;box-shadow:0 20px 60px #1f3a8b33;border:2px solid rgba(59,130,246,.2);animation:fadeInUp .8s ease-out;transition:all .3s ease}.create-card-modern:hover{box-shadow:0 25px 80px #1f3a8b4d;transform:translateY(-5px);border-color:var(--brand-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.form-section-modern{margin-bottom:2.5rem}.form-section-modern label{display:block;margin-bottom:.75rem;font-weight:700;font-size:1.125rem;color:var(--text-white)}.form-section-modern .input{font-size:1.125rem;padding:1rem 1.5rem;border-width:2px;color:var(--text-white);background:#1f3a8b1a;border-color:#3b82f64d}.form-section-modern .input:focus{transform:translateY(-2px);box-shadow:0 8px 20px #1f3a8b4d;border-color:var(--brand-primary);background:#1f3a8b26}.section-header-create{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-100)}.section-header-create h2{font-size:1.75rem;font-weight:800;color:var(--text-white);margin:0}.section-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.template-buttons{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.template-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-xl);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow)}.template-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.add-session-card{padding:2rem;margin-bottom:2rem;background:#1f3a8b1a;border:3px dashed var(--brand-primary);border-radius:var(--radius-2xl);animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:var(--primary)}50%{border-color:var(--primary-300)}}.add-session-card h3{font-size:1.5rem;font-weight:800;color:var(--text-white);margin-bottom:1.5rem}.add-session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.add-session-grid label{display:block;font-weight:600;color:var(--text-white);margin-bottom:.5rem;font-size:.9375rem}.add-session-grid input,.add-session-grid select{width:100%;padding:.875rem 1rem;border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);font-size:1rem;transition:all var(--transition-base);background:#1f3a8b1a;color:var(--text-white)}.add-session-grid input:focus,.add-session-grid select:focus{outline:none;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #14b8a626}.color-picker-fun{display:flex;gap:.75rem;flex-wrap:wrap}.color-bubble{width:50px;height:50px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all var(--transition-base);box-shadow:var(--shadow);position:relative}.color-bubble:hover{transform:scale(1.15);box-shadow:var(--shadow-lg)}.color-bubble.selected{border-color:var(--gray-900);transform:scale(1.2);box-shadow:0 0 0 4px #14b8a633}.color-bubble.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:900;font-size:1.25rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.sessions-list-sortable{display:flex;flex-direction:column;gap:1rem}.session-item-modern{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#1f3a8b1a;border:2px solid rgba(59,130,246,.2);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:move;position:relative;overflow:hidden}.session-item-modern:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary);transform:scaleY(0);transition:transform .3s ease}.session-item-modern:hover{border-color:var(--primary-200);box-shadow:0 8px 24px #14b8a626;transform:translate(8px);background:linear-gradient(135deg,#14b8a605,#06b6d405)}.session-item-modern:hover:before{transform:scaleY(1)}.session-item-modern.dragging{opacity:.5;transform:scale(1.05);box-shadow:var(--shadow-xl)}.session-drag-handle{color:var(--text-muted);cursor:grab;transition:color var(--transition-base);flex-shrink:0}.session-drag-handle:hover{color:var(--brand-primary-light)}.session-drag-handle:active{cursor:grabbing}.session-color-indicator{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 3px #0000001a;flex-shrink:0;transition:all .3s ease;position:relative}.session-color-indicator:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid currentColor;opacity:0;transform:scale(.8);transition:all .3s ease}.session-item-modern:hover .session-color-indicator{transform:scale(1.2);box-shadow:0 0 0 4px #00000026}.session-item-modern:hover .session-color-indicator:after{opacity:.3;transform:scale(1.5)}.session-info-modern{flex:1;min-width:0}.session-name-modern{width:100%;border:none;background:transparent;font-size:1.125rem;font-weight:700;color:var(--text-white);padding:.25rem 0;transition:all var(--transition-base)}.session-name-modern:focus{outline:none;background:#1f3a8b33;padding:.25rem .75rem;border-radius:var(--radius-md)}.session-name-modern::placeholder{color:var(--text-muted);opacity:.6}.session-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:#3b82f633;color:var(--brand-primary-light)}.badge-pause{background:#64748b33;color:var(--text-muted)}.session-duration-modern{display:flex;align-items:center;gap:.5rem;background:#1f3a8b26;padding:.5rem 1rem;border-radius:var(--radius-lg);flex-shrink:0;color:var(--text-white)}.session-duration-modern input{width:60px;border:none;background:transparent;font-size:1.125rem;font-weight:700;color:var(--text-white);text-align:center}.session-duration-modern input:focus{outline:none;background:#1f3a8b4d;border-radius:var(--radius-md)}.session-duration-modern span{font-weight:600;color:var(--text-muted);font-size:.875rem}.session-remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ef44441a;border:none;border-radius:50%;color:#ef4444b3;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.session-remove-btn:hover{background:var(--danger);color:#fff;transform:scale(1.1) rotate(90deg)}.empty-state-fun{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-2xl);margin:2rem 0}.empty-state-fun .emoji{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.empty-state-fun h3{font-size:1.5rem;font-weight:800;color:var(--brand-dark);margin-bottom:.5rem}.empty-state-fun p{font-size:1rem;color:#0f172ab3}.action-buttons-modern{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:2rem}.modal-content-fun{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-3xl);padding:0;max-width:600px;width:100%;position:relative;box-shadow:0 30px 80px #0006;animation:scaleIn .4s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}.modal-content-fun:before,.modal-content-fun:after{content:"";position:absolute;top:0;bottom:0;width:20px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px);z-index:1}.modal-content-fun:before{left:0;background-image:radial-gradient(circle at 0 50%,transparent 8px,rgba(255,255,255,.05) 8px);background-size:20px 40px;background-position:0 0}.modal-content-fun:after{right:0;background-image:radial-gradient(circle at 20px 50%,transparent 8px,rgba(255,255,255,.05) 8px);background-size:20px 40px;background-position:0 0}.modal-content-fun>div{position:relative;z-index:2;padding:3rem 3rem 2rem}.success-check-modern{width:80px;height:80px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:3px solid rgba(255,255,255,.5);animation:bounce .6s ease}.success-check-modern svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.success-modal-modern{background:var(--brand-card);border-radius:var(--radius-3xl);padding:3rem 2.5rem;box-shadow:0 20px 60px #1f3a8b4d;border:2px solid rgba(59,130,246,.2);max-width:800px;margin:0 auto}.success-icon-modern{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;animation:bounce .6s ease}.success-modal-modern h1{font-size:2rem;font-weight:900;color:var(--text-white);margin-bottom:.5rem;text-align:center}.modal-content-fun h1{font-size:2rem;font-weight:900;color:#fff;margin-bottom:.5rem;text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.3)}.success-subtitle{font-size:1.125rem;color:#ffffffe6;margin-bottom:2rem;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.2)}.salon-urls{background:var(--brand-card);border-radius:var(--radius-2xl);padding:2.5rem;margin:0 -1rem 2rem;box-shadow:0 10px 40px #1f3a8b66;border:1px solid rgba(59,130,246,.2);position:relative}.salon-urls:before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:2px;background-image:repeating-linear-gradient(to right,var(--gray-300) 0,var(--gray-300) 8px,transparent 8px,transparent 16px)}.url-block{margin-bottom:2rem}.url-block:last-child{margin-bottom:0}.url-block label{display:block;font-size:.875rem;font-weight:700;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.code-display-modern{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);padding:2rem;border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f3a8b66}.code-display-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.1;pointer-events:none}.code-display-modern:after{content:"ADMIT ONE";position:absolute;top:.5rem;left:50%;transform:translate(-50%);font-size:.625rem;font-weight:900;letter-spacing:3px;color:#fff6}.code-display-modern{font-size:5rem;font-weight:900;font-family:monospace;color:#fff;letter-spacing:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);position:relative;padding-top:3rem;line-height:1}.url-display-modern{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#1f3a8b1a;border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);font-family:monospace;font-size:.875rem;color:var(--text-white);transition:all var(--transition-base)}.url-display-modern:hover{border-color:var(--brand-primary);background:#1f3a8b33}.url-display-modern span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy{background:var(--brand-card);border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:1.25rem;color:var(--text-white);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.btn-copy:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.url-block:has(img)>div{background:#fff;border:3px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:0 4px 12px #00000014}.success-actions-modern{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.success-actions-modern .btn{width:100%;padding:1.25rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #00000026;text-transform:uppercase;letter-spacing:.5px}.success-actions-modern .btn-primary{background:var(--brand-accent);color:var(--brand-dark);font-weight:800}.success-actions-modern .btn-primary:hover{background:#ffe770;transform:translateY(-2px);box-shadow:0 8px 24px #ffde5966}.success-actions-modern .btn-secondary{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3)}.success-actions-modern .btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}@media (max-width: 768px){.modal-content-fun>div{padding:2rem 1.5rem 1.5rem}.salon-urls{padding:2rem 1.5rem;margin:0 -.5rem 1.5rem}.code-display-modern{font-size:3.5rem;letter-spacing:.5rem;padding:1.5rem 1rem 1rem}.success-actions-modern{grid-template-columns:1fr}.url-display-modern{font-size:.75rem}}@media (max-width: 768px){.create-card-modern{padding:2rem 1.5rem}.section-header-create{flex-direction:column;align-items:flex-start;gap:1rem}.add-session-grid{grid-template-columns:1fr}.session-item-modern{flex-wrap:wrap;gap:.75rem}.session-duration-modern{order:-1;margin-left:auto}.action-buttons-modern{flex-direction:column}.action-buttons-modern .btn{width:100%}}.salon-display-premium{min-height:100vh;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.display-header-minimal{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);text-align:center;z-index:1000;display:inline-flex;flex-direction:column;align-items:center;gap:.5rem}.session-progress-bar{align-self:stretch;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--brand-primary);transition:width .5s cubic-bezier(.4,0,.2,1)}.session-indicator{font-size:1.125rem;font-weight:700;text-align:center;padding:.625rem 1.25rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;letter-spacing:.02em;white-space:nowrap}.timer-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;flex:1;width:100%;padding:6rem 2rem 4rem;z-index:1}.display-footer-minimal{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:1000;opacity:.7;transition:opacity .3s ease}.display-footer-minimal:hover{opacity:1}.footer-info-minimal{display:flex;align-items:center;gap:.75rem;font-size:.75rem;padding:.5rem 1rem;border-radius:20px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-code-display{position:fixed;bottom:1rem;right:1rem;z-index:999;transition:transform .3s ease}.qr-code-display:hover{transform:scale(1.05)}.insuffle-credit{position:fixed;bottom:1rem;left:1rem;font-size:.75rem;color:#ffffff80;z-index:999;font-weight:600;letter-spacing:.5px;transition:color .3s ease;pointer-events:auto;cursor:default}.btn-icon-minimal{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px 8px;opacity:.7;transition:opacity .2s}.btn-icon-minimal:hover{opacity:1}.salon-display-premium[data-theme=gradient]{background:var(--brand-dark);color:#fff;position:relative}.salon-display-premium[data-theme=gradient]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3b82f633,#8b5cf633,#ec489933);opacity:1;z-index:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.salon-display-premium[data-theme=gradient]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);opacity:.15;clip-path:inset(calc((100 - var(--progress, 100)) * 1%) 0 0 0);transition:clip-path .5s cubic-bezier(.4,0,.2,1);z-index:0}.salon-display-premium[data-theme=gradient] .session-indicator{color:#fff}.salon-display-premium[data-theme=gradient] .digital-time-display{font-size:clamp(6rem,18vw,12rem);font-weight:900;color:#fff;letter-spacing:-8px;font-variant-numeric:tabular-nums;text-shadow:0 4px 40px rgba(59,130,246,.4);position:relative;z-index:2}.salon-display-premium[data-theme=gradient] .session-name-display{display:flex;align-items:center;gap:1rem;z-index:2}.salon-display-premium[data-theme=gradient] .session-name-display h2{font-size:2rem;font-weight:700;color:#fff;margin:0}.salon-display-premium[data-theme=gradient] .session-badge{padding:.75rem 1.25rem;border-radius:12px;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.salon-display-premium[data-theme=gradient] .mode-indicator{font-size:1rem;color:#ffffffb3;font-weight:600;text-transform:uppercase;letter-spacing:2px;z-index:2}.salon-display-premium[data-theme=gradient] .footer-info-minimal,.salon-display-premium[data-theme=gradient] .btn-icon-minimal{color:#fff}.salon-display-premium[data-theme=gradient].is-paused .digital-time-display{animation:blink-pause 1.5s ease-in-out infinite}@keyframes blink-pause{0%,to{opacity:1}50%{opacity:.5}}.salon-display-premium[data-theme=applat]{background:var(--brand-dark);color:#fff}.salon-display-premium[data-theme=applat] .session-indicator{color:var(--brand-accent);background:#3b82f614}.salon-display-premium[data-theme=applat] .timer-container-lux{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;gap:3rem}.salon-display-premium[data-theme=applat] .timer-bezel,.salon-display-premium[data-theme=applat] .timer-marks,.salon-display-premium[data-theme=applat] .timer-numbers,.salon-display-premium[data-theme=applat] .glass-overlay,.salon-display-premium[data-theme=applat] .center-knob,.salon-display-premium[data-theme=applat] .color-wedge{display:none}.salon-display-premium[data-theme=applat] .timer-face{width:100%;height:auto;background:transparent;transform:none;border-radius:0;display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative}.salon-display-premium[data-theme=applat] .timer-face:before{content:"";position:relative;width:100%;height:8px;background:#ffffff14;border-radius:4px;box-shadow:inset 0 2px 4px #0003}.salon-display-premium[data-theme=applat] .timer-face:after{content:"";position:absolute;left:0;bottom:0;width:calc(var(--progress, 100) * 1%);height:8px;background:var(--brand-accent);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #ffde5966}.salon-display-premium[data-theme=applat] .digital-time-display{font-size:clamp(5rem,15vw,9rem);font-weight:900;color:var(--brand-accent);letter-spacing:-6px;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(255,222,89,.3);order:-1}.salon-display-premium[data-theme=applat] .session-name-display{display:flex;align-items:center;gap:1rem;margin-top:2rem}.salon-display-premium[data-theme=applat] .session-name-display h2{font-size:2rem;font-weight:700;color:#fff;margin:0}.salon-display-premium[data-theme=applat] .session-badge{padding:.75rem 1.25rem;border-radius:12px;font-size:1.5rem;background:#ffffff14}.salon-display-premium[data-theme=applat] .mode-indicator{font-size:.9375rem;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.salon-display-premium[data-theme=applat] .footer-info-minimal,.salon-display-premium[data-theme=applat] .btn-icon-minimal{color:#fff9}.salon-display-premium[data-theme=applat].is-paused .digital-time-display{animation:blink-pause 1.5s ease-in-out infinite}.salon-display-premium[data-theme=luxe]{background:#0f0f11;background-image:radial-gradient(circle at 50% 0%,#1a1a1d,#0f0f11 70%);color:#fff}.salon-display-premium[data-theme=luxe] .session-indicator{color:#fff}.salon-display-premium[data-theme=luxe] .timer-container-lux{position:relative;width:min(400px,85vw);height:min(400px,85vw);border-radius:50%;background:linear-gradient(145deg,#1e1e20,#0f0f11);box-shadow:0 20px 50px #0009,0 0 0 8px #1e1e23cc,inset 0 2px 4px #ffffff0d;padding:16px}.salon-display-premium[data-theme=luxe] .timer-bezel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#a0a0a0,#d0d0d0 60deg,#a0a0a0 180deg,#d0d0d0 240deg,#a0a0a0 360deg);-webkit-mask-image:radial-gradient(transparent 62%,black 63%);mask-image:radial-gradient(transparent 62%,#000 63%);z-index:2;pointer-events:none}.salon-display-premium[data-theme=luxe] .timer-face{width:100%;height:100%;border-radius:50%;position:relative;background:radial-gradient(circle at center,#f5f5f5,#e0e0e0);box-shadow:inset 0 4px 12px #00000026;overflow:hidden;transform:rotate(-90deg)}.salon-display-premium[data-theme=luxe] .timer-marks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.m%7Bstroke:%23666;stroke-width:0.6%7D.h%7Bstroke-width:1.2%7D%3C/style%3E%3Cg transform='translate(50,50)'%3E%3Cpath class='m h' d='M0-46v4'/%3E%3Cpath class='m h' d='M0-46v4' transform='rotate(90)'/%3E%3Cpath class='m h' d='M0-46v4' transform='rotate(180)'/%3E%3Cpath class='m h' d='M0-46v4' transform='rotate(270)'/%3E%3C/g%3E%3C/svg%3E");opacity:.5}.salon-display-premium[data-theme=luxe] .timer-numbers{position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:7;font-weight:700;color:#333;font-size:1.1rem}.num{position:absolute;text-align:center;width:30px;height:20px;margin:-10px -15px}.n0{top:0%;left:50%;transform:translate(-50%,50%) rotate(90deg);font-weight:900}.n15{top:50%;left:100%;transform:translate(-150%,-50%) rotate(90deg)}.n30{top:100%;left:50%;transform:translate(-50%,-150%) rotate(90deg)}.n45{top:50%;left:0%;transform:translate(50%,-50%) rotate(90deg)}.salon-display-premium[data-theme=luxe] .color-wedge{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:radial-gradient(circle,var(--session-color, #3b82f6) 40%,color-mix(in srgb,var(--session-color, #3b82f6) 80%,black) 100%);-webkit-mask-image:conic-gradient(black calc(var(--progress, 100) * 3.6deg),transparent calc(var(--progress, 100) * 3.6deg));mask-image:conic-gradient(black calc(var(--progress, 100) * 3.6deg),transparent calc(var(--progress, 100) * 3.6deg));transition:all .5s cubic-bezier(.4,0,.2,1);z-index:5}.salon-display-premium[data-theme=luxe] .glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:10;background:linear-gradient(135deg,#fff3,#fff0 40%);pointer-events:none}.salon-display-premium[data-theme=luxe] .center-knob{position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%);z-index:12;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d0d0d0,#909090);box-shadow:0 3px 6px #0000004d}.salon-display-premium[data-theme=luxe] .digital-time-display{font-size:clamp(3.5rem,10vw,5rem);font-weight:800;color:#fff;letter-spacing:-3px;font-variant-numeric:tabular-nums;text-shadow:0 2px 20px rgba(255,255,255,.2)}.salon-display-premium[data-theme=luxe] .session-name-display{display:flex;align-items:center;gap:1rem}.salon-display-premium[data-theme=luxe] .session-name-display h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.salon-display-premium[data-theme=luxe] .session-badge{padding:.5rem 1rem;border-radius:10px;font-size:1.25rem;box-shadow:0 4px 12px #0003}.salon-display-premium[data-theme=luxe] .mode-indicator{font-size:.9375rem;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:1px}.salon-display-premium[data-theme=luxe] .footer-info-minimal{color:#fff9}.salon-display-premium[data-theme=luxe] .btn-icon-minimal{color:#ffffffb3}.salon-display-premium[data-theme=luxe].is-paused .digital-time-display{animation:blink-pause 1.5s ease-in-out infinite}.salon-display-premium[data-theme=neon]{background:#08080b;color:#00d9ff}.salon-display-premium[data-theme=neon] .session-indicator{color:#00d9ff;background:#00d9ff14;border:1px solid rgba(0,217,255,.3);text-shadow:0 0 8px rgba(0,217,255,.6)}.salon-display-premium[data-theme=neon] .timer-container-lux{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:3rem}.salon-display-premium[data-theme=neon] .timer-bezel,.salon-display-premium[data-theme=neon] .timer-marks,.salon-display-premium[data-theme=neon] .timer-numbers,.salon-display-premium[data-theme=neon] .glass-overlay,.salon-display-premium[data-theme=neon] .center-knob,.salon-display-premium[data-theme=neon] .color-wedge{display:none}.salon-display-premium[data-theme=neon] .timer-face{width:100%;height:auto;background:transparent;transform:none;border-radius:0;display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative}.salon-display-premium[data-theme=neon] .timer-face:before{content:"";position:relative;width:100%;height:12px;background:#00d9ff14;border:1px solid rgba(0,217,255,.3);box-shadow:0 0 10px #00d9ff33}.salon-display-premium[data-theme=neon] .timer-face:after{content:"";position:absolute;left:0;bottom:0;width:calc(var(--progress, 100) * 1%);height:12px;background:#00d9ff;box-shadow:0 0 15px #00d9ffcc,0 0 30px #00d9ff66;transition:width .5s cubic-bezier(.4,0,.2,1)}.salon-display-premium[data-theme=neon] .digital-time-display{font-size:clamp(5rem,16vw,10rem);font-weight:900;color:#00d9ff;letter-spacing:-8px;font-variant-numeric:tabular-nums;font-family:Courier New,monospace;text-shadow:0 0 10px #00d9ff,0 0 20px #00d9ff,0 0 40px rgba(0,217,255,.5);order:-1}.salon-display-premium[data-theme=neon] .session-name-display{display:flex;align-items:center;gap:1rem;margin-top:2rem}.salon-display-premium[data-theme=neon] .session-name-display h2{font-size:2rem;font-weight:700;color:#00d9ff;margin:0;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,217,255,.6)}.salon-display-premium[data-theme=neon] .session-badge{padding:.75rem 1.25rem;border-radius:0;font-size:1.5rem;border:1px solid currentColor;background:#00d9ff14;box-shadow:0 0 10px #00d9ff4d}.salon-display-premium[data-theme=neon] .mode-indicator{font-size:.9375rem;color:#00d9ffcc;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 8px rgba(0,217,255,.4)}.salon-display-premium[data-theme=neon] .footer-info-minimal{color:#00d9ff;border:1px solid rgba(0,217,255,.3);background:#00000080;box-shadow:0 0 10px #00d9ff33}.salon-display-premium[data-theme=neon] .btn-icon-minimal{color:#00d9ff}.salon-display-premium[data-theme=neon].is-paused .digital-time-display{animation:blink-pause 1.5s ease-in-out infinite}.salon-display-premium[data-theme=aurora]{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff}.salon-display-premium[data-theme=aurora] .session-indicator{color:#fff;background:#ffffff1f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);text-shadow:0 2px 8px rgba(0,0,0,.2)}.salon-display-premium[data-theme=aurora] .timer-container-lux{position:relative;width:min(450px,85vw);height:min(450px,85vw);border-radius:50%;display:flex;align-items:center;justify-content:center}.salon-display-premium[data-theme=aurora] .timer-bezel,.salon-display-premium[data-theme=aurora] .timer-marks,.salon-display-premium[data-theme=aurora] .timer-numbers,.salon-display-premium[data-theme=aurora] .center-knob{display:none}.salon-display-premium[data-theme=aurora] .timer-face{width:100%;height:100%;border-radius:50%;background:transparent;transform:none;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.salon-display-premium[data-theme=aurora] .color-wedge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(240,147,251,.6) 0deg,rgba(251,191,36,.6) calc(var(--progress, 100) * 3.6deg * .33),rgba(236,72,153,.6) calc(var(--progress, 100) * 3.6deg * .66),rgba(102,126,234,.6) calc(var(--progress, 100) * 3.6deg),transparent calc(var(--progress, 100) * 3.6deg));transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1;filter:blur(2px)}.salon-display-premium[data-theme=aurora] .glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff26,#fff0 50%);pointer-events:none;z-index:10}.salon-display-premium[data-theme=aurora] .digital-time-display{font-size:clamp(5rem,14vw,8rem);font-weight:900;background:linear-gradient(135deg,#fff,#fbbf24,#ec4899 80%,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-6px;font-variant-numeric:tabular-nums;filter:drop-shadow(0 0 20px rgba(255,255,255,.4)) drop-shadow(0 0 40px rgba(236,72,153,.3));z-index:11;position:relative}.salon-display-premium[data-theme=aurora] .session-name-display{display:flex;align-items:center;gap:1rem;margin-top:2rem}.salon-display-premium[data-theme=aurora] .session-name-display h2{font-size:2rem;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 15px rgba(0,0,0,.2)}.salon-display-premium[data-theme=aurora] .session-badge{padding:.75rem 1.25rem;border-radius:20px;font-size:1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000026}.salon-display-premium[data-theme=aurora] .mode-indicator{font-size:1rem;color:#ffffffe6;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.salon-display-premium[data-theme=aurora] .footer-info-minimal{color:#fff;background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #00000026}.salon-display-premium[data-theme=aurora] .btn-icon-minimal{color:#fff}.salon-display-premium[data-theme=aurora].is-paused .digital-time-display{animation:blink-pause 1.5s ease-in-out infinite}.message-banner{position:fixed;top:6rem;left:50%;transform:translate(-50%);z-index:2000;background:linear-gradient(135deg,var(--brand-accent) 0%,rgba(255,222,89,.95) 100%);color:var(--brand-dark);padding:1.25rem 2.5rem;border-radius:12px;font-size:1.5rem;font-weight:700;box-shadow:0 8px 32px #ffde5966;max-width:80%;width:max-content;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.salon-display-loading,.salon-display-error{min-height:100vh;background:var(--brand-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:2rem;padding:2rem}.loader-premium{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.salon-display-error h1{font-size:4rem;margin:0}.salon-display-error h2{font-size:1.5rem;font-weight:600;color:#fffc;margin:0}@media (max-width: 768px){.digital-time-display{font-size:clamp(3rem,12vw,5rem)!important;letter-spacing:-4px!important}.session-name-display h2{font-size:1.25rem!important}.timer-container-lux{width:min(320px,85vw)!important;height:min(320px,85vw)!important}.timer-stage{padding-top:5rem}.qr-code-display{display:none}}.remote-control{min-height:100vh;background:var(--brand-dark);color:var(--text-white);padding:20px 20px 40px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.action-feedback{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--brand-accent);color:var(--brand-dark);padding:15px 30px;border-radius:50px;font-size:1.5rem;font-weight:700;z-index:1000;animation:fadeIn .3s ease,fadeOut .3s ease 1.2s;box-shadow:0 4px 20px #1f3a8b66}@keyframes fadeOut{to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.remote-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--brand-card);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2);gap:8px}.salon-info{flex:1;min-width:0}.salon-info h3{font-size:1.1rem;font-weight:700;margin-bottom:3px}.salon-info p{font-size:.85rem;opacity:.7}.header-btn-compact{width:36px;height:36px;min-width:36px;border:2px solid;background:#ffffff1a;color:#fff;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.header-btn-compact:hover{transform:scale(1.05)}.btn-icon{width:36px;height:36px;min-width:36px;border:none;background:#ffffff1a;color:#fff;border-radius:50%;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.btn-icon:hover{background:#fff3;transform:scale(1.05)}.btn-icon:active{transform:scale(.9)}.current-session-card{background:var(--brand-card);border-radius:20px;padding:30px;border:3px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #1f3a8b33}.session-header{display:flex;align-items:center;gap:15px;margin-bottom:30px}.session-badge{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.session-details h2{font-size:1.8rem;font-weight:700;margin-bottom:5px}.session-details p{font-size:1rem;opacity:.7}.timer-circle{position:relative;width:250px;height:250px;margin:0 auto 20px}.timer-circle svg{width:100%;height:100%}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.timer-time{font-size:3rem;font-weight:800;font-family:Courier New,monospace;line-height:1;margin-bottom:8px}.timer-label{font-size:.9rem;text-transform:uppercase;opacity:.7;letter-spacing:.1rem}.progress-info{text-align:center;font-size:1.5rem;font-weight:700;opacity:.8}.main-controls{display:flex;justify-content:center;gap:15px}.btn-control{width:100%;max-width:400px;padding:25px;border:none;border-radius:20px;font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.btn-control:active{transform:scale(.95)}.btn-play-pause.playing{filter:brightness(.9)}.control-icon{font-size:2rem}.completed-message{width:100%;padding:25px;background:#10b98133;border:2px solid #10B981;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:1.3rem;font-weight:600}.completed-icon{font-size:2rem}.nav-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-nav{padding:20px;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-nav:not(:disabled):hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-nav:active{transform:scale(.95)}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.btn-nav:disabled:active{transform:none}.nav-icon{font-size:1.5rem}.time-controls{background:#ffffff0d;border-radius:12px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.time-controls h4{font-size:.9rem;font-weight:600;margin-bottom:12px;opacity:.8;text-transform:uppercase;letter-spacing:.05rem}.time-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.time-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.btn-time{padding:10px 6px;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:40px}.btn-time-negative:hover{background:#ef444440!important;border-color:#ef444480!important;transform:translateY(-2px)}.btn-time-positive:hover{background:#22c55e40!important;border-color:#22c55e80!important;transform:translateY(-2px)}.btn-time:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.btn-time:active{transform:scale(.95);background:#fff3}.sessions-list-remote{background:#ffffff0d;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sessions-list-remote h4{font-size:1.1rem;font-weight:600;margin-bottom:15px;opacity:.8;text-transform:uppercase;letter-spacing:.1rem}.sessions-scroll{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:5px}.sessions-scroll::-webkit-scrollbar{width:6px}.sessions-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sessions-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.session-item-remote{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0d;border-radius:10px;border-left:4px solid;transition:all .3s ease}.session-item-remote.active{background:#ffffff26;box-shadow:0 0 20px #ffffff1a}.session-item-remote.completed{opacity:.5}.session-item-number{width:35px;height:35px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.session-item-info{flex:1}.session-item-name{font-weight:600;margin-bottom:3px}.session-item-duration{font-size:.9rem;opacity:.7}.danger-zone{margin-top:20px;padding-top:20px;border-top:2px solid rgba(255,255,255,.1)}.btn-stop{width:100%;padding:18px;border:2px solid #EF4444;background:#ef44441a;color:#ef4444;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-stop:active{transform:scale(.95);background:#ef444433}.remote-footer{text-align:center;padding:20px;opacity:.6}.remote-footer a{color:#fff;text-decoration:none;font-size:.9rem;transition:opacity .3s ease}.remote-footer a:active{opacity:.5}.remote-control.loading,.remote-control.error{justify-content:center;align-items:center;text-align:center}.loader{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:rotate 1s linear infinite;margin:0 auto 20px}.remote-control.loading p{font-size:1.2rem;opacity:.8}.error-content h1{font-size:4rem;margin-bottom:15px}.error-content h2{font-size:1.5rem;margin-bottom:10px}.error-content p{font-size:1rem;opacity:.7;margin-bottom:25px}@media (max-width: 480px){.remote-control{padding:15px}.timer-circle{width:200px;height:200px}.timer-time{font-size:2.5rem}.session-details h2{font-size:1.5rem}.btn-control{font-size:1.3rem;padding:20px}.time-buttons{grid-template-columns:repeat(2,1fr)}}@media (hover: none) and (pointer: coarse){.btn-control,.btn-nav,.btn-time{min-height:60px}.btn-icon{min-width:50px;min-height:50px}}.insuffle-credit{position:fixed;bottom:1rem;left:1rem;font-size:.75rem;color:#ffffff80;z-index:999;font-weight:600;letter-spacing:.5px;transition:color .3s ease}.insuffle-credit:hover{color:#fffc}*{margin:0;padding:0;box-sizing:border-box}:root{--brand-dark: #02040a;--brand-card: #0c1629;--brand-primary: #1f3a8b;--brand-primary-light: #3b82f6;--brand-accent: #ffde59;--text-white: #F8FAFC;--text-muted: #94a3b8;--primary: #1f3a8b;--primary-light: #3b82f6;--secondary: #3b82f6;--accent: #ffde59;--accent-light: #ffde59;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--white: #ffffff;--black: #000000;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--session-blue: #3b82f6;--session-green: #10b981;--session-orange: #f59e0b;--session-purple: #8b5cf6;--session-pink: #ec4899;--session-red: #ef4444;--pause-color: #64748b;--gradient-primary: linear-gradient(135deg, #1f3a8b, #3b82f6);--gradient-primary-hover: linear-gradient(135deg, #1a2f6e, #2563eb);--gradient-dark: linear-gradient(135deg, #02040a, #0c1629);--gradient-accent: linear-gradient(135deg, #ffde59, #ffd000);--gradient-card: linear-gradient(135deg, rgba(12, 22, 41, .9), rgba(31, 58, 139, .8));--gradient-success: linear-gradient(135deg, #0ba360 0%, #3cba92 100%);--gradient-sunset: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-ocean: linear-gradient(135deg, #1f3a8b 0%, #3b82f6 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-teal: 0 20px 25px -5px rgba(20, 184, 166, .3);--shadow-glow: 0 0 40px rgba(20, 184, 166, .4);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-very-slow: 1s ease;--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--brand-dark);color:var(--text-white);line-height:1.6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes marquee-slow{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float-subtle{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radar-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes cta-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes scan-light{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fade-in{animation:fadeIn .6s var(--transition-base)}.slide-in-left{animation:slideInLeft .6s var(--transition-base)}.slide-in-right{animation:slideInRight .6s var(--transition-base)}.scale-in{animation:scaleIn .5s var(--transition-bounce)}.pulse{animation:pulse 2s infinite}.float{animation:float 3s ease-in-out infinite}.glass{background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0003;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;font-family:Inter,sans-serif;text-decoration:none}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-teal)}.btn-ghost{background:#14b8a61a;color:var(--primary)}.btn-ghost:hover{background:#14b8a633}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-xl{padding:1.25rem 2.5rem;font-size:1.25rem;border-radius:var(--radius-xl)}.input{width:100%;padding:.875rem 1.25rem;border:2px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);font-size:1rem;font-family:Inter,sans-serif;transition:all var(--transition-base);background:var(--brand-card);color:var(--text-white)}.input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #1f3a8b4d}.input::placeholder{color:var(--text-muted);opacity:.7}.card{background:var(--brand-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 10px 40px #1f3a8b33;transition:all var(--transition-base);border:1px solid rgba(59,130,246,.2)}.card:hover{box-shadow:0 20px 60px #1f3a8b4d;transform:translateY(-2px);border-color:#3b82f666}.card-glass{background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width: 768px){.btn{padding:.625rem 1.25rem;font-size:.875rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-xl{padding:1rem 2rem;font-size:1.125rem}.card{padding:var(--spacing-lg)}}.loader{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:rotate 1s linear infinite}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.badge-primary{background:#14b8a61a;color:var(--primary)}.badge-success{background:#10b9811a;color:var(--success)}