.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-sticky);background:var(--gradient-toolbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.header-content{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-4)}.logo{display:flex;align-items:center;z-index:2}.logo-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary);font-weight:var(--font-weight-bold);font-size:var(--text-xl);transition:color var(--transition-fast)}.logo-link:hover{color:var(--primary-400);transform:scale(1.05)}.logo-image{height:32px;width:auto}.logo-text{font-size:var(--text-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-desktop{display:none}.nav-list{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{color:#fff;text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--text-base);transition:all var(--transition-fast);position:relative;padding:var(--space-2) 0}.nav-link:hover{color:var(--primary-300);text-shadow:var(--glow-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));transition:width var(--transition-fast)}.nav-link:hover:after{width:100%}.header-actions{display:none;align-items:center;gap:var(--space-3)}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:2}.mobile-menu-btn span{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all var(--transition-fast);transform-origin:center}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-mobile{position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base);max-height:calc(100vh - var(--header-height));overflow-y:auto;box-shadow:var(--shadow-lg)}.nav-mobile.open{transform:translateY(0);opacity:1;visibility:visible}.nav-mobile-list{list-style:none;margin:0;padding:var(--space-4)}.nav-mobile-item{margin:0;border-bottom:1px solid var(--border-primary)}.nav-mobile-item:last-child{border-bottom:none}.nav-mobile-link{display:block;padding:var(--space-4) var(--space-2);color:var(--text-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--text-lg);transition:all var(--transition-fast)}.nav-mobile-link:hover{color:var(--primary-400);padding-left:var(--space-4);background:rgba(74,144,164,.1)}.mobile-actions{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-2)}@media (min-width: 768px){.nav-desktop{display:block}.header-actions{display:flex}.mobile-menu-btn,.nav-mobile{display:none}.header-content{padding:0}}.header.scrolled{box-shadow:var(--shadow-xl);background:var(--gradient-toolbar)}@media (min-width: 1024px){.nav-list{gap:var(--space-12)}}.footer{padding:80px 0 40px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);position:relative;overflow:hidden;border-top:1px solid var(--border-primary)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section{min-width:0}.footer-title{font-size:1.2rem;font-weight:700;margin-bottom:20px;color:var(--text-white)}.footer-description{font-size:.95rem;line-height:1.6;color:#ffffffb3;margin-bottom:20px}.footer-social{display:flex;gap:15px}.social-link{width:40px;height:40px;border-radius:50%;background:#1A1625;border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease}.social-link:hover{background:#2A2438;border-color:var(--primary-500);color:var(--primary-500);transform:translateY(-3px)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-links a:hover{color:var(--primary-500)}.footer-hours{color:var(--text-tertiary);font-size:.9rem}.footer-bottom{border-top:1px solid var(--border-primary);padding-top:30px;text-align:center}.footer-bottom-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:10px}.footer-copyright{color:var(--text-tertiary);font-size:.9rem;margin-bottom:10px}.footer-disclaimer{color:var(--text-tertiary);font-size:.85rem;font-style:italic}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:30px}.footer{padding:40px 0 20px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-20);overflow:hidden;background:var(--bg-primary)}.hero-content{display:grid;grid-template-columns:1fr;gap:var(--space-16);align-items:center;position:relative;z-index:10}.hero-text{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--primary-300);margin-bottom:var(--space-8)}.badge-dot{width:8px;height:8px;background:var(--success-500);border-radius:50%;box-shadow:0 0 10px var(--success-500);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-6);color:var(--text-white);max-width:15ch}.hero-subtitle{font-size:var(--text-lg);line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-10);max-width:60ch;text-wrap:balance}.hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-12)}.hero-feature-item{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:var(--font-weight-medium)}.feature-icon{color:var(--primary-400)}.hero-actions{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:500px;margin-bottom:var(--space-12)}.btn-with-icon{gap:var(--space-2)}.hero-trust{display:flex;align-items:center;gap:var(--space-4)}.trust-avatars{display:flex;margin-right:var(--space-2)}.trust-avatars img{width:40px;height:40px;border-radius:50%;border:2px solid var(--bg-primary);margin-left:-12px;object-fit:cover}.trust-avatars img:first-child{margin-left:0}.hero-trust p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:0}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-phone-container{position:relative;width:100%;max-width:420px;perspective:1000px}.hero-phone-image{width:100%;height:auto;border-radius:var(--radius-3xl);filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}.floating-card{position:absolute;padding:var(--space-4);background:rgba(26,26,26,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);display:flex;align-items:center;gap:var(--space-3);box-shadow:0 20px 40px #0006;z-index:20;min-width:180px}.card-top{top:10%;right:-5%}.card-mid{top:45%;left:-15%}.card-bottom{bottom:15%;right:-10%}.card-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.card-icon-wrapper.success{background:rgba(16,220,96,.2);color:var(--success-400)}.card-icon-wrapper.primary{background:rgba(74,144,164,.2);color:var(--primary-400)}.card-icon-wrapper.secondary{background:rgba(33,150,243,.2);color:var(--secondary-400)}.card-info{display:flex;flex-direction:column}.card-label{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--text-white)}.card-sub{font-size:var(--text-xs);color:var(--text-tertiary)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.glow{position:absolute;width:800px;height:800px;border-radius:50%;filter:blur(120px);opacity:.15}.glow-1{top:-200px;right:-200px;background:radial-gradient(circle,var(--primary-500),transparent)}.glow-2{bottom:-200px;left:-200px;background:radial-gradient(circle,var(--tertiary-500),transparent)}@media (min-width: 768px){.hero-actions{flex-direction:row;justify-content:center}}@media (min-width: 1024px){.hero-content{grid-template-columns:1.2fr 1fr;text-align:left}.hero-text{align-items:flex-start;text-align:left}.hero-features,.hero-actions{justify-content:flex-start}.hero-title{max-width:none}}@media (max-width: 1024px){.hero-visual{margin-top:var(--space-12)}.card-top{right:5%}.card-mid{left:5%}.card-bottom{right:5%}}.features-section{padding:var(--space-32) 0;background-color:var(--bg-primary);position:relative}.features-header{text-align:center;max-width:800px;margin:0 auto var(--space-20)}.features-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:var(--space-6);color:var(--text-white);letter-spacing:-.01em}.features-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6;text-wrap:balance}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);margin-bottom:var(--space-24)}.feature-card{background:rgba(26,26,26,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-3xl);padding:var(--space-8);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-6);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.03);border-color:#ffffff1a;box-shadow:0 20px 40px #0006}.feature-border-primary:hover{border-color:var(--primary-500);box-shadow:0 0 30px #4a90a433}.feature-border-secondary:hover{border-color:var(--secondary-500);box-shadow:0 0 30px #2196f333}.feature-border-tertiary:hover{border-color:var(--tertiary-500);box-shadow:0 0 30px #7044ff33}.feature-border-success:hover{border-color:var(--success-500);box-shadow:0 0 30px #10dc6033}.feature-border-danger:hover{border-color:var(--danger-500);box-shadow:0 0 30px #f0414133}.feature-border-warning:hover{border-color:var(--warning-500);box-shadow:0 0 30px #ffce0033}.feature-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.icon-primary{background:rgba(74,144,164,.1);color:var(--primary-400)}.icon-secondary{background:rgba(33,150,243,.1);color:var(--secondary-400)}.icon-tertiary{background:rgba(112,68,255,.1);color:var(--tertiary-400)}.icon-success{background:rgba(16,220,96,.1);color:var(--success-400)}.icon-danger{background:rgba(240,65,65,.1);color:var(--danger-400)}.icon-warning{background:rgba(255,206,0,.1);color:var(--warning-400)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-white);margin-bottom:var(--space-2)}.feature-description{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.feature-benefits{list-style:none;margin:var(--space-6) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.benefit-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.benefit-check{color:var(--success-500);flex-shrink:0}.features-cta-modern{position:relative;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-3xl);padding:var(--space-16) var(--space-8);text-align:center;overflow:hidden;max-width:1000px;margin:0 auto}.cta-modern-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.cta-modern-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;color:var(--text-white);margin-bottom:var(--space-4)}.cta-modern-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-10);max-width:50ch}.cta-modern-actions{display:flex;justify-content:center}.cta-modern-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,var(--primary-900),transparent 70%);filter:blur(60px);opacity:.5;z-index:1}@media (max-width: 768px){.features-section{padding:var(--space-20) 0}.features-grid{grid-template-columns:1fr}}.how-it-works{padding:var(--space-32) 0;background-color:var(--bg-primary)}.how-header{text-align:center;max-width:800px;margin:0 auto var(--space-20)}.steps-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center}.step-visual{position:relative;margin-bottom:var(--space-8);display:flex;align-items:center;justify-content:center;width:100%}.step-icon-box{width:80px;height:80px;border-radius:var(--radius-3xl);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all var(--transition-base)}.step-icon-box:hover{transform:scale(1.1) rotate(5deg)}.box-primary{background:rgba(74,144,164,.1);color:var(--primary-400);border:1px solid rgba(74,144,164,.2)}.box-secondary{background:rgba(33,150,243,.1);color:var(--secondary-400);border:1px solid rgba(33,150,243,.2)}.box-tertiary{background:rgba(112,68,255,.1);color:var(--tertiary-400);border:1px solid rgba(112,68,255,.2)}.box-success{background:rgba(16,220,96,.1);color:var(--success-400);border:1px solid rgba(16,220,96,.2)}.step-number-badge{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:var(--text-white)}.step-connector{position:absolute;right:-25%;top:50%;transform:translateY(-50%);color:var(--text-tertiary);opacity:.3;z-index:1}.step-text{max-width:220px}.step-title{font-size:var(--text-xl);font-weight:700;color:var(--text-white);margin-bottom:var(--space-3)}.step-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.how-footer{text-align:center;margin-top:var(--space-12)}.how-cta-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--primary-400);font-weight:600;font-size:var(--text-base);transition:all var(--transition-base)}.how-cta-link:hover{color:var(--primary-300);gap:var(--space-3)}@media (max-width: 1024px){.step-connector{display:none}}@media (max-width: 768px){.how-it-works{padding:var(--space-20) 0}.steps-wrapper{grid-template-columns:1fr;gap:var(--space-12)}.step-text{max-width:400px}}.testimonials{padding:var(--space-32) 0;background-color:var(--bg-primary)}.testimonials-header{text-align:center;max-width:800px;margin:0 auto var(--space-20)}.section-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:rgba(33,150,243,.1);color:var(--secondary-400);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-8);margin-bottom:var(--space-20)}.testimonial-card-modern{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-3xl);padding:var(--space-8);position:relative;display:flex;flex-direction:column;gap:var(--space-6);transition:all var(--transition-base)}.testimonial-card-modern:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a;box-shadow:0 20px 40px #0000004d}.quote-icon{position:absolute;top:var(--space-8);right:var(--space-8);color:var(--primary-500)}.testimonial-rating{display:flex;gap:var(--space-1)}.testimonial-body{font-size:var(--text-lg);line-height:1.6;color:var(--text-primary);font-weight:400;font-style:italic;flex-grow:1}.testimonial-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.05)}.testimonial-user{display:flex;align-items:center;gap:var(--space-4)}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-900)}.user-info{display:flex;flex-direction:column}.user-name{font-size:var(--text-base);font-weight:700;color:var(--text-white);margin:0}.user-stats{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--success-400);background:rgba(16,220,96,.05);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.verified-icon{color:var(--success-500)}.testimonials-footer-cta{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500}@media (max-width: 768px){.testimonials{padding:var(--space-20) 0}.testimonials-grid{grid-template-columns:1fr}.testimonial-card-modern{padding:var(--space-6)}}.stats-section{padding:var(--space-20) 0;background-color:var(--bg-primary)}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-8);max-width:var(--container-xl);margin:0 auto}.stat-card-modern{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-3xl);padding:var(--space-8);display:flex;align-items:center;gap:var(--space-6);transition:all var(--transition-base)}.stat-card-modern:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a;transform:translateY(-5px)}.stat-icon-wrapper{width:56px;height:56px;background:rgba(74,144,164,.1);color:var(--primary-400);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--text-white);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;margin:0}@media (max-width: 768px){.stats-grid-modern{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.stat-card-modern{padding:var(--space-5);gap:var(--space-4);flex-direction:column;text-align:center}}@media (max-width: 480px){.stats-grid-modern{grid-template-columns:1fr}}.faq{padding:var(--space-32) 0;background-color:var(--bg-primary)}.faq-header{text-align:center;max-width:800px;margin:0 auto var(--space-16);display:flex;flex-direction:column;align-items:center}.faq-icon-top{width:64px;height:64px;background:rgba(74,144,164,.1);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.faq-wrapper{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.faq-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-base)}.faq-card:hover{background:rgba(255,255,255,.04);border-color:#ffffff1a}.faq-card.open{background:rgba(255,255,255,.03);border-color:var(--primary-500)}.faq-trigger{width:100%;padding:var(--space-6) var(--space-8);display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;text-align:left}.faq-question-text{font-size:var(--text-lg);font-weight:600;color:var(--text-white);padding-right:var(--space-4)}.faq-chevron{color:var(--primary-400);flex-shrink:0}.faq-answer-inner{padding:0 var(--space-8) var(--space-6) var(--space-8)}.faq-answer-inner p{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);margin:0}.faq-footer-cta{margin-top:var(--space-16);display:flex;justify-content:center}.faq-cta-card{background:linear-gradient(135deg,rgba(26,26,26,.8) 0%,rgba(13,13,13,.8) 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-3xl);padding:var(--space-6) var(--space-10);display:flex;align-items:center;gap:var(--space-8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-icon-bg{width:48px;height:48px;background:var(--primary-500);color:#fff;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cta-text-side h4{font-size:var(--text-lg);font-weight:700;color:var(--text-white);margin-bottom:var(--space-1)}.cta-text-side p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}@media (max-width: 768px){.faq{padding:var(--space-20) 0}.faq-trigger{padding:var(--space-5) var(--space-6)}.faq-question-text{font-size:var(--text-base)}.faq-cta-card{flex-direction:column;text-align:center;gap:var(--space-6);padding:var(--space-8)}.cta-text-side p{text-wrap:balance}}.download-section{padding:var(--space-32) 0;background-color:var(--bg-primary);position:relative}.download-container{background:linear-gradient(135deg,rgba(26,26,26,.8) 0%,rgba(13,13,13,.8) 100%);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-3xl);padding:var(--space-20) var(--space-12);position:relative;overflow:hidden;box-shadow:0 40px 100px #00000080}.download-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:10}.download-info{display:flex;flex-direction:column}.download-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--text-white);margin-bottom:var(--space-6);line-height:1.1}.download-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-10);max-width:45ch}.download-perks{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-12)}.perk-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.perk-icon{color:var(--success-500)}.store-buttons{display:flex;gap:var(--space-4)}.modern-store-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);color:var(--text-white);text-decoration:none;transition:all var(--transition-base)}.modern-store-btn:hover{background:rgba(255,255,255,.1);border-color:var(--primary-500);transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.btn-text{display:flex;flex-direction:column}.btn-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-weight:700}.btn-name{font-size:var(--text-lg);font-weight:700}.download-visual{display:flex;justify-content:center;align-items:center}.app-preview-container{width:100%;max-width:320px}.final-app-image{width:100%;height:auto;border-radius:var(--radius-2xl);filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}.download-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at center,var(--primary-900),transparent 70%);filter:blur(80px);opacity:.4;z-index:1}@media (max-width: 1024px){.download-content{grid-template-columns:1fr;text-align:center}.download-info{align-items:center}.download-subtitle{margin-left:auto;margin-right:auto}.download-perks{justify-content:center}}@media (max-width: 640px){.download-container{padding:var(--space-12) var(--space-6)}.store-buttons{flex-direction:column;width:100%}.modern-store-btn{width:100%;justify-content:center}}.about-page{min-height:100vh;background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 100%)}.about-hero{padding:150px 0 80px;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);text-align:center}.about-section{padding:80px 0}.about-section.bg-dark{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%)}.section-content{max-width:900px;margin:0 auto}.text-content p{font-size:1.1rem;line-height:1.8;color:#fffc;margin-bottom:20px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.value-card{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 30px;transition:all .3s ease}.value-card:hover{transform:translateY(-10px);border-color:#6366f180;box-shadow:0 20px 40px #6366f133}.value-icon{font-size:4rem;margin-bottom:20px}.value-card h3{font-size:1.5rem;color:var(--text-white);margin-bottom:15px}.value-card p,.value-card li{color:#ffffffb3;line-height:1.7}.value-card ul{padding-left:20px}.value-card li{margin-bottom:10px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:60px}.team-member{text-align:center;padding:40px 30px;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .3s ease}.team-member:hover{transform:translateY(-10px);border-color:#6366f180}.member-avatar{font-size:5rem;margin-bottom:20px}.team-member h3{font-size:1.3rem;color:var(--text-white);margin-bottom:15px}.team-member p{color:#ffffffb3;line-height:1.6}.about-cta{padding:100px 0;text-align:center;background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,rgba(139,92,246,.15) 100%)}.about-cta h2{font-size:2.5rem;color:var(--text-white);margin-bottom:20px}.about-cta p{font-size:1.2rem;color:#fffc;margin-bottom:40px}@media (max-width: 768px){.about-hero{padding:120px 0 60px}.about-section{padding:60px 0}.values-grid,.team-grid{grid-template-columns:1fr}.about-cta{padding:60px 0}.about-cta h2{font-size:2rem}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 100%)}.legal-content{padding:150px 0 80px}.legal-title{font-size:3rem;font-weight:900;color:var(--text-white);margin-bottom:15px;text-align:center}.legal-updated{text-align:center;color:#fff9;font-size:1rem;margin-bottom:60px}.legal-section{max-width:900px;margin:0 auto 50px;padding:0 20px}.legal-section h2{font-size:2rem;color:var(--text-white);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.legal-section h3{font-size:1.4rem;color:#fffffff2;margin:30px 0 15px}.legal-section p{font-size:1.05rem;line-height:1.8;color:#fffc;margin-bottom:15px}.legal-section ul{margin:20px 0;padding-left:30px}.legal-section li{font-size:1.05rem;line-height:1.8;color:#fffc;margin-bottom:12px}.legal-section a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.legal-section a:hover{color:var(--secondary-color);text-decoration:underline}.legal-section strong{color:var(--text-white);font-weight:700}.warning-box{background:rgba(234,179,8,.1);border-left:4px solid #eab308;padding:25px;margin:30px 0;border-radius:8px}.warning-box p{margin-bottom:15px}.warning-box strong{color:#eab308}.warning-box ul{margin:15px 0 0}@media (max-width: 768px){.legal-content{padding:120px 0 60px}.legal-title{font-size:2rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.2rem}.legal-section p,.legal-section li{font-size:1rem}}.contact-page{min-height:100vh;background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 100%)}.contact-content{padding:150px 0 80px}.contact-header{text-align:center;margin-bottom:80px}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;max-width:1200px;margin:0 auto;padding:0 20px}.contact-form-section{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:50px}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:1rem;font-weight:600;color:#ffffffe6}.form-group input,.form-group select,.form-group textarea{padding:15px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-white);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px #6366f11a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.9rem;margin-top:-5px}.form-group textarea{resize:vertical;min-height:150px}.contact-form button[type=submit]{margin-top:10px}.contact-info-section{display:flex;flex-direction:column;gap:25px}.info-card{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:30px;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);border-color:#6366f180}.info-icon{font-size:2.5rem;margin-bottom:15px}.info-card h3{font-size:1.2rem;color:var(--text-white);margin-bottom:10px}.info-card p{color:#fffc;margin:0}.info-card a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.info-card a:hover{color:var(--secondary-color)}.info-description{font-size:.9rem;color:#fff9!important;margin-top:8px!important}.social-media{margin-top:20px}.social-media h3{font-size:1.2rem;color:var(--text-white);margin-bottom:15px}.social-links{display:flex;gap:15px}.social-links a{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:1.3rem;transition:all .3s ease}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.contact-faq{max-width:1200px;margin:80px auto 0;padding:0 20px}.contact-faq h2{font-size:2rem;color:var(--text-white);margin-bottom:40px;text-align:center}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.faq-item{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:25px}.faq-item h4{font-size:1.1rem;color:var(--text-white);margin-bottom:10px}.faq-item p{color:#ffffffb3;line-height:1.6;margin:0}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 768px){.contact-content{padding:120px 0 60px}.contact-form-section{padding:30px 25px}.faq-grid{grid-template-columns:1fr}}.notfound-page{min-height:100vh;background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 100%)}.notfound-content{padding:150px 0 80px;min-height:calc(100vh - 400px);display:flex;align-items:center;justify-content:center}.notfound-card{max-width:600px;text-align:center;padding:60px 40px;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.1);border-radius:30px}.notfound-icon{font-size:8rem;font-weight:900;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px}.notfound-title{font-size:2.5rem;color:var(--text-white);margin-bottom:20px}.notfound-text{font-size:1.2rem;color:#ffffffb3;line-height:1.6;margin-bottom:40px}.notfound-actions{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.notfound-suggestions{padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.notfound-suggestions p{font-size:1.1rem;color:#fffc;margin-bottom:20px}.notfound-suggestions ul{list-style:none;padding:0;margin:0}.notfound-suggestions li{margin-bottom:12px}.notfound-suggestions a{color:var(--primary-color);text-decoration:none;font-size:1.05rem;transition:color .3s ease}.notfound-suggestions a:hover{color:var(--secondary-color);text-decoration:underline}@media (max-width: 768px){.notfound-content{padding:120px 20px 60px}.notfound-card{padding:40px 30px}.notfound-icon{font-size:5rem}.notfound-title{font-size:2rem}.notfound-text{font-size:1rem}.notfound-actions{flex-direction:column}.notfound-actions .btn{width:100%}}.subscription-web-page{padding:80px 20px;background-color:#f8f9fa;min-height:100vh}.subscription-web-page .container{max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:50px}.page-header h1{font-size:2.5rem;color:#1a1a1a;margin-bottom:15px}.page-header p{color:#666;font-size:1.1rem}.cycle-toggle{display:flex;justify-content:center;margin-bottom:50px;gap:10px}.cycle-toggle button{padding:12px 25px;border:1px solid #ddd;background:white;border-radius:30px;cursor:pointer;font-weight:600;transition:all .3s ease}.cycle-toggle button.active{background:#007bff;color:#fff;border-color:#007bff}.save-badge{font-size:.8rem;background:#28a745;color:#fff;padding:2px 8px;border-radius:10px;margin-left:5px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:80px}.plan-card{background:white;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;transition:transform .3s ease;position:relative}.plan-card:hover{transform:translateY(-10px)}.plan-card.is-current{border:2px solid #007bff;box-shadow:0 10px 40px #007bff26}.current-plan-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#007bff;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 16px;border-radius:20px;white-space:nowrap}.btn-current{width:100%;padding:14px;border:2px solid #007bff;background:transparent;color:#007bff;border-radius:10px;font-size:1rem;font-weight:600;cursor:default;opacity:.8}.plan-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.plan-header h2{font-size:1.5rem;margin-bottom:15px;color:#333}.plan-price .amount{font-size:3rem;font-weight:800;color:#1a1a1a}.plan-features{flex-grow:1;margin-bottom:30px}.plan-features ul{list-style:none;padding:0}.plan-features li{margin-bottom:12px;color:#555;display:flex;align-items:center}.check{color:#28a745;font-weight:700;margin-right:10px}.trial-info{background:#e9ecef;text-align:center;padding:8px;border-radius:8px;font-size:.9rem;margin-bottom:20px;color:#495057}.payment-methods-hint{margin-top:15px;text-align:center;font-size:.8rem;color:#999}.payment-icons{display:flex;justify-content:center;gap:15px;margin-top:5px;font-size:1.2rem}.faq-section{max-width:800px;margin:0 auto}.faq-section h3{text-align:center;margin-bottom:30px;font-size:1.8rem}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.faq-item h4{margin-bottom:10px;color:#333}.faq-item p{color:#666;line-height:1.6}@media (max-width: 768px){.faq-grid{grid-template-columns:1fr}.page-header h1{font-size:2rem}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-600),var(--secondary-500))}.login-container{width:100%;max-width:450px;position:relative;z-index:1}.login-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-2xl)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);color:var(--text-primary)}.login-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:0}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.alert svg{width:20px;height:20px;flex-shrink:0}.alert-error{background-color:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200)}.login-form,.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-sm)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:inherit;color:#d1d5db;background-color:var(--bg-secondary);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px #3b82f61a}.login-footer{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--border-primary)}.footer-text{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.login-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.bg-circle-1{width:400px;height:400px;top:-200px;right:-100px}.bg-circle-2{width:300px;height:300px;bottom:-150px;left:-50px}@media (max-width: 640px){.login-card{padding:var(--space-8)}.login-title{font-size:var(--text-3xl)}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar{width:256px;background:#111111;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;box-shadow:4px 0 24px #0006}.sidebar-header{padding:20px var(--space-5);border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.logo-icon{font-size:var(--text-3xl);line-height:1}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:var(--space-4);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-4);border-radius:var(--radius-lg);color:var(--text-tertiary);text-decoration:none;font-weight:500;transition:all var(--transition-fast);margin-bottom:2px;font-size:.875rem}.nav-item:hover{background:rgba(255,255,255,.06);color:var(--text-white)}.nav-item.active{background:rgba(74,144,164,.15);color:var(--primary-400);border-left:2px solid var(--primary-500);padding-left:calc(var(--space-4) - 2px);border-radius:var(--radius-lg)}.nav-icon{font-size:var(--text-xl);line-height:1}.nav-label{font-size:var(--text-base)}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid rgba(255,255,255,.06)}.user-info{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-lg);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details{flex:1}.user-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.user-role{font-size:var(--text-xs);color:var(--text-tertiary)}.btn-logout{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);background:transparent;color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-logout:hover{background:rgba(240,65,65,.1);color:var(--danger-500);border-color:var(--danger-500);transform:translateY(-2px)}.admin-main{flex:1;margin-left:256px;padding:var(--space-8);background:var(--bg-primary);min-height:100vh}.admin-content{max-width:1400px;margin:0 auto}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%);transition:transform var(--transition-base)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0;padding:var(--space-4)}}.admin-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition-fast);position:relative;overflow:hidden}.admin-card:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;opacity:0;transition:opacity var(--transition-fast)}.admin-card.card-blue:before{background:var(--secondary-400)}.admin-card.card-green:before{background:var(--success-500)}.admin-card.card-purple:before{background:var(--tertiary-400)}.admin-card.card-yellow:before{background:var(--warning-500)}.admin-card.card-red:before{background:var(--danger-500)}.admin-card.clickable{cursor:pointer}.admin-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-primary)}.admin-card:hover:before{opacity:1}.admin-card.clickable:hover:before{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.card-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);flex-shrink:0}.card-blue .card-icon{background:rgba(33,150,243,.15);color:var(--secondary-400)}.card-green .card-icon{background:rgba(16,220,96,.15);color:var(--success-500)}.card-purple .card-icon{background:rgba(112,68,255,.15);color:var(--tertiary-400)}.card-yellow .card-icon{background:rgba(255,206,0,.15);color:var(--warning-500)}.card-red .card-icon{background:rgba(240,65,65,.15);color:var(--danger-500)}.card-content{display:flex;flex-direction:column;gap:var(--space-1)}.card-value-wrapper{display:flex;align-items:baseline;gap:var(--space-3)}.card-value{font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);color:var(--text-white);margin:0;line-height:1.2;letter-spacing:-.5px}.card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.card-trend{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:var(--font-weight-medium);padding:2px 8px;border-radius:var(--radius-full)}.trend-up{color:var(--success-500);background:rgba(16,220,96,.1)}.trend-down{color:var(--danger-500);background:rgba(240,65,65,.1)}.admin-dashboard{min-height:100vh;background-color:var(--bg-secondary)}.dashboard-page{padding:var(--space-6)}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:2rem;font-weight:700;color:#d1d5db;margin:0 0 var(--space-2)}.page-subtitle{font-size:1rem;color:#6b7280;margin:0}.dashboard-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--space-6) 0;margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.header-content{max-width:1400px;margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center}.header-title h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);color:var(--text-primary)}.header-title p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.dashboard-content{max-width:1400px;margin:0 auto;padding:0 var(--space-6) var(--space-12)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);display:flex;gap:var(--space-4);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:28px;height:28px}.stat-icon--primary{background-color:var(--primary-50);color:var(--primary-600)}.stat-icon--success{background-color:var(--success-50);color:var(--success-600)}.stat-icon--warning{background-color:var(--warning-50);color:var(--warning-600)}.stat-icon--danger{background-color:var(--danger-50);color:var(--danger-600)}.stat-content{flex:1}.stat-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);margin-bottom:var(--space-2)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1);display:block}.stat-detail{font-size:var(--text-xs);color:var(--text-secondary)}.charts-section{margin-bottom:var(--space-8)}.chart-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border-secondary)}.chart-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.metric{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.metric-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.metric-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.activity-section{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.activity-list{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border-secondary)}.activity-item{display:flex;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:50%;background-color:#4a90a426;color:var(--primary-400);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:20px;height:20px}.activity-content{flex:1}.activity-text{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1)}.activity-time{font-size:var(--text-xs);color:var(--text-tertiary)}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-tertiary)}.quick-actions{margin-bottom:var(--space-8)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.action-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border-secondary);text-decoration:none;color:inherit;transition:all var(--transition-fast);cursor:pointer;text-align:left;width:100%;font-family:inherit}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:rgba(255,255,255,.05);color:var(--text-primary);border:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.action-icon svg{width:24px;height:24px}.action-card h3{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.action-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4)}@media (max-width: 768px){.header-content{flex-direction:column;gap:var(--space-4);text-align:center}.stats-grid,.metrics-grid{grid-template-columns:1fr}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-4)}.page-header h1,.page-header-title{font-size:1.625rem;font-weight:700;color:var(--text-white);margin:0 0 var(--space-1);letter-spacing:-.3px;line-height:1.2;display:flex;align-items:center;gap:var(--space-3)}.page-header p,.page-header-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:1.4}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-4)}.section-title,.section-header h2,.section-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-white);margin:0;display:flex;align-items:center;gap:var(--space-2)}.section-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);line-height:1;white-space:nowrap;text-decoration:none;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn svg{flex-shrink:0}.btn-primary{background:var(--primary-500);color:#fff;border-color:var(--primary-500);box-shadow:0 1px 3px #4a90a44d}.btn-primary:hover:not(:disabled){background:var(--primary-400);border-color:var(--primary-400);box-shadow:0 4px 12px #4a90a466;transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.1);color:var(--text-white);border-color:var(--border-primary)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border-primary)}.btn-outline:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-white);border-color:var(--border-primary)}.btn-danger{background:rgba(240,65,65,.15);color:#f87171;border-color:#f041414d}.btn-danger:hover:not(:disabled){background:rgba(240,65,65,.25);color:#fca5a5;border-color:#f0414180}.btn-success{background:rgba(16,220,96,.12);color:var(--success-500);border-color:#10dc6040}.btn-success:hover:not(:disabled){background:rgba(16,220,96,.2)}.btn-warning{background:rgba(255,206,0,.12);color:var(--warning-500);border-color:#ffce0040}.btn-warning:hover:not(:disabled){background:rgba(255,206,0,.2)}.btn-sm{padding:6px var(--space-3);font-size:.8125rem;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;line-height:1.5}.badge-success{background:rgba(16,220,96,.12);color:#34d399}.badge-danger{background:rgba(240,65,65,.12);color:#f87171}.badge-warning{background:rgba(255,206,0,.12);color:#fbbf24}.badge-info{background:rgba(74,144,164,.15);color:var(--primary-400)}.badge-primary{background:rgba(112,68,255,.15);color:var(--tertiary-400)}.badge-default{background:rgba(255,255,255,.07);color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.status-badge.active{background:rgba(16,220,96,.12);color:#34d399}.status-badge.inactive{background:rgba(240,65,65,.12);color:#f87171}.analytics-cards-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-4)}.tabs-container{display:flex;gap:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border-secondary);padding:4px;border-radius:var(--radius-lg);flex-wrap:wrap}.tab-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:7px 14px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;font-family:inherit}.tab-btn:hover{background:rgba(255,255,255,.06);color:var(--text-primary)}.tab-btn.active{background:var(--bg-tertiary);color:var(--text-white);box-shadow:0 1px 3px #0000004d}.tabs-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--border-primary);padding-top:var(--space-5);margin-top:var(--space-2)}.section-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.section-card>h2{font-size:var(--text-base);font-weight:600;color:var(--text-white);margin:0 0 var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.table-section{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.table-section .section-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-secondary);margin-bottom:0}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #4a90a41f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group textarea{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}.form-group select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-hint{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);line-height:1.4}.checkbox-group{margin-bottom:var(--space-4)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);font-weight:400}.checkbox-label input[type=checkbox]{width:16px;height:16px;border-radius:4px;accent-color:var(--primary-500);cursor:pointer;flex-shrink:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid var(--border-secondary)}.filters-section{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5)}.filters-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-3);align-items:end}@media (max-width: 900px){.filters-grid{grid-template-columns:1fr 1fr}}.filter-group{position:relative}.filter-input,.filter-select{width:100%;padding:9px var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast);font-family:inherit}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #4a90a41f}.filter-input::placeholder{color:var(--text-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center;gap:var(--space-3);color:var(--text-tertiary)}.empty-state .empty-icon{color:var(--text-tertiary);opacity:.5;margin-bottom:var(--space-2)}.empty-state h3{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);margin:0}.empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;max-width:360px}.empty-state small{font-size:var(--text-xs);color:var(--text-tertiary);opacity:.7}.loading-container,.error-container,.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--space-4);color:var(--text-tertiary)}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--primary-500);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}.message{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.message.success{background:rgba(16,220,96,.1);color:#34d399;border:1px solid rgba(16,220,96,.2)}.message.error{background:rgba(240,65,65,.1);color:#f87171;border:1px solid rgba(240,65,65,.2)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0}.user-name{font-weight:500;color:var(--text-primary);font-size:var(--text-sm);line-height:1.3}.user-email{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.3}.stats-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-box{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;transition:all var(--transition-fast)}.stat-box:hover{border-color:var(--border-primary);transform:translateY(-1px)}.stat-box.highlight{border-color:#4a90a440}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-white);letter-spacing:-.5px}.chart-container{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6)}.chart-container h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-5)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.chart-container.half{margin-bottom:0}@media (max-width: 768px){.charts-row,.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}.icon-mr{margin-right:2px}.icon-ml{margin-left:2px}.flex{display:flex}.items-center{align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.admin-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6)}.form-section h2{font-size:var(--text-base);font-weight:600;color:var(--text-white);margin:0 0 var(--space-5);letter-spacing:-.2px;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-5)}.form-grid>label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.form-grid>label>span{font-weight:500;color:var(--text-primary)}.form-grid>label small{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.4}.form-grid>label.span-2{grid-column:1 / -1}.form-grid input[type=text],.form-grid input[type=email],.form-grid input[type=url],.form-grid select,.form-grid textarea{background:var(--bg-tertiary);color:var(--text-white);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:9px var(--space-3);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-grid input[type=text]:focus,.form-grid input[type=email]:focus,.form-grid input[type=url]:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #4a90a42e}.form-grid input:disabled{opacity:.6;cursor:not-allowed}.form-grid textarea{resize:vertical;min-height:70px;line-height:1.5}.form-grid input[type=color]{width:100%;height:40px;padding:3px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer}.form-grid input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-500);cursor:pointer;align-self:flex-start}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}}.btn-ghost{background:transparent;color:var(--text-tertiary);border-color:transparent;padding:6px var(--space-3)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-white)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;color:var(--text-tertiary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-white);border-color:var(--border-primary)}.btn-icon:disabled{opacity:.35;cursor:not-allowed}.btn-icon.danger{color:#f87171}.btn-icon.danger:hover:not(:disabled){background:rgba(240,65,65,.15);color:#fca5a5;border-color:#f041414d}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;border:1px solid transparent}.alert-danger{background:rgba(240,65,65,.1);color:#fca5a5;border-color:#f041414d}.admin-table-container{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);overflow:hidden}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:rgba(255,255,255,.03);border-bottom:1px solid var(--border-secondary)}.admin-table th{padding:12px 20px;text-align:left;font-weight:600;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px}.admin-table td{padding:14px 20px;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:var(--text-sm);vertical-align:middle}.admin-table tbody tr{transition:background var(--transition-fast)}.admin-table tbody tr:hover{background:rgba(255,255,255,.025)}.admin-table tbody tr:last-child td{border-bottom:none}.text-center{text-align:center!important}.text-right{text-align:right!important}.table-actions{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:nowrap}.table-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;font-weight:500;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap;line-height:1}.table-action-btn.icon-only{width:32px;height:32px;padding:0}.table-action-btn.view{background:rgba(74,144,164,.1);color:var(--primary-400);border-color:#4a90a433}.table-action-btn.view:hover{background:rgba(74,144,164,.2);border-color:#4a90a466}.table-action-btn.edit{background:rgba(255,206,0,.1);color:#fbbf24;border-color:#ffce0033}.table-action-btn.edit:hover{background:rgba(255,206,0,.2);border-color:#ffce0066}.table-action-btn.delete{background:rgba(240,65,65,.1);color:#f87171;border-color:#f0414133}.table-action-btn.delete:hover{background:rgba(240,65,65,.2);border-color:#f0414166}.table-action-btn.success{background:rgba(16,220,96,.1);color:#34d399;border-color:#10dc6033}.table-action-btn.success:hover{background:rgba(16,220,96,.2);border-color:#10dc6066}.table-action-btn.warning{background:rgba(255,206,0,.1);color:#fbbf24;border-color:#ffce0033}.table-action-btn.warning:hover{background:rgba(255,206,0,.2)}.admin-table-loading{padding:60px 20px;text-align:center;color:var(--text-tertiary)}.admin-table-loading .spinner{margin:0 auto 20px}.admin-table-loading p{font-size:var(--text-sm)}.admin-table-empty{padding:60px 20px;text-align:center;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.admin-table-empty .empty-icon{opacity:.35}.admin-table-empty p{font-size:var(--text-sm);margin:0}.admin-table-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--border-secondary);gap:var(--space-4);flex-wrap:wrap}.pagination-info{color:var(--text-tertiary);font-size:.8125rem}.pagination{display:flex;list-style:none;gap:4px;margin:0;padding:0}.pagination li a{padding:6px 10px;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.8125rem;text-decoration:none;display:block;background:transparent;line-height:1.2}.pagination li a:hover{background:rgba(255,255,255,.05);border-color:var(--border-primary);color:var(--text-white)}.pagination li.active a{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.pagination li.disabled a{opacity:.4;cursor:not-allowed}.pagination li.disabled a:hover{background:transparent;border-color:var(--border-secondary)}@media (max-width: 768px){.admin-table th,.admin-table td{padding:10px 14px;font-size:.8125rem}.admin-table-pagination{flex-direction:column;align-items:flex-start;gap:12px}.table-actions{flex-wrap:wrap}}.users-page{padding:var(--space-6) 0}.page-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--text-base);color:var(--text-secondary)}.filters-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-base)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.filter-input,.filter-select{padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);color:#d1d5db;background-color:var(--bg-secondary);transition:all var(--transition-fast)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-500)}.search-group{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.filter-input.with-icon{padding-left:38px}.filter-actions{display:flex;gap:var(--space-3)}.users-table-container{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-base);overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:var(--bg-secondary)}.users-table th{padding:var(--space-4);text-align:left;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-primary)}.users-table td{padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.users-table tbody tr:hover{background-color:var(--bg-secondary)}.user-cell{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:var(--space-1)}.user-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.user-email{font-size:var(--text-sm);color:var(--text-tertiary)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.status-active{background-color:var(--success-50);color:var(--success-700)}.status-inactive{background-color:var(--danger-50);color:var(--danger-700)}.role-badge{display:inline-flex;padding:var(--space-1) var(--space-3);border-radius:var(--radius-base);font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.role-admin{background-color:var(--primary-50);color:var(--primary-700)}.role-moderator{background-color:var(--warning-50);color:var(--warning-700)}.role-user{background-color:var(--gray-100);color:var(--gray-700)}.table-actions-row{display:flex;gap:var(--space-2)}.table-action-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border-secondary);background:var(--bg-primary);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.table-action-btn:hover{background:var(--bg-tertiary);color:var(--text-white);border-color:var(--border-primary)}.table-action-btn.view:hover{color:var(--primary-400)}.table-action-btn.edit:hover{color:var(--warning-500)}.table-action-btn.delete:hover{color:var(--danger-500);background:rgba(240,65,65,.1);border-color:#f041414d}.btn-with-icon{display:flex;align-items:center;gap:var(--space-2)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-primary)}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.pagination-controls{display:flex;gap:var(--space-2)}.pagination-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background-color:var(--primary-50);border-color:var(--primary-600);color:var(--primary-600)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:var(--primary-600);border-color:var(--primary-600);color:#fff}@media (max-width: 768px){.users-table-container{padding:var(--space-4)}.users-table{font-size:var(--text-sm)}.users-table th,.users-table td{padding:var(--space-2)}}.user-detail-page{padding-bottom:var(--space-8)}.user-detail-heading{display:flex;align-items:center;gap:var(--space-4)}.user-detail-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.user-detail-actions{display:flex;gap:var(--space-2);flex-shrink:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-6)}.detail-list{display:flex;flex-direction:column}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-primary)}.detail-item:last-child{border-bottom:none}.detail-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.detail-value{font-size:var(--text-sm);color:var(--text-white);font-weight:500}@media (max-width: 768px){.detail-grid{grid-template-columns:1fr}.user-detail-heading{gap:var(--space-3)}.user-detail-actions{flex-wrap:wrap}}.analytics-page{padding:var(--space-6) 0}.analytics-header{margin-bottom:var(--space-8)}.analytics-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.analytics-subtitle{font-size:var(--text-base);color:var(--text-secondary)}.period-selector{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6);box-shadow:var(--shadow-base);display:flex;gap:var(--space-3);flex-wrap:wrap}.period-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.period-btn:hover{background-color:var(--primary-50);border-color:var(--primary-600);color:var(--primary-600)}.period-btn.active{background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));border-color:var(--primary-600);color:#fff}.charts-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.chart-container{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-base)}.chart-header{margin-bottom:var(--space-6)}.chart-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.chart-description{font-size:var(--text-sm);color:var(--text-secondary)}.chart-content{min-height:300px}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-box{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-base);text-align:center}.stat-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.stat-value{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.feature-list{display:flex;flex-direction:column;gap:var(--space-4)}.feature-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.feature-item:hover{background-color:var(--primary-50);transform:translate(4px)}.feature-info{display:flex;align-items:center;gap:var(--space-3)}.feature-rank{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-sm)}.feature-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.feature-stats{display:flex;gap:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.export-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-base);margin-top:var(--space-6);display:flex;justify-content:space-between;align-items:center}.export-info h3{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.export-info p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}@media (max-width: 768px){.charts-grid,.stats-overview{grid-template-columns:1fr}.export-section{flex-direction:column;gap:var(--space-4);text-align:center}}.chart-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-primary)}.empty-state p{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.empty-state small{font-size:var(--text-sm);color:var(--text-tertiary);display:block}.analytics-section{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.chart-container.half{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-base)}.chart-container.half h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.stat-box.highlight{background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));color:#fff}.stat-box.highlight .stat-label{color:#ffffffe6}.stat-box.highlight .stat-value{color:#fff}@media (max-width: 768px){.charts-row{grid-template-columns:1fr}}.admin-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:20px;animation:backdropFadeIn .2s ease}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.admin-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;display:flex;flex-direction:column;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.admin-modal.small{width:100%;max-width:420px}.admin-modal.medium{width:100%;max-width:620px}.admin-modal.large{width:100%;max-width:920px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-secondary);flex-shrink:0}.modal-title{font-size:1.125rem;font-weight:600;color:var(--text-white);margin:0;display:flex;align-items:center;gap:var(--space-3)}.modal-close{background:transparent;border:1px solid var(--border-secondary);color:var(--text-tertiary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);padding:0;flex-shrink:0}.modal-close:hover{background:rgba(240,65,65,.1);border-color:#f041414d;color:#f87171}.modal-body{flex:1;padding:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-secondary);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.modal-body .form-group{margin-bottom:var(--space-5)}.modal-body .form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{width:100%;padding:9px var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast);font-family:inherit}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #4a90a41f}.modal-body .form-group input::placeholder,.modal-body .form-group textarea::placeholder{color:var(--text-tertiary)}.modal-body .form-group textarea{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}.modal-body .form-group select{cursor:pointer}.modal-body .form-error{color:#f87171;font-size:.75rem;margin-top:var(--space-1)}@media (max-width: 640px){.admin-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;align-self:flex-end;margin-top:auto}.admin-modal-backdrop{align-items:flex-end;padding:0}.modal-header,.modal-body,.modal-footer{padding:20px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%;justify-content:center}}.plan-features-config{max-height:60vh;overflow-y:auto;padding-right:1rem}.features-section{background:var(--bg-secondary, #1e293b);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color, #334155)}.features-section h3{color:var(--text-primary, #f1f5f9);font-size:1.1rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.features-section:last-child{margin-bottom:0}.plan-features-config .form-group{margin-bottom:1rem}.plan-features-config .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.plan-features-config label{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary, #cbd5e1);margin-bottom:.5rem}.plan-features-config input[type=number],.plan-features-config input[type=text]{width:100%;padding:.625rem;background:var(--bg-tertiary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:var(--text-primary, #f1f5f9);font-size:.95rem;transition:all .2s}.plan-features-config input[type=number]:focus,.plan-features-config input[type=text]:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.plan-features-config .checkbox-group{margin-bottom:.75rem}.plan-features-config .checkbox-label{display:flex;align-items:center;cursor:pointer;padding:.75rem;background:var(--bg-tertiary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;transition:all .2s;margin:0}.plan-features-config .checkbox-label:hover{border-color:var(--primary-color, #667eea);background:rgba(102,126,234,.05)}.plan-features-config .checkbox-label input[type=checkbox]{width:18px;height:18px;margin-right:.75rem;cursor:pointer;accent-color:var(--primary-color, #667eea)}.plan-features-config .checkbox-label span{color:var(--text-primary, #f1f5f9);font-size:.95rem}.plan-features-config .form-hint{display:block;margin-top:.375rem;font-size:.8rem;color:var(--text-tertiary, #64748b);font-style:italic}.plan-features-config::-webkit-scrollbar{width:8px}.plan-features-config::-webkit-scrollbar-track{background:var(--bg-tertiary, #0f172a);border-radius:4px}.plan-features-config::-webkit-scrollbar-thumb{background:var(--border-color, #334155);border-radius:4px}.plan-features-config::-webkit-scrollbar-thumb:hover{background:var(--primary-color, #667eea)}@media (max-width: 768px){.plan-features-config .form-row{grid-template-columns:1fr}.features-section{padding:1rem}.plan-features-config{padding-right:.5rem}}.subscriptions-page{padding:0}.subscriptions-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.subscriptions-page .page-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #d1d5db);margin:0 0 .5rem}.subscriptions-page .page-header p{color:var(--text-secondary, #6b7280);margin:0}.analytics-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.plans-section{margin-bottom:3rem}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #d1d5db);margin:0 0 .5rem}.section-subtitle{color:var(--text-secondary, #6b7280);font-size:.95rem;margin:0}.empty-state{text-align:center;padding:3rem 1rem;background:var(--bg-secondary, var(--bg-tertiary));border-radius:8px;border:2px dashed var(--border-color, #e5e7eb)}.empty-state p{font-size:1.1rem;color:var(--text-secondary, #6b7280);margin-bottom:1rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.plan-card{background:var(--bg-primary);border:2px solid var(--border-color, #e5e7eb);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary-color, #7c3aed)}.plan-card.inactive{opacity:.6;background:var(--bg-secondary, var(--bg-tertiary))}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.plan-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #d1d5db);margin:0}.plan-status{flex-shrink:0}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.plan-description{color:var(--text-secondary, #6b7280);font-size:.95rem;margin-bottom:1.25rem;line-height:1.5}.plan-pricing{background:var(--bg-secondary, var(--bg-tertiary));border-radius:8px;padding:1rem;margin-bottom:1rem}.price-item{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.price-item:last-child{margin-bottom:0}.price-label{font-size:.85rem;color:var(--text-secondary, #6b7280);font-weight:500}.price-value{font-size:1.25rem;font-weight:700;color:var(--primary-color, #7c3aed)}.price-save{display:block;font-size:.75rem;color:var(--success-500);font-weight:600;margin-top:.25rem;text-align:right}.plan-trial{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:1rem;text-align:center}.plan-features{margin-bottom:1.25rem}.plan-features strong{display:block;font-size:.85rem;color:var(--text-secondary, #6b7280);margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{padding:.375rem 0;font-size:.9rem;color:var(--text-primary, #d1d5db);line-height:1.4}.plan-features li:before{content:"";display:inline-block;width:4px;height:4px;background:var(--primary-color, #7c3aed);border-radius:50%;margin-right:.5rem}.plan-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.plan-actions .btn{flex:1;min-width:100px;font-size:.85rem;padding:.5rem .75rem}.subscriptions-section{margin-top:3rem}.subscriptions-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #d1d5db);margin-bottom:1.5rem}.user-name{font-weight:600;color:var(--text-primary, #d1d5db);margin-bottom:.125rem}.user-email{font-size:.85rem;color:var(--text-secondary, #6b7280)}.plan-form{padding:.5rem 0}.plan-form .form-group{margin-bottom:1.5rem}.plan-form label{display:block;font-weight:600;color:var(--text-primary, #d1d5db);margin-bottom:.5rem;font-size:.95rem}.plan-form input[type=text],.plan-form input[type=number],.plan-form textarea{width:100%;padding:.75rem;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1rem;font-family:inherit;color:#d1d5db;background-color:var(--bg-secondary);transition:all .2s ease}.plan-form input:focus,.plan-form textarea:focus{outline:none;border-color:var(--primary-color, #7c3aed);box-shadow:0 0 0 3px #7c3aed1a}.plan-form textarea{resize:vertical;min-height:80px}.form-hint{display:block;font-size:.85rem;color:var(--text-secondary, #6b7280);margin-top:.375rem;font-weight:400}@media (max-width: 768px){.plans-grid,.form-row,.analytics-cards-grid{grid-template-columns:1fr}.plan-actions{flex-direction:column}.plan-actions .btn{width:100%}.subscriptions-page .page-header{flex-direction:column;gap:1rem}.subscriptions-page .page-header .btn{width:100%}}.tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid var(--border-color, #e5e7eb);gap:1rem}.tabs-container{display:flex;gap:1rem;flex:1}.tabs-actions{display:flex;gap:.75rem;padding-bottom:.5rem}.tabs-actions .btn{padding:.625rem 1.25rem;font-size:.9rem;white-space:nowrap}.post-title{font-weight:700;color:var(--text-primary, #d1d5db);font-size:1.05rem;margin-bottom:.25rem}.section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.section-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary, #d1d5db);margin:0 0 .5rem}.section-header p{color:var(--text-secondary, #6b7280);margin:0;font-size:.95rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--text-primary, #d1d5db);margin:0 0 .75rem}.empty-state p{color:var(--text-secondary, #6b7280);margin:0;max-width:400px;line-height:1.6}@media (max-width: 768px){.analytics-cards-grid,.form-row{grid-template-columns:1fr}.tabs-header{flex-direction:column;align-items:stretch}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;flex:none}.tabs-actions{padding-bottom:0;padding-top:.5rem}.tabs-actions .btn{flex:1}.tab-btn{white-space:nowrap}.table-section{padding:1rem;overflow-x:auto}.community-page .page-header{flex-direction:column;gap:1rem}.community-page .page-header .btn{width:100%}}.table-action-btn.success{color:var(--success-500);border-color:var(--success-500)}.table-action-btn.success:hover{background:var(--success-500);color:#fff}.content-page{padding:0}.content-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.action-btn.publish{color:var(--success-500);border-color:var(--success-500)}.action-btn.publish:hover{background:var(--success-500);color:#fff}.community-page{padding:0}.community-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.community-page .page-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #d1d5db);margin:0 0 .5rem}.community-page .page-header p{color:var(--text-secondary, #6b7280);margin:0}.group-name-cell{display:flex;align-items:center;gap:.75rem}.group-icon{font-size:1.75rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, var(--bg-tertiary));border-radius:8px}.group-name{font-weight:600;color:var(--text-primary, #d1d5db);margin-bottom:.125rem}.group-category{font-size:.85rem;color:var(--text-secondary, #6b7280)}.post-content-cell{display:flex;flex-direction:column;gap:.5rem}.post-text{color:var(--text-primary, #d1d5db);line-height:1.5}.post-meta{font-size:.85rem;color:var(--text-secondary, #6b7280)}.action-btn.activate{color:var(--success-500);border-color:var(--success-500)}.action-btn.activate:hover{background:var(--success-500);color:#fff}.group-form{padding:.5rem 0}.group-form .form-group{margin-bottom:1.5rem}.group-form label{display:block;font-weight:600;color:var(--text-primary, #d1d5db);margin-bottom:.5rem;font-size:.95rem}.group-form input[type=text],.group-form select,.group-form textarea{width:100%;padding:.75rem;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1rem;font-family:inherit;color:#d1d5db;background-color:var(--bg-secondary);transition:all .2s ease}.group-form input:focus,.group-form select:focus,.group-form textarea:focus{outline:none;border-color:var(--primary-color, #7c3aed);box-shadow:0 0 0 3px #7c3aed1a}.group-form textarea{resize:vertical;min-height:80px}@media (max-width: 768px){.analytics-cards-grid,.form-row{grid-template-columns:1fr}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap}.table-section{padding:1rem;overflow-x:auto}.community-page .page-header{flex-direction:column;gap:1rem}.community-page .page-header .btn{width:100%}}.meditation-page{padding:0 2rem}.meditation-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.meditation-page .page-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #d1d5db);margin:0 0 .5rem}.meditation-page .page-header p{color:var(--text-secondary, #6b7280);margin:0}.analytics-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.tabs-container{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.tab-btn{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tab-btn:hover{color:var(--text-primary, #d1d5db);background:var(--bg-secondary, var(--bg-tertiary))}.tab-btn.active{color:var(--primary-color, #7c3aed);border-bottom-color:var(--primary-color, #7c3aed)}.table-section{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color, #e5e7eb)}.content-cell{display:flex;align-items:center;gap:.75rem}.content-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;background:var(--bg-secondary, var(--bg-tertiary))}.content-thumbnail-placeholder{width:60px;height:60px;border-radius:8px;background:linear-gradient(135deg,#7E72E3 0%,#5B4FCF 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.content-thumbnail-placeholder .thumbnail-icon{font-size:32px;line-height:1}.content-title{font-weight:600;color:var(--text-primary, #d1d5db);margin-bottom:.25rem}.content-meta{font-size:.85rem;color:var(--text-secondary, #6b7280)}.table-actions{display:flex;gap:.5rem}.table-action-btn{padding:.5rem .75rem;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.table-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.table-action-btn.edit{color:var(--primary-500);border-color:var(--primary-500)}.table-action-btn.edit:hover{background:var(--primary-500);color:#fff}.table-action-btn.delete{color:#ef4444;border-color:#ef4444}.table-action-btn.delete:hover{background:#ef4444;color:#fff}.table-action-btn.warning{color:#f59e0b;border-color:#f59e0b}.table-action-btn.warning:hover{background:#f59e0b;color:#fff}.table-action-btn.success{color:#10b981;border-color:#10b981}.table-action-btn.success:hover{background:#10b981;color:#fff}.badge{display:inline-block;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.content-form{padding:.5rem 0}.content-form .form-group{margin-bottom:1.5rem}.content-form label{display:block;font-weight:600;color:var(--text-primary, #d1d5db);margin-bottom:.5rem;font-size:.95rem}.content-form input[type=text],.content-form input[type=number],.content-form input[type=url],.content-form select,.content-form textarea{width:100%;padding:.75rem;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1rem;font-family:inherit;color:#d1d5db;background-color:var(--bg-secondary);transition:all .2s ease}.content-form input[type=file]{width:100%;padding:.5rem;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;background-color:var(--bg-secondary);color:#d1d5db;cursor:pointer}.content-form input[type=file]::file-selector-button{padding:.5rem 1rem;background:var(--primary-color, #7c3aed);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-right:1rem;transition:all .3s ease}.content-form input[type=file]::file-selector-button:hover{background:var(--primary-600, #6d28d9);transform:translateY(-1px)}.content-form input:focus,.content-form select:focus,.content-form textarea:focus{outline:none;border-color:var(--primary-color, #7c3aed);box-shadow:0 0 0 3px #7c3aed1a}.content-form textarea{resize:vertical;min-height:80px}.content-form small{display:block;font-size:.85rem;color:var(--text-secondary, #6b7280);margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{padding:1rem;background:var(--bg-secondary, var(--bg-tertiary));border-radius:8px;border:2px solid var(--border-color, #e5e7eb)}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:400;margin:0}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-right:.75rem;cursor:pointer;accent-color:var(--primary-color, #7c3aed)}.checkbox-label span{font-size:1rem;color:var(--text-primary, #d1d5db);font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.modal-actions .btn{padding:.75rem 1.5rem;font-weight:600}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:40px;height:40px;border:4px solid var(--border-color, #e5e7eb);border-top-color:var(--primary-color, #7c3aed);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.meditation-page{padding:0 1rem}.analytics-cards-grid,.form-row{grid-template-columns:1fr}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap}.table-section{padding:1rem;overflow-x:auto}.meditation-page .page-header{flex-direction:column;gap:1rem}.meditation-page .page-header .btn{width:100%}}.settings-page{padding:0}.settings-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-primary)}.settings-page .page-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.settings-page .page-header p{color:var(--text-secondary);margin:0}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000004d;border:1px solid var(--border-primary)}.settings-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-primary)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{font-weight:600;color:var(--text-primary);font-size:.95rem}.setting-item input,.setting-item select,.setting-item textarea{width:100%;padding:.75rem;border:2px solid var(--border-primary);border-radius:8px;font-size:1rem;font-family:inherit;color:var(--text-primary);background-color:var(--bg-tertiary);transition:all .2s ease}.setting-item input:focus,.setting-item select:focus,.setting-item textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #4a90a433}.setting-item textarea{resize:vertical;min-height:80px}.settings-toggles{display:flex;flex-direction:column;gap:1.25rem}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-primary);transition:all .2s ease}.toggle-item:hover{background:var(--bg-tertiary);border-color:var(--primary-500);box-shadow:0 0 20px #4a90a44d}.toggle-item>div{flex:1}.toggle-item strong{display:block;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.toggle-item p{font-size:.875rem;color:var(--text-secondary);margin:0}.toggle{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.3s;border-radius:26px;border:1px solid var(--border-primary)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:var(--text-primary);transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000004d}.toggle input:checked+.slider{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);box-shadow:0 0 15px #4a90a480}.toggle input:checked+.slider:before{transform:translate(24px)}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}.settings-section{padding:1.5rem}.toggle-item{flex-direction:column;gap:1rem;align-items:flex-start}.toggle{align-self:flex-end}.settings-page .page-header{flex-direction:column;gap:1rem}.settings-page .page-header .btn{width:100%}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;gap:1.5rem}.spinner{width:40px;height:40px;border:4px solid var(--border-primary);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;font-weight:500;animation:slideInDown .3s ease-out}.message-banner.success{background:rgba(32,255,128,.1);color:var(--success-500);border:1px solid rgba(32,255,128,.2)}.message-banner.error{background:rgba(255,69,69,.1);color:var(--danger-500);border:1px solid rgba(255,69,69,.2)}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.section-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.section-desc strong{color:var(--danger-500)}.setting-item small{margin-top:.25rem;color:#cfcfcf!important;font-size:.8rem;opacity:.8}.settings-subsection{margin-bottom:2rem}.settings-subsection h3{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;margin-bottom:1.5rem;color:#fafafa!important}.service-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.service-badge.openai{background:#10a37f;color:#fff}.service-badge.stripe{background:#635bff;color:#fff}.service-badge.firebase{background:#ffca28;color:#1e1e1e}.service-badge.apple{background:#000000;color:#fff;border:1px solid rgba(255,255,255,.2)}.service-badge.google{background:#ffffff;color:#3c4043}.settings-divider{height:1px;background:var(--border-primary);margin:2rem 0;opacity:.3}.settings-page *{color:#fff!important}.service-badge.firebase{color:#1e1e1e!important}.service-badge.google{color:#3c4043!important}.setting-item input::placeholder,.setting-item textarea::placeholder{color:#ffffff80!important}.setting-item input,.setting-item select,.setting-item textarea{background-color:var(--bg-tertiary)!important;color:#fff!important}.settings-page p.section-desc,.setting-item small,.toggle-item p{color:#ffffffb3!important}.notifications-page{padding:24px;max-width:1400px;margin:0 auto}.page-header h1{font-size:28px;font-weight:600;color:var(--text-white);margin:0 0 8px}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.notifications-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1024px){.notifications-container{grid-template-columns:1fr}}.send-notification-card,.logs-card{background:var(--bg-secondary);border-radius:12px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-secondary)}.send-notification-card h2,.logs-card h2{font-size:20px;font-weight:600;color:var(--text-white);margin:0 0 24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1a95ff}.form-group textarea{resize:vertical;min-height:100px}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#1a95ff;color:#fff;width:100%}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-white)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-600)}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logs-table{overflow-x:auto}.logs-table table{width:100%;border-collapse:collapse}.logs-table th{text-align:left;padding:12px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;border-bottom:2px solid var(--border-primary)}.logs-table td{padding:12px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.logs-table tr:hover{background-color:var(--bg-tertiary)}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.badge-error{background-color:#f8d7da;color:#721c24}.badge-default{background-color:#e9ecef;color:#495057}.loading,.empty-state{text-align:center;padding:40px;color:var(--text-secondary)}.branding-page{padding:24px;max-width:1400px;margin:0 auto;background:var(--bg-primary);min-height:100vh}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.page-header p{color:var(--text-secondary);margin:0}.message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.message.success{background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.message.error{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.branding-container{display:flex;flex-direction:column;gap:32px}.preview-section,.colors-section,.logo-section,.backgrounds-section,.actions-section{background:var(--bg-secondary);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000004d;border:1px solid var(--border-primary)}.preview-section h2,.colors-section h2,.logo-section h2,.backgrounds-section h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.preview-card{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000080;background:var(--bg-tertiary)}.preview-header{padding:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.preview-logo img{max-width:120px;max-height:60px;object-fit:contain}.preview-logo-placeholder{color:var(--text-secondary);font-size:18px;font-weight:500}.preview-content{padding:24px;background:var(--bg-tertiary)}.preview-content h3{margin:0 0 8px;font-size:18px;color:var(--text-primary)}.preview-content p{margin:0 0 16px;font-size:14px;color:var(--text-secondary)}.preview-button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:var(--primary-500);color:#fff}.preview-button:hover{background:var(--primary-400)}.colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.color-input-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px;text-transform:capitalize}.color-input-wrapper{display:flex;gap:12px;align-items:center}.color-input-wrapper input[type=color]{width:60px;height:40px;border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;background:var(--bg-tertiary)}.color-input-wrapper input[type=text]{flex:1;padding:8px 12px;border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-family:Courier New,monospace;background:var(--bg-tertiary);color:var(--text-primary)}.color-input-wrapper input[type=text]:focus{outline:none;border-color:var(--primary-500)}.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.logo-card{text-align:center}.logo-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.logo-preview,.icon-preview{margin:16px 0;padding:20px;background:var(--bg-tertiary);border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:120px;border:1px solid var(--border-primary)}.logo-preview img{max-width:100%;max-height:100px;object-fit:contain}.icon-preview img{max-width:80px;max-height:80px;object-fit:contain}.upload-button,.upload-button-small{display:inline-block;padding:10px 20px;background-color:#1a95ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.upload-button:hover,.upload-button-small:hover{background-color:#1478cc}.upload-button-small{padding:8px 16px;font-size:13px}.upload-hint{font-size:12px;color:var(--text-secondary);margin-top:8px;margin-bottom:0}.section-description{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.backgrounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.background-card{border:1px solid var(--border-primary);border-radius:8px;padding:16px;background:var(--bg-tertiary)}.background-card h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.page-description{font-size:12px;color:var(--text-secondary);margin:0 0 12px}.background-preview{position:relative;margin-bottom:12px;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:var(--bg-secondary);border:1px solid var(--border-primary)}.background-preview img{width:100%;height:100%;object-fit:cover}.remove-button{position:absolute;top:8px;right:8px;padding:6px 12px;background-color:#ff4545e6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.remove-button:hover{background-color:#ff4545}.background-placeholder{aspect-ratio:16/9;background:var(--bg-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--text-secondary);font-size:13px;border:1px dashed var(--border-primary)}.opacity-control{margin-top:12px}.opacity-control label{display:block;font-size:13px;color:var(--text-primary);margin-bottom:8px}.opacity-control input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--bg-secondary);outline:none;-webkit-appearance:none}.opacity-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#1A95FF;cursor:pointer}.opacity-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#1A95FF;cursor:pointer;border:none}.actions-section{display:flex;gap:16px;justify-content:flex-end}.btn-primary,.btn-danger{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#1a95ff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1478cc}.btn-danger{background-color:#ff4545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#e63939}.btn-primary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 768px){.branding-page{padding:16px}.colors-grid,.logo-grid,.backgrounds-grid{grid-template-columns:1fr}.actions-section{flex-direction:column}.btn-primary,.btn-danger{width:100%}}:root{--primary-50: #e8f4f8;--primary-100: #c5e3ec;--primary-200: #9ed1e0;--primary-300: #77bfd4;--primary-400: #5ab1ca;--primary-500: #4a90a4;--primary-600: #417e91;--primary-700: #376a7c;--primary-800: #2d5667;--primary-900: #1d3744;--secondary-50: #e3f2fd;--secondary-100: #bbdefb;--secondary-200: #90caf9;--secondary-300: #64b5f6;--secondary-400: #42a5f5;--secondary-500: #2196f3;--secondary-600: #1e88e5;--secondary-700: #1976d2;--secondary-800: #1565c0;--secondary-900: #0d47a1;--tertiary-50: #ede9ff;--tertiary-100: #d2c8ff;--tertiary-200: #b5a3ff;--tertiary-300: #987eff;--tertiary-400: #8361ff;--tertiary-500: #7044ff;--tertiary-600: #633ce0;--tertiary-700: #5432c2;--tertiary-800: #4528a4;--tertiary-900: #2d1a70;--success-50: #e5fcee;--success-100: #bff8d5;--success-200: #95f4ba;--success-300: #6bf09f;--success-400: #4bec8a;--success-500: #10dc60;--success-600: #0ec254;--success-700: #0ba647;--success-800: #098a3a;--success-900: #056023;--warning-50: #fff9e5;--warning-100: #fff0bf;--warning-200: #ffe795;--warning-300: #ffde6b;--warning-400: #ffd64b;--warning-500: #ffce00;--warning-600: #e0b500;--warning-700: #c29c00;--warning-800: #a38300;--warning-900: #755e00;--danger-50: #fee;--danger-100: #fdc;--danger-200: #faa;--danger-300: #f88;--danger-400: #f66;--danger-500: #f04141;--danger-600: #d33939;--danger-700: #b63131;--danger-800: #992929;--danger-900: #6b1d1d;--gray-50: var(--bg-tertiary);--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #d1d5db;--gray-900: #111827;--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #2d3748;--bg-gradient-start: #1a1a1a;--bg-gradient-end: #2d3748;--text-primary: #d1d5db;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--text-white: #ffffff;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--toolbar-bg-start: #000000;--toolbar-bg-end: #6b7280;--toolbar-text: #ffffff;--modal-bg-start: #1a1a1a;--modal-bg-end: #2d3748;--modal-backdrop: rgba(0, 0, 0, .6);--primary-color: var(--primary-500);--secondary-color: var(--secondary-500);--accent-color: #2196f3;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 10px 10px -5px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .8);--glow-primary: 0 0 20px rgba(74, 144, 164, .3);--glow-secondary: 0 0 20px rgba(33, 150, 243, .3);--glow-success: 0 0 20px rgba(16, 220, 96, .3);--glow-danger: 0 0 20px rgba(240, 65, 65, .3);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--header-height: 4rem;--footer-height: auto;--main-padding: var(--space-4);--section-padding: var(--space-16);--gradient-dark: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);--gradient-toolbar: linear-gradient(135deg, var(--toolbar-bg-start) 0%, var(--toolbar-bg-end) 100%);--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-500) 0%, var(--secondary-700) 100%);--gradient-success: linear-gradient(135deg, var(--success-500) 0%, var(--success-700) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4);color:var(--text-primary)}h1{font-size:var(--text-5xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--text-4xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--text-3xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--text-xl);font-weight:var(--font-weight-medium)}h6{font-size:var(--text-lg);font-weight:var(--font-weight-medium)}p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-400)}a:focus{outline:2px solid var(--primary-500);outline-offset:2px}ul,ol{margin-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-1);color:var(--text-secondary)}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select{color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #4a90a41a}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.highlight{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:var(--font-weight-medium);text-align:center;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--small{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn--medium{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn--primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;border-color:var(--primary-500);box-shadow:var(--shadow-md)}.btn--primary:hover{background:linear-gradient(135deg,var(--primary-400),var(--primary-600));border-color:var(--primary-400);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}.btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.btn--secondary:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);transform:translateY(-1px)}.btn--outline{background-color:transparent;color:var(--primary-500);border-color:var(--primary-500)}.btn--outline:hover{background-color:#4a90a41a;color:var(--primary-400);border-color:var(--primary-400);box-shadow:var(--glow-primary)}.btn--ghost{background-color:transparent;color:var(--primary-500);border-color:transparent}.btn--ghost:hover{background-color:#4a90a41a;color:var(--primary-400)}.btn--danger{background:linear-gradient(135deg,var(--danger-500),var(--danger-700));color:#fff;border-color:var(--danger-500)}.btn--danger:hover{background:linear-gradient(135deg,var(--danger-400),var(--danger-600));transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-danger)}.btn--success{background:linear-gradient(135deg,var(--success-500),var(--success-700));color:#fff;border-color:var(--success-500)}.btn--success:hover{background:linear-gradient(135deg,var(--success-400),var(--success-600));transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-success)}.btn--full-width{width:100%}.btn--loading{pointer-events:none}.btn__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{width:1.25em;height:1.25em;animation:spin 1s linear infinite}.spinner__circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:31.416;stroke-dashoffset:31.416;animation:spinner-dash 2s ease-in-out infinite}.btn__text--hidden{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media (max-width: 640px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-500)}.card-gradient{background:var(--gradient-dark);border:1px solid rgba(255,255,255,.1)}.card-primary{background:var(--gradient-primary);border:none;color:#fff}.card-secondary{background:var(--gradient-secondary);border:none;color:#fff}.section-dark{background:var(--bg-primary)}.section-secondary{background:var(--bg-secondary)}.section-gradient{background:var(--gradient-dark)}.page-title{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);color:var(--text-white);margin-bottom:var(--space-4);text-align:center}.page-subtitle{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-8);text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--text-white);margin-bottom:var(--space-4);text-align:center}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6);text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.section-header{text-align:center;margin-bottom:var(--space-12)}.glass{background:rgba(26,26,26,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.glass-strong{background:rgba(26,26,26,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-primary)}