@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.landing-page{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,#f6f6fb,#fff)}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 48px}.site-nav .brand{display:flex;align-items:center;gap:12px}.site-nav .brand img{width:48px;height:48px;border-radius:8px}.site-nav .nav-links{display:flex;gap:28px;align-items:center}.site-nav a{color:var(--muted);text-decoration:none;font-weight:600}.site-nav a.ghost{color:var(--primary)}.cta a,.cta a:visited,.cta a:hover,.cta a:active{text-decoration:none}.cta{display:flex;gap:14px;justify-content:center}[data-reveal-child]{transform:translateY(60px) scale(.96);transition:transform .8s cubic-bezier(.22,1,.36,1);will-change:transform}[data-reveal].is-visible [data-reveal-child]{transform:translateY(0) scale(1)}[data-reveal].is-visible [data-reveal-child]:nth-child(1){transition-delay:0ms}[data-reveal].is-visible [data-reveal-child]:nth-child(2){transition-delay:.12s}.trusted-title{font-size:clamp(28px,3vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#0f172a;text-align:center;font-family:Inter,Poppins,system-ui,sans-serif}.trusted-sub{margin-top:12px;font-size:clamp(15px,1.2vw,18px);font-weight:500;line-height:1.6;color:#475569;text-align:center;font-family:Inter,system-ui,sans-serif}.hero-left h1{font-size:clamp(28px,6vw,64px);margin:0 0 16px;color:#221f3b;line-height:1.02}.hero-left p{color:var(--muted);font-size:clamp(15px,2.2vw,20px);max-width:560px;margin-bottom:28px}.hero-left .cta{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{background:var(--primary);color:#fff;padding:12px 20px;border-radius:10px;border:none;cursor:pointer;font-weight:700}.btn-outline{background:transparent;border:2px solid rgba(0,0,0,.06);padding:10px 18px;border-radius:10px}.hero-right{flex:0 0 420px;max-width:48%;min-width:260px}.hero-phone{width:100%;border-radius:12px;box-shadow:0 18px 40px #251e5a1f;overflow:hidden}.hero-phone img{display:block;width:100%;height:auto}.trusted-section{background:#5c860f;color:#fff;padding:64px 0;margin-top:28px}.trusted-inner{max-width:1100px;margin:0 auto;text-align:center;padding:0 20px}.trusted-inner h2{font-size:clamp(22px,3.8vw,44px);margin:0 0 14px;font-weight:800}.trusted-sub{opacity:.9;margin-bottom:36px;color:#fffffff2}.trusted-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}.stat{padding:18px}.stat-num{font-size:48px;font-weight:800;margin-bottom:8px}.stat-label{font-size:16px;opacity:.95}.benefit-inner{max-width:1100px;margin:0 auto;display:flex;gap:28px;align-items:center;padding:0 20px;flex-wrap:wrap}.benefit-left{flex:1;min-width:260px}.benefit-left h2{font-size:40px;margin:0 0 12px}.benefit-sub{color:var(--muted);margin-bottom:24px;font-size:18px}.benefit-list{display:flex;flex-direction:column;gap:18px;margin-top:8px}.benefit-item{display:flex;gap:14px;align-items:flex-start}.icon-box{width:48px;height:48px;border-radius:10px;background:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-title{font-weight:600;font-size:2.5rem;margin-bottom:10px;color:#1e1e1e}.benefit-desc{color:var(--muted)}.benefit-right{width:420px;flex:0 0 420px;position:relative}.phone-card{background:#fff;padding:34px;border-radius:10px;box-shadow:0 18px 40px #251e5a14;display:flex;align-items:center;justify-content:center}.phone-card img{width:100%;height:auto;display:block}.shape{position:absolute;border-radius:8px;opacity:.12}.shape-a{width:140px;height:120px;background:#dbeafe;right:-20px;top:20px;transform:rotate(-12deg)}.shape-b{width:180px;height:140px;background:#ede9fe;right:-40px;bottom:10px;transform:rotate(8deg)}.benefit-section{padding:60px 48px;background:#fff}.benefit-container{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.benefit-content{display:flex;flex-direction:column;gap:32px}.benefit-badge{display:inline-flex;align-items:center;gap:8px;background:#f3e8ff;color:#7c3aed;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;width:fit-content}.benefit-title{font-size:clamp(2.25rem,4vw,3.25rem);font-weight:700;line-height:1.15;color:#1a1a1a;letter-spacing:-.03em;margin:0}.benefit-description{font-size:1.125rem;line-height:1.7;color:#6b7280;margin:0;max-width:580px}.benefit-features{display:flex;flex-direction:column;gap:20px;margin-top:8px}.benefit-feature{display:flex;gap:16px;align-items:flex-start}.feature-icon-box{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #8b5cf640;transition:transform .3s ease}.benefit-feature:hover .feature-icon-box{transform:scale(1.08)}.benefit-feature h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 6px}.benefit-feature p{font-size:.95rem;line-height:1.6;color:#6b7280;margin:0}.benefit-stats-row{display:flex;gap:40px;margin-top:16px;padding-top:32px;border-top:1px solid #e5e7eb}.benefit-stat{display:flex;flex-direction:column;gap:4px}.benefit-stat .stat-value{font-size:2.5rem;font-weight:800;color:#8b5cf6;line-height:1}.benefit-stat .stat-text{font-size:.9rem;color:#6b7280;font-weight:500}.benefit-visual{position:relative}.benefit-image-card{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000001f;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);padding:20px}.benefit-image-card img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 8px 24px #0000001a}.fade-slide-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.fade-slide-in.is-visible{opacity:1;transform:translateY(0)}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}[data-reveal].in-view{opacity:1;transform:translateY(0)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1}.hero-container{position:relative;z-index:2;max-width:1400px;margin:0 60px;padding:0 48px;width:100%;display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:center}.hero-content{display:flex;flex-direction:column;gap:24px;color:#fff}.trust-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#8b5cf6e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.8rem;font-weight:600;width:fit-content;border:1px solid rgba(255,255,255,.4);color:#fff;box-shadow:0 2px 8px #0003;text-shadow:0 1px 2px rgba(0,0,0,.2)}.trust-badge svg{width:14px;height:14px;fill:#fff}.hero-heading{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:700;line-height:1.15;margin:0;color:#fff;letter-spacing:-.02em;font-family:Inter,system-ui,sans-serif}.hero-accent{color:#fef3c7;font-style:italic;font-family:Playfair Display,Georgia,serif}.hero-description{font-size:1.1rem;line-height:1.6;color:#fff;max-width:600px;margin:0}.hero-form-container{background:#fff;padding:40px;border-radius:24px;box-shadow:0 20px 60px #0006;max-width:450px;width:100%}.hero-form{display:flex;flex-direction:column;gap:20px;width:100%}.hero-form-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;text-align:center}.hero-form-tabs{display:flex;gap:8px;margin-bottom:24px;background:#f3f4f6;padding:4px;border-radius:12px}.hero-form-tab{flex:1;padding:12px 16px;border-radius:10px;font-size:.95rem;font-weight:600;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.hero-form-tab:hover{color:#8b5cf6}.hero-form-tab-active{background:#fff;color:#8b5cf6;box-shadow:0 2px 8px #00000014}.hero-form-tab svg{width:18px;height:18px}.hero-form-group{display:flex;flex-direction:column;gap:8px;width:100%}.hero-form-label{font-size:.95rem;font-weight:600;color:#374151}.hero-input-wrapper{position:relative;display:flex;align-items:center}.hero-input-icon{position:absolute;left:16px;color:#9ca3af;pointer-events:none}.hero-form-input{width:100%;padding:14px 16px 14px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#fff;color:#1a1a1a;transition:all .3s;box-sizing:border-box}.hero-form-input::placeholder{color:#9ca3af}.hero-form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.hero-password-toggle{position:absolute;right:16px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s}.hero-password-toggle:hover{color:#8b5cf6}.hero-form-submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;margin-top:8px;box-shadow:0 4px 12px #8b5cf64d;box-sizing:border-box}.hero-form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.hero-form-submit:disabled{opacity:.7;cursor:not-allowed}.hero-form-submit .spinner{animation:spin 1s linear infinite}.hero-form-divider{position:relative;text-align:center;margin:8px 0}.hero-form-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#e5e7eb}.hero-form-divider span{position:relative;background:#fff;padding:0 12px;font-size:.9rem;color:#6b7280}.hero-form-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.hero-form-btn-create{width:100%;padding:14px 24px;background:#fff;color:#8b5cf6;border:2px solid #8b5cf6;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-sizing:border-box}.hero-form-btn-create:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.hero-form-btn-filled{width:100%;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;box-shadow:0 4px 12px #8b5cf64d;text-decoration:none;box-sizing:border-box}.hero-form-btn-filled:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.hero-stats{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.stat-item{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#8b5cf6e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.4);color:#fff;box-shadow:0 2px 8px #0003;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .3s ease}.stat-item:hover{background:#8b5cf6;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.stat-item svg{width:14px;height:14px;flex-shrink:0}.stat-item span{white-space:nowrap}.cap-inner{max-width:1200px;margin:0 auto;display:flex;gap:40px;align-items:center;padding:0 20px;flex-wrap:wrap}.cap-left{flex:0 0 420px;min-width:260px}.phone-card.large{background:#fff;padding:36px;border-radius:12px;box-shadow:0 22px 48px #251e5a14}.phone-card.large img{display:block;width:100%;height:auto}.cap-right{flex:1}.cap-right h2{font-size:44px;margin:0 0 12px}.cap-sub{color:var(--muted);margin-bottom:24px;font-size:18px}.cap-list{display:flex;flex-direction:column;gap:18px;margin-top:10px}.cap-item{display:flex;gap:14px;align-items:flex-start}.cap-icon{width:52px;height:52px;border-radius:10px;background:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cap-title{font-weight:800;margin-bottom:6px}.cap-desc{color:var(--muted)}.pricing-inner{max-width:1100px;margin:0 auto;text-align:center;padding:0 20px}.pricing-inner h2{font-size:clamp(20px,3.2vw,36px);margin:0 0 8px}.pricing-sub{color:var(--muted);margin-bottom:28px}.pricing-title{font-size:20px;margin-top:18px;margin-bottom:10px}.pricing-amount{font-size:44px;font-weight:800;color:#0f172a;margin-bottom:6px}.pricing-amount .per{font-size:14px;font-weight:400;color:var(--muted);margin-left:6px}.pricing-features{text-align:left;padding:12px 0 18px;color:var(--muted);border-top:1px solid #f1f5f9;margin-top:12px}.pricing-features div{padding:8px 0}.pricing-card .btn-primary{background:#5b4bf0}.pricing-card .btn-outline{background:transparent;border:1px solid rgba(6,182,212,.08);padding:12px 18px;border-radius:8px}.trusted-ui{padding:100px 48px;background:#f7f7f7;position:relative;overflow:hidden}.trusted-ui:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none}.trusted-ui-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}.trusted-header{text-align:center;margin-bottom:64px}.trusted-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#6b21a8;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;border:1px solid rgba(139,92,246,.2)}.trusted-badge svg{width:16px;height:16px}.trusted-ui-title{font-size:clamp(4rem,4vw,3rem);font-weight:900;margin-bottom:10px;color:#1a1a1a;letter-spacing:-.02em}.trusted-ui-title span{background-image:linear-gradient(to right,#6c63ff,#ff007f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.trusted-ui-sub{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.7}.comparison-container{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:64px}.comparison-container-with-video{display:grid;grid-template-columns:minmax(400px,1fr) auto minmax(400px,1fr);gap:40px;align-items:center;margin-top:64px;justify-content:center;width:100%;max-width:1600px;margin-left:auto;margin-right:auto}.video-center-container{display:flex;align-items:center;justify-content:center;align-self:center;min-width:280px}.video-circle{position:relative;border-radius:50%;overflow:hidden;width:clamp(250px,20vw,350px);height:clamp(250px,20vw,350px);flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 20px 60px #667eea4d,0 8px 24px #764ba233}.comparison-card{background:#fff;border-radius:24px;padding:56px 40px 48px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;overflow:visible;margin-top:24px}.comparison-before{border-color:#e5e7eb;box-shadow:0 10px 40px #00000014,0 2px 8px #0000000a}.comparison-before:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000f;border-color:#d1d5db}.comparison-after{border-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#fff);box-shadow:0 20px 60px #8b5cf633,0 8px 24px #8b5cf61f}.comparison-after:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 80px #8b5cf640,0 12px 32px #8b5cf626;border-color:#7c3aed}.comparison-header{display:flex;align-items:center;gap:20px;margin-bottom:36px}.comparison-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #0000001a;transition:all .3s ease}.comparison-card:hover .comparison-icon{transform:scale(1.1) rotate(-5deg)}.comparison-icon-before{background:linear-gradient(135deg,#fee2e2,#fca5a5);color:#dc2626}.comparison-icon-after{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 8px 24px #8b5cf64d}.comparison-title{font-size:1.625rem;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.02em}.comparison-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.comparison-list li{display:flex;align-items:flex-start;gap:14px;font-size:1rem;line-height:1.6;color:#374151;font-weight:500;padding:12px 16px;border-radius:12px;transition:all .3s ease}.comparison-before .comparison-list li{background:#fef2f2}.comparison-before .comparison-list li:hover{background:#fee2e2;transform:translate(4px)}.comparison-after .comparison-list li{background:#f5f3ff}.comparison-after .comparison-list li:hover{background:#ede9fe;transform:translate(4px)}.comparison-before .comparison-list li svg{color:#dc2626;flex-shrink:0;margin-top:3px;width:20px;height:20px}.comparison-after .comparison-list li svg{color:#8b5cf6;flex-shrink:0;margin-top:3px;width:20px;height:20px}.comparison-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;padding:10px 24px;border-radius:50px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px #8b5cf666,0 2px 8px #8b5cf633;z-index:10;white-space:nowrap}.comparison-badge svg{width:16px;height:16px}.video-banner-section{padding:0;background:#f7f7f7;position:relative;overflow:hidden}.video-banner-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(167,139,250,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.3) 0%,transparent 50%);pointer-events:none}.video-banner-container{max-width:100%;margin:0;position:relative;z-index:1}.video-banner-content{text-align:center;padding:60px 20px 0}.video-banner-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#8b5cf6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.85rem;font-weight:600;color:#fff;margin-bottom:24px;border:1px solid #8b5cf6}.video-banner-badge svg{flex-shrink:0}.video-banner-title{font-size:2.5rem;font-weight:800;color:#1a1a1a;margin:0 0 20px;line-height:1.2;letter-spacing:-.02em}.video-banner-description{font-size:1.15rem;color:#6b7280;margin:0 auto 48px;max-width:700px;line-height:1.6}.video-banner-wrapper{margin-bottom:0;animation:fadeSlideUp .8s ease-out;padding:0 20px}.video-embed-container{position:relative;width:100%;max-width:1200px;margin:0 auto;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;background:#000;overflow:hidden}.video-player{width:100%;max-height:600px;display:block;border-radius:16px;outline:none;object-fit:contain}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:20px}.video-banner-features{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;padding:40px 20px 80px}.video-feature-item{display:flex;align-items:center;gap:10px;color:#1a1a1a;font-size:1rem;font-weight:600}.video-feature-item svg{flex-shrink:0;background:#8b5cf6;color:#fff;padding:4px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-comparison-btn{margin:32px auto 16px;padding:14px 32px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s;box-shadow:0 4px 16px #8b5cf64d}.pricing-comparison-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf666}.pricing-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:20px;overflow-y:auto;box-sizing:border-box}.pricing-modal-content{background:#fff;border-radius:20px;max-width:1000px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pricing-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid #f3f4f6;background:linear-gradient(135deg,#faf5ff,#fff)}.pricing-modal-header h3{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.pricing-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;color:#6b7280}.pricing-modal-body{padding:32px;overflow-x:auto}.pricing-comparison-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.pricing-comparison-table thead{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.pricing-comparison-table thead th{padding:16px 20px;text-align:left;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.pricing-comparison-table thead th:first-child{border-top-left-radius:12px}.pricing-comparison-table thead th:last-child{border-top-right-radius:12px}.pricing-comparison-table thead .popular-column{background:linear-gradient(135deg,#7c3aed,#8b5cf6);position:relative}.pricing-comparison-table thead .popular-column:after{content:"⭐ Popular";position:absolute;top:-8px;right:10px;background:#fbbf24;color:#1a1a1a;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700}.pricing-comparison-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s}.pricing-comparison-table tbody tr:hover{background:#faf5ff}.pricing-comparison-table tbody tr:last-child{border-bottom:none}.pricing-comparison-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.pricing-comparison-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.pricing-comparison-table tbody td{padding:16px 20px;text-align:left;color:#374151}.pricing-comparison-table tbody .feature-name{font-weight:600;color:#1a1a1a}.pricing-comparison-table tbody .popular-column{background:#faf5ff;font-weight:600}.check-icon{color:#10b981;font-size:20px;font-weight:700}.cross-icon{color:#ef4444;font-size:20px;font-weight:700}@media(max-width:1280px){.hero-container{margin:0 32px;padding:0 32px;gap:60px}.benefit-container,.capabilities-container{gap:60px}}@media(max-width:1024px){.hero-section{min-height:auto;padding:80px 0}.hero-container{grid-template-columns:1fr;margin:0 auto;padding:0 32px;gap:48px}.hero-content{text-align:center;align-items:center}.hero-description{max-width:560px;margin:0 auto}.hero-stats{justify-content:center}.hero-form-container{width:100%;max-width:480px;margin:0 auto;box-sizing:border-box}.benefit-container{grid-template-columns:1fr;gap:48px}.benefit-visual{order:-1}.capabilities-container{grid-template-columns:1fr;gap:48px}.cap-image{min-height:400px}.cta-stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.footer-top{grid-template-columns:1fr;gap:48px}.footer-links{grid-template-columns:repeat(2,1fr);gap:32px}.pricing-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.benefit-section,.capabilities-section{padding:48px 24px}.hero{flex-direction:column;padding:32px}.hero-left h1{font-size:34px;text-align:center}.hero-left p{text-align:center}.hero-right{width:360px;max-width:100%}.site-nav{padding:12px 20px}.trusted-stats{grid-template-columns:1fr;gap:18px}.trusted-inner h2{font-size:28px}.trusted-sub{font-size:15px}.benefit-inner{flex-direction:column;align-items:center}.benefit-right{width:100%;max-width:360px;margin:0 auto}.cap-inner{flex-direction:column}.cap-left{flex-basis:100%;max-width:420px;margin:0 auto}.cap-right{width:100%}.cap-right h2{font-size:28px}}@media(max-width:768px){.site-nav{padding:12px 16px}.site-nav .nav-links{display:none}.hero-section{padding:48px 0}.hero-container{padding:0 20px;gap:32px}.hero-heading{font-size:clamp(1.75rem,6vw,2.25rem);word-wrap:break-word}.hero-description{font-size:.95rem}.hero-stats{flex-wrap:wrap;gap:10px;width:100%}.stat-item{flex:1 1 calc(50% - 5px);min-width:130px}.hero-form-container{width:100%;max-width:100%;padding:24px 16px;box-sizing:border-box}.hero-form-title{font-size:1.25rem}.hero-form-container input,.hero-form-container select,.hero-form-container button{width:100%;box-sizing:border-box}.benefit-section{padding:64px 24px}.benefit-title{font-size:clamp(1.75rem,5vw,2.25rem)}.benefit-description{font-size:1rem}.benefit-stats-row{flex-direction:column;gap:20px}.pricing-section{padding:64px 20px}.pricing-cards{grid-template-columns:1fr;gap:32px}.pricing-heading{font-size:clamp(1.75rem,5vw,2.25rem)}.pricing-description{font-size:1rem}.price-amount{font-size:3rem}.pricing-inner h2{font-size:20px}.pricing-cards.legacy{flex-direction:column;align-items:center}.pricing-comparison-btn{width:100%;justify-content:center}.cta-section{padding:64px 24px}.cta-heading{font-size:clamp(1.75rem,5vw,2rem)}.cta-description{font-size:1rem}.cta-stats-grid{grid-template-columns:1fr;gap:16px}.cta-stat-item{padding:20px}.cta-testimonial{padding:24px}.cta-testimonial-text{font-size:1rem}.trusted-ui{padding:64px 24px}.trusted-header{margin-bottom:40px}.comparison-container,.comparison-container-with-video{grid-template-columns:1fr;gap:40px}.video-center-container{order:-1;margin-bottom:20px}.video-circle{width:clamp(150px,50vw,250px);height:clamp(150px,50vw,250px)}.comparison-card{padding:36px 24px}.comparison-icon{width:52px;height:52px}.comparison-title{font-size:1.25rem}.video-banner-content{padding:48px 16px 0}.video-banner-title{font-size:1.75rem}.video-banner-description{font-size:1rem;margin-bottom:28px}.video-banner-wrapper{padding:0 12px}.video-embed-container{border-radius:12px}.video-player{max-height:360px;border-radius:12px}.video-banner-features{gap:20px;padding:28px 16px 56px}.video-feature-item{font-size:.9rem}.footer{padding:56px 24px 24px}.footer-links{grid-template-columns:repeat(2,1fr);gap:28px}.footer-bottom{flex-direction:column;text-align:center}.footer-bottom-links{flex-direction:column;gap:12px;align-items:center}.pricing-modal-content{max-height:95vh;overflow-y:auto}.pricing-modal-header{padding:16px 20px}.pricing-modal-header h3{font-size:1.25rem}.pricing-modal-body{padding:20px 12px}.pricing-comparison-table{font-size:12px}.pricing-comparison-table thead th,.pricing-comparison-table tbody td{padding:10px 8px}}@media(max-width:600px){.hero{padding:28px 16px;gap:18px}.hero-left{order:2;text-align:center}.hero-right{order:1;flex-basis:100%;max-width:420px;margin:0 auto}.hero-right .hero-phone{width:92%;margin:0 auto}.hero-left p{margin:12px auto}.trusted-inner h2{font-size:20px}.stat-num{font-size:28px}.benefit-right{width:100%;order:1}.benefit-left{order:2}.comparison-card{padding:28px 16px}.comparison-container-with-video{grid-template-columns:1fr;gap:24px}.video-center-container{order:-1;margin-bottom:16px}.video-circle{width:180px;height:180px}.footer-links{grid-template-columns:1fr;gap:28px}.video-player{max-height:280px}.video-banner-features{flex-direction:column;gap:14px}}@media(max-width:400px){.stat-item{flex:1 1 100%}.hero-heading{font-size:1.625rem}.hero-form-container{padding:20px 12px}.video-player{max-height:220px}.comparison-card{padding:28px 16px}.pricing-card{padding:28px 20px}.feature-showcase-card{padding:20px 16px}}.book-demo-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;color:#374151;cursor:default;transition:all .2s ease;box-shadow:0 1px 4px #0000000f;width:160px}button.book-demo-btn{cursor:pointer;position:relative;z-index:1;background:linear-gradient(135deg,#fff,#f5f0ff);border:1.5px solid #c4b5fd;color:#6d28d9;overflow:visible;animation:btnPulseGlow 2.5s ease-in-out infinite;transition:all .35s cubic-bezier(.25,.8,.25,1)}@keyframes btnPulseGlow{0%,to{box-shadow:0 0 12px #8b5cf680,0 0 28px #8b5cf64d,0 0 #8b5cf600}50%{box-shadow:0 0 18px #8b5cf6cc,0 0 45px #8b5cf680,0 0 80px #8b5cf633}}button.book-demo-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:linear-gradient(120deg,transparent 0%,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%,transparent 100%);background-size:250% 100%;background-position:200% 0;animation:shimmerSweep 3s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes shimmerSweep{0%{background-position:200% 0}to{background-position:-100% 0}}button.book-demo-btn:after{content:"Schedule a free walkthrough!";position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(6px);background:linear-gradient(135deg,#1e1b4b,#312e81);color:#e0e7ff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:100;box-shadow:0 8px 24px #1e1b4b59;letter-spacing:.2px}button.book-demo-btn:hover{background:linear-gradient(135deg,#f5f0ff,#ede9fe);border-color:#8b5cf6;color:#5b21b6;transform:translateY(-3px) scale(1.04);animation:none;box-shadow:0 0 12px #8b5cf680,0 0 32px #8b5cf64d,0 4px 20px #8b5cf640}button.book-demo-btn:hover:before{animation:shimmerSweep 1.5s ease-in-out infinite}button.book-demo-btn:hover:after{opacity:1;transform:translate(-50%) translateY(0)}button.book-demo-btn:active{transform:translateY(0) scale(.97);box-shadow:0 0 6px #8b5cf666,0 0 16px #8b5cf633}.book-demo-icon{color:#8b5cf6;flex-shrink:0}button.book-demo-btn .book-demo-icon{animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hero-support{display:flex;gap:20px}:root{--bg: #f3f5fb;--card: #ffffff;--primary: #0ea5a4;--accent: #059669;--muted: #6b7280;--danger: #dc3545;--radius: 10px;--shadow: 0 6px 18px rgba(15, 23, 42, .08);--container-padding: 24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{background:var(--bg);margin:0;color:#0f172a}.saas-header{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.saas-brand{display:flex;gap:12px;align-items:center}.saas-brand h1{margin:0;font-size:18px;font-weight:600}.saas-top-actions{display:flex;gap:12px;align-items:center}.saas-layout{display:flex;min-height:calc(100vh - 56px)}.saas-sidebar{width:220px;height:calc(100vh - 64px);background:var(--card);padding:16px 12px 8px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;position:fixed;margin-top:64px}.saas-sidebar .nav{display:flex;flex-direction:column;gap:8px;flex:1}.saas-sidebar .nav a{padding:10px 12px;border-radius:8px;color:#0f172a;text-decoration:none;display:flex;align-items:center;gap:8px}.saas-sidebar .nav a.active,.saas-sidebar .nav a:hover{background:linear-gradient(90deg,#3b82f614,#06b6d40a)}.sidebar-profile{margin-top:auto;margin-bottom:20px;padding:16px 0 0;border-top:1px solid #e6e9ef;display:flex;align-items:center;justify-content:space-between;gap:2px;flex-shrink:0;min-height:60px}.profile-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.profile-details{flex:1;min-width:0}.profile-name{font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.logout-btn:hover{background:#fee2e2;color:#dc2626}.saas-main{flex:1;padding:var(--container-padding);min-width:0;margin-left:270px;margin-top:64px}.saas-page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.saas-card{background:var(--card);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow)}.btn{background:var(--primary);color:#fff;padding:8px 12px;border:none;border-radius:8px;cursor:pointer}.btn.secondary{background:#f3f4f6;color:var(--muted)}.btn.danger{background:var(--danger)}.form-row{display:flex;gap:12px;margin-bottom:12px}.form-control{padding:10px 12px;border-radius:8px;border:1px solid #e6e9ef;background:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;text-align:left}@media(max-width:1024px){.saas-sidebar{display:none}.saas-layout{display:block}.saas-main{margin-left:0}}@media(max-width:1024px){.mobile-view-select{display:inline-block!important}}.login-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 56px);padding:32px}.login-card{width:420px;max-width:95%}.login-mode .btn{flex:1}.login-mode .btn+.btn{margin-left:0}.login-mode .btn.secondary{background:#fff;border:1px solid #e6e9ef;color:var(--muted)}.muted{color:var(--muted)}.calculator-section{padding:4.5rem 0;background:linear-gradient(135deg,#8b5cf605,#10b98105);border-top:1px solid rgba(139,92,246,.1);border-bottom:1px solid rgba(139,92,246,.1);position:relative;overflow:hidden}.calculator-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none}.calculator-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.calculator-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:4rem;align-items:center}@media(max-width:992px){.calculator-grid{grid-template-columns:1fr;gap:3rem}}.calculator-content{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.calculator-subtitle{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61a,#10b9811a);padding:.5rem 1rem;border-radius:9999px;border:1px solid rgba(139,92,246,.2)}.calculator-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:#1a1a1a;margin:0}[data-theme=dark] .calculator-title{color:#fff}.calculator-gradient-text{background:linear-gradient(135deg,#8b5cf6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calculator-description{font-size:1.125rem;line-height:1.7;color:#6b7280;margin:0}[data-theme=dark] .calculator-description{color:#9ca3af}.calculator-features-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;width:100%}.calc-feat-item{display:flex;align-items:center;gap:.75rem;font-weight:500;font-size:1rem;color:#374151;padding:.75rem 1rem;background:#8b5cf608;border-radius:.75rem;border:1px solid rgba(139,92,246,.1);transition:all .3s ease}[data-theme=dark] .calc-feat-item{color:#e5e7eb;background:#8b5cf60d}.calc-feat-item:hover{background:#8b5cf614;border-color:#8b5cf64d;transform:translate(5px)}.calc-feat-item svg{color:#10b981;flex-shrink:0}.calculator-card{padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:1.5rem;box-shadow:0 20px 60px #8b5cf626,0 10px 30px #0000000d;width:100%;max-width:100%;box-sizing:border-box}[data-theme=dark] .calculator-card{background:#1f2937cc;border-color:#8b5cf64d}.calc-input-group{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%;box-sizing:border-box}.slider-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem;color:#374151;width:100%;gap:.5rem}[data-theme=dark] .slider-header{color:#e5e7eb}.slider-display-val{color:#8b5cf6;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:700;font-size:1.1rem;flex-shrink:0;white-space:nowrap}[data-theme=dark] .slider-display-val{color:#a78bfa}.custom-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(90deg,#8b5cf633,#10b98133);border-radius:9999px;outline:none;transition:all .3s ease;cursor:pointer}.custom-slider:hover{background:linear-gradient(90deg,#8b5cf64d,#10b9814d)}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:9999px;background:linear-gradient(135deg,#8b5cf6,#10b981);cursor:pointer;border:3px solid #ffffff;box-shadow:0 4px 12px #8b5cf666;transition:all .3s ease}[data-theme=dark] .custom-slider::-webkit-slider-thumb{border-color:#1f2937}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #8b5cf699}.custom-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.custom-slider::-moz-range-thumb{width:24px;height:24px;border-radius:9999px;background:linear-gradient(135deg,#8b5cf6,#10b981);cursor:pointer;border:3px solid #ffffff;box-shadow:0 4px 12px #8b5cf666;transition:all .3s ease}[data-theme=dark] .custom-slider::-moz-range-thumb{border-color:#1f2937}.custom-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #8b5cf699}.custom-slider::-moz-range-thumb:active{transform:scale(1.05)}.calc-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.3) 50%,transparent 100%);margin:.5rem 0}.calc-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.calc-results-grid{grid-template-columns:1fr}}.calc-result-box{background:#ffffff80;border:1px solid rgba(139,92,246,.15);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}[data-theme=dark] .calc-result-box{background:#11182780;border-color:#8b5cf633}.calc-result-box:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf626}.calc-result-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .calc-result-label{color:#9ca3af}.calc-result-value{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.5rem;font-weight:800;color:#1a1a1a}[data-theme=dark] .calc-result-value{color:#fff}.box-recovered{border-color:#10b9814d;background:linear-gradient(135deg,#10b9810d,#8b5cf60d)}[data-theme=dark] .box-recovered{background:linear-gradient(135deg,#10b98114,#8b5cf614)}.box-recovered:hover{border-color:#10b98180}.text-accent{color:#10b981!important}@media(max-width:768px){.calculator-section{padding:3rem 0}.calculator-container{padding:0 1rem;max-width:100%;overflow-x:hidden}.calculator-grid{width:100%;max-width:100%}.calculator-title{font-size:1.75rem}.calculator-description{font-size:1rem}.calculator-card{padding:1.25rem;overflow-x:hidden;margin:0}.slider-header{font-size:.8rem;flex-wrap:nowrap;gap:.5rem}.slider-header label{flex:1;min-width:0;word-wrap:break-word}.slider-display-val{font-size:.9rem}.calc-result-value{font-size:1.15rem}.calc-result-label{font-size:.7rem}.calc-result-box{padding:1rem}}@media(max-width:480px){.calculator-container{padding:0 .5rem}.calculator-title{font-size:1.5rem}.calculator-card{padding:1rem;border-radius:1rem}.slider-header{font-size:.75rem}.slider-header label{font-size:.75rem;line-height:1.2}.slider-display-val{font-size:.85rem}.calc-feat-item{font-size:.85rem;padding:.625rem .875rem}.calc-result-box{padding:.875rem}.calc-result-value{font-size:1rem;word-break:break-word}.calc-result-label{font-size:.65rem;line-height:1.3}}.pricing-section{padding:60px 48px;background:#f7f7f7;overflow:visible}.pricing-container{max-width:1200px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:64px}.pricing-badge{display:inline-flex;align-items:center;gap:8px;background:#f3e8ff;color:#7c3aed;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.pricing-heading{font-size:clamp(2.25rem,4vw,3rem);font-weight:700;line-height:1.2;color:#1a1a1a;letter-spacing:-.03em;margin:0 0 16px}.pricing-highlight{color:#8b5cf6;font-style:italic}.pricing-description{font-size:1.125rem;line-height:1.7;color:#6b7280;max-width:700px;margin:0 auto 32px}.pricing-toggle-container{display:inline-flex;align-items:center;gap:16px;margin-top:8px;margin-bottom:8px}.toggle-label{font-weight:600;font-size:.95rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .3s ease;-webkit-user-select:none;user-select:none}.toggle-label.active{color:#1a1a1a}.discount-badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;font-size:.7rem;padding:4px 10px;border-radius:50px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #10b98133}.pricing-toggle-switch{width:56px;height:28px;background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:50px;cursor:pointer;position:relative;outline:none;transition:background-color .3s ease}.pricing-toggle-switch:hover{background-color:#d1d5db}.toggle-indicator{position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:#fff;border-radius:50px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.pricing-toggle-switch.active{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-color:#8b5cf6}.pricing-toggle-switch.active .toggle-indicator{transform:translate(28px)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:32px;padding-top:8px;align-items:stretch}.pricing-card{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:40px 32px;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box;overflow:visible;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:#d1d5db}.pricing-popular{border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf626;background:linear-gradient(135deg,#faf5ff,#fff)}.pricing-card-popular:hover,.pricing-popular:hover{box-shadow:0 20px 40px #8b5cf640;border-color:#7c3aed}.pricing-popular-badge,.popular-tag{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;padding:7px 18px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.8px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #8b5cf666;white-space:nowrap;z-index:10;text-transform:uppercase}.pricing-card-header{text-align:center;margin-bottom:24px}.pricing-plan-name{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;font-family:Inter,system-ui,sans-serif}.pricing-plan-desc{font-size:.9rem;color:#6b7280;margin:0 0 20px;min-height:44px;line-height:1.5}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:12px}.price-currency{font-size:1.5rem;font-weight:700;color:#8b5cf6;align-self:flex-start;margin-top:8px}.price-amount{font-size:3rem;font-weight:800;color:#8b5cf6;line-height:1;font-family:Inter,system-ui,sans-serif;transition:opacity .15s ease,transform .15s ease}.price-amount.price-animating{opacity:0;transform:scale(.8)}.price-period{font-size:.9rem;color:#6b7280;font-weight:500;margin-left:4px}.savings-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:600;margin-top:8px;box-shadow:0 2px 8px #10b98133;animation:slideDown .3s ease-out}.savings-badge svg{width:14px;height:14px;flex-shrink:0}.pricing-divider{height:1px;background-color:#e5e7eb;margin:24px 0}.pricing-features-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px}.pricing-features-list li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#4b5563;line-height:1.5}.pricing-features-list li svg{flex-shrink:0;color:#10b981;margin-top:2px}.pricing-features-list li.disabled{color:#9ca3af;opacity:.6}.pricing-features-list li.disabled svg{color:#ef4444}.pricing-cta,.pricing-btn{width:100%;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;border:none;box-sizing:border-box;text-decoration:none;margin-top:auto;text-align:center}.pricing-cta svg{width:16px;height:16px}.pricing-cta-primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.pricing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.pricing-cta-secondary{background:transparent;color:#8b5cf6;border:2px solid #8b5cf6}.pricing-cta-secondary:hover{background:#8b5cf6;color:#fff}.pricing-comparison-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;margin:0 auto 24px;padding:12px 24px;background:#fff;color:#8b5cf6;border:2px solid #8b5cf6;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.pricing-comparison-btn:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.pricing-note{text-align:center;font-size:.9rem;color:#6b7280;margin:0;padding-top:24px;border-top:1px solid #e5e7eb}.pricing-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;align-items:center;justify-content:center;padding:20px}.pricing-modal-content{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.pricing-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.pricing-modal-header h3{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.pricing-modal-close{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:8px}.pricing-modal-close:hover{background:#f3f4f6;color:#1a1a1a}.pricing-modal-body{padding:32px}.pricing-comparison-table{width:100%;border-collapse:collapse}.pricing-comparison-table thead{background:#f9fafb}.pricing-comparison-table th{padding:16px;text-align:left;font-weight:600;color:#1a1a1a;border-bottom:2px solid #e5e7eb}.pricing-comparison-table th.popular-column{background:#f3e8ff;color:#7c3aed;position:relative}.pricing-comparison-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:#4b5563}.pricing-comparison-table td.feature-name{font-weight:600;color:#1a1a1a}.check-icon{color:#10b981;font-size:1.2rem;font-weight:700}.cross-icon{color:#ef4444;font-size:1.2rem;font-weight:700}@media(max-width:968px){.pricing-cards{grid-template-columns:1fr;gap:32px}.pricing-card{max-width:400px;margin:0 auto}.pricing-comparison-table{font-size:.9rem}.pricing-comparison-table th,.pricing-comparison-table td{padding:12px 8px}}@media(max-width:640px){.pricing-section{padding:48px 20px}.pricing-heading{font-size:1.75rem}.pricing-description{font-size:1rem}.price-amount{font-size:3rem}.pricing-modal-body{padding:16px;overflow-x:auto}.pricing-comparison-table{font-size:.8rem}}.testimonials-section{padding:56px 24px;text-align:center;overflow:hidden}.testimonials-section__heading{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 40px;line-height:1.3}.testimonials-section__heading span{color:#6c63ff}.testimonials-carousel{position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.testimonials-carousel__arrow{background:#fff;border:1px solid #e0e0ee;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:#6b7280;transition:background .2s,color .2s;z-index:2}.testimonials-carousel__arrow:hover{background:#f3f2ff;color:#6c63ff;border-color:#c4bfff}.testimonials-carousel__arrow svg{width:18px;height:18px;stroke:currentColor}.testimonials-track-wrapper{overflow:hidden;flex:1;max-width:1080px}.testimonials-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.testimonial-card{flex:0 0 calc(33.333% - 12px);margin:0 6px;background:#fff;border:1px solid #e8e8f0;border-radius:16px;padding:28px 24px;text-align:left;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.testimonial-card__stars{display:flex;gap:4px}.testimonial-card__star{width:20px;height:20px;fill:#6c63ff;color:#6c63ff}.testimonial-card__quote{font-size:14px;color:#374151;line-height:1.7;margin:0;flex:1}.testimonial-card__author{display:flex;align-items:center;gap:12px}.testimonial-card__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e8e8f0}.testimonial-card__avatar--placeholder{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#6c63ff;background:#eeecfe}.testimonial-card__author-info{display:flex;flex-direction:column;gap:2px}.testimonial-card__name{font-size:14px;font-weight:700;color:#1a1a2e;margin:0}.testimonial-card__org{font-size:13px;color:#6b7280;margin:0}.testimonials-dots{display:flex;justify-content:center;gap:8px;margin-top:28px}.testimonials-dots__dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.testimonials-dots__dot--active{background:#6c63ff;transform:scale(1.3)}@media(max-width:900px){.testimonial-card{flex:0 0 calc(50% - 12px)}.testimonials-section__heading{font-size:24px}}@media(max-width:600px){.testimonials-section{padding:40px 8px}.testimonials-section__heading{font-size:20px;margin-bottom:28px;padding:0 16px}.testimonial-card{flex:0 0 calc(100% - 12px)}.testimonials-carousel__arrow{width:30px;height:30px}.testimonials-carousel__arrow svg{width:14px;height:14px}}.hero-section{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;padding:0;background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.hero-video-bg{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:0;filter:blur(6px)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.hero-container{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 48px;width:100%}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;min-height:85vh;padding:110px 0 50px}.hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:22px;color:#fff}.badge-container{display:inline-block}.promo-badge{background:#8b5cf633;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-family:Inter,system-ui,sans-serif;font-size:3.35rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#fff;margin:0}.gradient-text{background:linear-gradient(135deg,#fef3c7,#fde68a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-description{font-size:1.18rem;color:#ffffffe6;max-width:585px;line-height:1.65;margin:0}.hero-cta-group{display:flex;gap:16px;width:100%;margin-top:6px}.hero-secondary-actions{display:flex;gap:16px;width:100%;margin-top:12px;flex-wrap:wrap}.btn-medium{padding:12px 24px;font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.btn-large{padding:15px 32px;font-size:1.025rem}.btn-cta{padding:14px 28px;font-size:1rem;flex:1;max-width:fit-content}.btn-cta:first-child{flex:1.5}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 20px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf699}.btn-secondary{background:#fff;color:#6366f1;box-shadow:0 4px 20px #ffffff4d}.btn-secondary:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 30px #ffffff80}.btn-glowing{position:relative;overflow:hidden}.btn-glowing:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#a78bfa,#8b5cf6,#6366f1);background-size:300% 300%;border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease;animation:gradientShift 3s ease infinite}.btn-glowing:hover:before{opacity:1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-outline{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.btn-support{background:#10b98126;color:#fff;border:2px solid rgba(16,185,129,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-support:hover{background:#10b98140;border-color:#10b98199;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.hero-trust{display:flex;align-items:center;gap:16px;margin-top:12px;max-width:100%;flex-wrap:wrap}.avatar-group{display:flex}.avatar{width:38px;height:38px;border-radius:50px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem;margin-left:-9px}.avatar:first-child{margin-left:0}.avatar-1{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.avatar-2{background:linear-gradient(135deg,#10b981,#34d399)}.avatar-3{background:linear-gradient(135deg,#2563eb,#3b82f6)}.avatar-4{background:linear-gradient(135deg,#db2777,#ec4899)}.trust-text{font-size:.925rem;color:#ffffffe6;margin:0;max-width:100%;word-wrap:break-word}.trust-text strong{font-weight:700;color:#fff}.hero-visual{position:relative;display:flex;justify-content:center}.glow-sphere{position:absolute;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.45;pointer-events:none}.sphere-1{width:300px;height:300px;background:#8b5cf6;top:-50px;right:-50px}.sphere-2{width:250px;height:250px;background:#10b981;bottom:-50px;left:-50px}.dashboard-wrapper{position:relative;border-radius:16px;overflow:visible;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0000004d;background:#fff;transition:transform .5s ease;max-width:100%}.dashboard-wrapper:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.dashboard-img{border-radius:16px;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);padding:12px 16px;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:10}.floating-card-icon{width:40px;height:40px;border-radius:10px;background:#6366f11a;color:#6366f1;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;flex-shrink:0}.reminder-icon{background:#10b9811a;color:#10b981}.floating-card-info{display:flex;flex-direction:column;gap:2px}.floating-card-label{font-size:.75rem;color:#6b7280;font-weight:500}.floating-card-value{font-size:1.1rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:6px}.trend-up{font-size:.75rem;color:#10b981;display:inline-flex;align-items:center;gap:2px}.card-fees{bottom:20px;left:-40px}.card-reminders{top:30px;right:-30px}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatMedium{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float-slow{animation:floatSlow 5s ease-in-out infinite}.animate-float-medium{animation:floatMedium 4s ease-in-out infinite}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:60px;padding:120px 0 60px}.hero-title{font-size:2.75rem}.hero-description{font-size:1.1rem}.hero-visual{order:-1}.card-fees{left:10px}.card-reminders{right:10px}}@media(max-width:768px){.hero-section{min-height:auto}.hero-grid{padding:140px 0 60px;gap:50px}.hero-container{padding:0 24px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-cta-group,.hero-secondary-actions{flex-direction:column;width:100%}.btn-large{width:100%}.btn-cta{width:100%;flex:1;max-width:100%}.btn-cta:first-child{flex:1}.btn-secondary,.btn-medium,.btn-support{width:100%}.hero-trust{flex-direction:column;align-items:flex-start;gap:12px}.trust-text{font-size:.85rem;line-height:1.5}.hero-visual{padding-top:40px}.dashboard-wrapper{margin-top:30px}.floating-card{padding:10px 12px}.floating-card-icon{width:36px;height:36px}.floating-card-value{font-size:1rem}.card-fees{left:0;bottom:-20px}.card-reminders{right:0;top:-20px}}.cta-faq-section{background-color:#fff;color:#171717;font-family:Inter,sans-serif}[data-theme=dark] .cta-faq-section{background-color:#111827;color:#fff}.cta-faq-container{max-width:1100px;width:100%;margin:0 auto;padding:60px 20px 80px;box-sizing:border-box}.faq-section-header{text-align:center;margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto}.faq-section-subtitle{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61a,#10b9811a);padding:.5rem 1rem;border-radius:9999px;border:1px solid rgba(139,92,246,.2);margin-bottom:1.5rem}.faq-section-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:#1a1a1a;margin:0 0 1rem}[data-theme=dark] .faq-section-title{color:#fff}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-section-description{font-size:1.125rem;line-height:1.7;color:#6b7280;margin:0}[data-theme=dark] .faq-section-description{color:#9ca3af}@media(max-width:900px){.cta-faq-container{padding:48px 20px 60px}.faq-section-header{margin-bottom:36px}.faq-section-title{font-size:2rem}.faq-section-description{font-size:1rem}}.cta-faq-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:stretch}@media(max-width:900px){.cta-faq-grid{grid-template-columns:1fr;gap:40px}}.cta-faq-card-new{border-radius:28px;overflow:hidden;position:relative;box-shadow:0 20px 60px #00000026;transition:transform .4s ease,box-shadow .4s ease;height:100%;min-height:450px;display:flex;flex-direction:column}.cta-faq-card-new:hover{transform:translateY(-8px);box-shadow:0 28px 80px #0003}.cta-card-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.cta-card-image{width:100%;height:100%;object-fit:cover;object-position:center}.cta-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf6eb,#7c3aede0,#6d28d9e6);z-index:1}.cta-card-content{position:relative;z-index:2;padding:60px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;color:#fff}.cta-card-title{font-weight:800;line-height:1.2;margin:0 0 16px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;text-shadow:0 4px 12px rgba(0,0,0,.2)}.cta-card-subtitle{font-size:1.05rem;margin:0 0 32px;font-weight:400;opacity:.95;line-height:1.5;max-width:400px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.cta-card-button-new{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-weight:700;cursor:pointer;border:none;font-size:1.05rem;padding:18px 36px;border-radius:16px;box-shadow:0 12px 32px #25d36666;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;text-decoration:none;position:relative;overflow:hidden;z-index:1}.cta-card-button-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;z-index:-1}.cta-card-button-new:hover:before{left:100%}.cta-card-button-new:hover{transform:translateY(-3px);box-shadow:0 16px 40px #25d36680;background:linear-gradient(135deg,#20ba56,#0f7a6b)}.cta-card-button-new:active{transform:translateY(-1px);box-shadow:0 8px 20px #25d36666}.cta-card-button-new svg{flex-shrink:0}.cta-card-button-new svg:last-child{transition:transform .3s ease}.cta-card-button-new:hover svg:last-child{transform:translate(4px)}.cta-faq-list{display:flex;flex-direction:column;justify-content:center;gap:12px}.cta-faq-item{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:18px 20px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000005}[data-theme=dark] .cta-faq-item{background-color:#1f2937;border-color:#374151}.cta-faq-item:hover{border-color:#eaeaea}[data-theme=dark] .cta-faq-item:hover{border-color:#4b5563}.cta-faq-item.active{border-color:#eaeaea;box-shadow:0 4px 12px #0000000a}[data-theme=dark] .cta-faq-item.active{border-color:#8b5cf666;box-shadow:0 4px 12px #8b5cf61a}.cta-faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:.9rem;color:#171717}[data-theme=dark] .cta-faq-question{color:#e5e7eb}.cta-faq-answer{margin-top:12px;font-size:.9rem;color:#666;line-height:1.6}[data-theme=dark] .cta-faq-answer{color:#9ca3af}@media(max-width:900px){.cta-faq-card-new{min-height:400px}.cta-card-content{padding:48px 32px}.cta-card-title{font-size:2rem}.cta-card-subtitle{font-size:.95rem}.cta-card-button-new{padding:16px 32px;font-size:1rem;width:100%;justify-content:center}}@media(max-width:600px){.cta-faq-card-new{min-height:350px}.cta-card-content{padding:40px 24px}}.footer{background:#1a1a1a;color:#e5e7eb;padding:80px 48px 32px}.footer-container{max-width:1400px;margin:0 auto}.footer-top{display:grid;grid-template-columns:1.5fr 2.5fr;gap:80px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:32px}.footer-brand{display:flex;flex-direction:column;gap:20px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo img{height:100px;width:auto;object-fit:contain;border-radius:12px}.footer-tagline{font-size:.95rem;line-height:1.6;color:#9ca3af;margin:0;max-width:320px}.footer-social{display:flex;gap:12px}.footer-social a{width:40px;height:40px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .2s ease;text-decoration:none}.footer-social a:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-column h4{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-column ul li a{color:#9ca3af;text-decoration:none;font-size:.95rem;transition:color .2s ease}.footer-column ul li a:hover{color:#8b5cf6}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copyright{font-size:.9rem;color:#6b7280;margin:0}.footer-copyright .powered-by-link{color:#8b5cf6;text-decoration:none;font-weight:600;transition:color .2s ease}.footer-copyright .powered-by-link:hover{color:#a78bfa;text-decoration:underline}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{font-size:.9rem;color:#6b7280;text-decoration:none;transition:color .2s ease}.footer-bottom-links a:hover{color:#8b5cf6}@media(max-width:1024px){.footer{padding:60px 32px 28px}.footer-top{gap:60px}.footer-links{gap:32px}}@media(max-width:768px){.footer{padding:48px 24px 24px}.footer-top{grid-template-columns:1fr;gap:40px;padding-bottom:32px}.footer-brand{align-items:flex-start;gap:16px}.footer-logo img{height:80px}.footer-tagline{font-size:.875rem;max-width:100%}.footer-social{gap:10px}.footer-social a{width:38px;height:38px}.footer-links{grid-template-columns:repeat(2,1fr);gap:32px 24px}.footer-column h4{font-size:.8125rem;margin:0 0 16px}.footer-column ul{gap:10px}.footer-column ul li a{font-size:.875rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-copyright{font-size:.8125rem}.footer-bottom-links{gap:16px}.footer-bottom-links a{font-size:.8125rem}}@media(max-width:480px){.footer{padding:40px 20px 20px}.footer-top{gap:32px;padding-bottom:28px}.footer-brand{gap:14px}.footer-logo img{height:70px}.footer-tagline{font-size:.8125rem;line-height:1.5}.footer-social{gap:8px}.footer-social a{width:36px;height:36px}.footer-social a svg{width:18px;height:18px}.footer-links{grid-template-columns:1fr;gap:28px}.footer-column h4{font-size:.75rem;margin:0 0 14px}.footer-column ul{gap:8px}.footer-column ul li a{font-size:.8125rem}.footer-bottom{gap:10px}.footer-copyright{font-size:.75rem;line-height:1.4}.footer-bottom-links{gap:12px;flex-wrap:wrap}.footer-bottom-links a{font-size:.75rem}}.capabilities-section{padding:60px 48px;background:#f7f7f7}.capabilities-container{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:stretch}.capabilities-visual{position:relative;display:flex;align-items:stretch}.capabilities-image-card{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #8b5cf633;width:100%;display:flex;align-items:center}.cap-image{width:100%;height:100%;display:block;object-fit:cover;min-height:600px}.capabilities-content{display:flex;flex-direction:column;gap:32px;justify-content:space-between}.capabilities-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#7c3aed;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;width:fit-content;box-shadow:0 4px 12px #8b5cf626}.capabilities-heading{font-size:clamp(2.25rem,4vw,3.25rem);font-weight:700;line-height:1.15;color:#1a1a1a;letter-spacing:-.03em;margin:0}.capabilities-description{font-size:1.125rem;line-height:1.7;color:#6b7280;margin:0;max-width:580px}.capabilities-features{display:flex;flex-direction:column;gap:20px;margin-top:8px}.capability-item{display:flex;gap:16px;align-items:flex-start}.capability-icon{width:48px;height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0;box-shadow:0 4px 12px #8b5cf626;transition:all .3s ease}.capability-item:hover .capability-icon{transform:scale(1.08);background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.capability-item h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 6px}.capability-item p{font-size:.95rem;line-height:1.6;color:#6b7280;margin:0}.capabilities-stats{display:flex;gap:40px;margin-top:16px;padding-top:32px;border-top:1px solid rgba(139,92,246,.2)}.capability-stat{display:flex;flex-direction:column;gap:4px}.capability-stat .stat-number{font-size:2.5rem;font-weight:800;color:#8b5cf6;line-height:1}.capability-stat .stat-label{font-size:.9rem;color:#6b7280;font-weight:500}@media(max-width:992px){.capabilities-container{grid-template-columns:1fr;gap:48px}.capabilities-content{order:1}.capabilities-visual{order:2}}@media(max-width:768px){.capabilities-section{padding:64px 24px}.capabilities-heading{font-size:clamp(1.75rem,5vw,2.25rem)}.capabilities-description{font-size:1rem}.capabilities-stats{flex-direction:row;gap:16px;padding:24px;margin-top:24px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:16px;border-top:none;box-shadow:0 8px 24px #8b5cf64d}.capability-stat{flex:1;text-align:center;padding:12px;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.capability-stat .stat-number{font-size:2.75rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.2)}.capability-stat .stat-label{font-size:.85rem;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;opacity:.95}.cap-image{min-height:260px}}.features-showcase-section{padding:48px 32px;background:#fff}.features-showcase-container{max-width:1300px;margin:0 auto}.features-showcase-header{text-align:center;margin-bottom:40px}.features-showcase-badge{display:inline-flex;align-items:center;gap:6px;background:#faf5ff;color:#8b5cf6;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;margin-bottom:16px;border:1px solid #e9d5ff}.features-showcase-heading{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.2;color:#1a1a1a;letter-spacing:-.02em;margin:0 0 12px}.features-showcase-description{font-size:1rem;line-height:1.6;color:#6b7280;margin:0 auto;max-width:650px}.features-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-showcase-card{background:#fff;border:2px solid #f3f4f6;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);transform:scaleX(0);transition:transform .3s ease}.feature-showcase-card:hover{border-color:#8b5cf6;transform:translateY(-8px);box-shadow:0 20px 40px #8b5cf626}.feature-showcase-card:hover:before{transform:scaleX(1)}.feature-showcase-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#faf5ff,#f3e8ff);display:flex;align-items:center;justify-content:center;color:#8b5cf6;margin-bottom:18px;transition:all .3s ease}.feature-showcase-card:hover .feature-showcase-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;transform:scale(1.1) rotate(-5deg)}.feature-showcase-title{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0 0 10px;letter-spacing:-.01em}.feature-showcase-text{font-size:.875rem;line-height:1.6;color:#6b7280;margin:0 0 14px}.feature-showcase-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.feature-showcase-list li{font-size:.8125rem;color:#374151;padding-left:20px;position:relative;line-height:1.5}.feature-showcase-list li:before{content:"✓";position:absolute;left:0;color:#8b5cf6;font-weight:700;font-size:14px}@media(max-width:1024px){.features-showcase-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.features-showcase-section{padding:40px 20px}.features-showcase-header{margin-bottom:32px}.features-showcase-badge{font-size:11px;padding:5px 14px;margin-bottom:12px}.features-showcase-heading{font-size:clamp(1.5rem,5vw,1.875rem);margin-bottom:10px}.features-showcase-description{font-size:.9375rem;line-height:1.5}.features-showcase-grid{grid-template-columns:1fr;gap:16px}.feature-showcase-card{padding:20px;border-radius:14px}.feature-showcase-icon{width:48px;height:48px;border-radius:12px;margin-bottom:14px}.feature-showcase-icon svg{width:22px;height:22px}.feature-showcase-title{font-size:1rem;margin-bottom:8px}.feature-showcase-text{font-size:.8125rem;line-height:1.5;margin-bottom:12px}.feature-showcase-list{gap:6px}.feature-showcase-list li{font-size:.75rem;padding-left:18px;line-height:1.4}.feature-showcase-list li:before{font-size:12px}}.cta-section{padding:100px 48px;background:#f3f4f6;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.cta-section:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.cta-container{max-width:1100px;margin:0 auto;position:relative;z-index:1}.cta-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px}.cta-badge{display:inline-flex;align-items:center;gap:8px;background:#8b5cf6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;border:1px solid #8b5cf6}.cta-badge svg{width:14px;height:14px}.cta-heading{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;color:#1a1a1a!important;letter-spacing:-.03em;margin:0;max-width:800px}.cta-description{font-size:1.125rem;line-height:1.7;color:#6b7280;margin:0;max-width:700px}.cta-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;width:100%;margin-top:16px}.cta-stat-item{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid #e5e7eb;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf61a}.cta-stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf633}.cta-stat-icon{width:56px;height:56px;border-radius:12px;background:#8b5cf6;display:flex;align-items:center;justify-content:center;color:#fff}.cta-stat-icon svg{width:28px;height:28px}.cta-stat-content{text-align:center}.cta-stat-number{font-size:2rem;font-weight:800;color:#8b5cf6;line-height:1;margin-bottom:8px}.cta-stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.cta-testimonial{max-width:700px;padding:32px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid #e5e7eb;margin-top:16px;box-shadow:0 4px 12px #8b5cf61a}.cta-testimonial-text{font-size:1.125rem;line-height:1.7;color:#1a1a1a;font-style:italic;margin:0 0 24px}.cta-testimonial-author{display:flex;align-items:center;gap:16px;justify-content:center}.cta-author-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid #8b5cf6}.cta-author-avatar img{width:100%;height:100%;object-fit:cover}.cta-author-name{font-size:1rem;font-weight:600;color:#1a1a1a}.cta-author-role{font-size:.9rem;color:#6b7280}@media(max-width:1024px){.cta-stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:768px){.cta-section{padding:64px 24px}.cta-heading{font-size:clamp(1.75rem,5vw,2rem)}.cta-description{font-size:1rem}.cta-stats-grid{grid-template-columns:1fr;gap:16px}.cta-stat-item{padding:20px}}.contact-section{padding:60px 48px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.contact-section:after{content:"";position:absolute;bottom:-30%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(37,211,102,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.contact-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.contact-content-redesign{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.contact-left{display:flex;flex-direction:column}.contact-badge-new{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;padding:8px 18px;border-radius:50px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #8b5cf64d;width:fit-content;margin-bottom:16px}.contact-heading-new{font-size:clamp(1.75rem,3.5vw,2.375rem);font-weight:800;line-height:1.2;color:#1f2937;letter-spacing:-.02em;margin:0 0 12px;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-description-new{font-size:1rem;line-height:1.6;color:#6b7280;margin:0 0 20px}.contact-info-cards{display:flex;flex-direction:column;gap:14px}.contact-section .info-card{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-top:0;background:#fff;border-radius:12px;border:2px solid transparent;box-shadow:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.contact-section .info-card:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf633}.contact-section .info-card-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.contact-section .info-card:hover .info-card-icon{transform:scale(1.08)}.contact-section .info-card-icon-email{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.contact-section .info-card-icon-phone{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.contact-section .info-card-icon-location{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.contact-section .info-card-icon svg{width:18px;height:18px}.contact-section .info-card-content{flex:1}.contact-section .info-card-content h4{font-size:.75rem;font-weight:700;color:#1f2937;margin:0 0 2px;text-transform:uppercase;letter-spacing:.5px}.contact-section .info-card-content p{font-size:.9375rem;color:#6b7280;margin:0;font-weight:500}.contact-section .phone-link{color:#6b7280;text-decoration:none;transition:color .2s ease}.contact-section .phone-link:hover{color:#16a34a}.contact-right{display:flex;align-items:center;justify-content:center;margin-top:40px}.whatsapp-cta-card-new{background:linear-gradient(135deg,#fff,#ecfdf5);border-radius:24px;padding:40px 32px;box-shadow:0 16px 48px #25d36633;border:3px solid #a7f3d0;text-align:center;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:18px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.whatsapp-cta-card-new:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(37,211,102,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.whatsapp-cta-card-new:hover{transform:translateY(-4px);box-shadow:0 22px 56px #25d3664d}.whatsapp-icon-large{width:72px;height:72px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px #25d36666;animation:pulse-whatsapp-new 2.5s ease-in-out infinite;position:relative;z-index:1}@keyframes pulse-whatsapp-new{0%,to{transform:scale(1);box-shadow:0 10px 28px #25d36666}50%{transform:scale(1.06);box-shadow:0 14px 36px #25d36680}}.whatsapp-icon-large svg{width:52px;height:52px}.whatsapp-title-new{font-size:1.625rem;font-weight:800;color:#1f2937;margin:0;line-height:1.3}.whatsapp-desc-new{font-size:.9375rem;color:#6b7280;line-height:1.5;margin:0;max-width:360px}.whatsapp-button-new{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;text-decoration:none;border-radius:14px;font-size:1rem;font-weight:700;transition:all .3s ease;box-shadow:0 6px 20px #25d36659;border:none;cursor:pointer;position:relative;overflow:hidden;z-index:1}.whatsapp-button-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;z-index:-1}.whatsapp-button-new:hover:before{left:100%}.whatsapp-button-new:hover{transform:translateY(-2px);box-shadow:0 10px 28px #25d36673;background:linear-gradient(135deg,#20ba56,#0f7a6b)}.whatsapp-button-new svg:last-child{transition:transform .3s ease}.whatsapp-button-new:hover svg:last-child{transform:translate(4px)}.whatsapp-hours-new{font-size:.8125rem;color:#059669;margin:0;font-weight:600;display:flex;align-items:center;gap:6px;background:#10b9811a;padding:7px 16px;border-radius:50px}@media(max-width:1024px){.contact-section{padding:56px 32px}.contact-content-redesign{gap:40px}}@media(max-width:768px){.contact-section{padding:48px 24px}.contact-content-redesign{grid-template-columns:1fr;gap:40px}.contact-badge-new{font-size:12px;padding:7px 16px;margin-bottom:12px}.contact-heading-new{font-size:1.75rem;margin-bottom:10px}.contact-description-new{font-size:.9375rem;margin-bottom:16px}.contact-info-cards{gap:8px}.contact-section .info-card{padding:10px 14px;margin-top:0}.contact-section .info-card-icon{width:36px;height:36px}.contact-section .info-card-icon svg{width:16px;height:16px}.contact-section .info-card-content h4{font-size:.6875rem}.contact-section .info-card-content p{font-size:.875rem}.whatsapp-cta-card-new{padding:36px 28px;gap:16px;max-width:100%}.whatsapp-icon-large{width:64px;height:64px}.whatsapp-icon-large svg{width:48px;height:48px}.whatsapp-title-new{font-size:1.5rem}.whatsapp-desc-new{font-size:.875rem}.whatsapp-button-new{padding:10px 16px;font-size:.8125rem;width:100%;justify-content:center}.whatsapp-hours-new{font-size:.75rem;padding:6px 14px}}@media(max-width:480px){.contact-section{padding:40px 20px}.contact-content-redesign{gap:32px}.contact-badge-new{font-size:11px;padding:6px 14px;margin-bottom:10px}.contact-heading-new{font-size:1.5rem;margin-bottom:8px}.contact-description-new{font-size:.875rem;margin-bottom:14px}.contact-info-cards{gap:6px}.contact-section .info-card{padding:8px 12px;margin-top:0}.contact-section .info-card-icon{width:34px;height:34px}.contact-section .info-card-icon svg{width:15px;height:15px}.contact-section .info-card-content h4{font-size:.625rem}.contact-section .info-card-content p{font-size:.8125rem}.whatsapp-cta-card-new{padding:28px 24px;gap:14px}.whatsapp-icon-large{width:60px;height:60px}.whatsapp-icon-large svg{width:44px;height:44px}.whatsapp-title-new{font-size:1.375rem}.whatsapp-desc-new{font-size:.8125rem}.whatsapp-button-new{padding:9px 14px;font-size:.75rem}.whatsapp-button-new svg{width:16px;height:16px}.whatsapp-hours-new{font-size:.6875rem;padding:5px 12px}}.login-mode-toggle{display:flex;gap:8px;padding:6px;background:#f3f4f6;border-radius:12px;margin-bottom:32px}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:8px;font-size:.9rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.mode-btn svg{width:18px;height:18px}.mode-btn:hover{color:#374151}.mode-btn.active{background:#fff;color:#8b5cf6;box-shadow:0 2px 8px #00000014}.otp-form{display:flex;flex-direction:column;gap:24px}.otp-form .form-input[type=tel],.otp-form .form-input[type=text]{letter-spacing:.5px}.pin-hint{margin-top:6px;font-size:.78rem;color:#9ca3af;font-style:italic;line-height:1.4}.login-error-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.875rem;font-weight:500;line-height:1.5;animation:errorSlideIn .3s ease;margin-bottom:8px}.login-error-banner svg{flex-shrink:0;margin-top:2px}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.login-mode-toggle{gap:6px;padding:5px;margin-bottom:24px}.mode-btn{padding:10px 12px;font-size:.85rem}.mode-btn svg{width:16px;height:16px}.pin-hint{font-size:.75rem}.login-error-banner{padding:10px 14px;font-size:.85rem}.forgot-password-link a{font-size:.85rem}}.forgot-password-container{max-width:1200px}.success-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:successPop .5s cubic-bezier(.175,.885,.32,1.275)}.success-icon{color:#fff;width:40px;height:40px}.forgot-error-msg{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.875rem;font-weight:500;animation:shakeError .4s ease}.forgot-success-actions{text-align:center;padding:16px 0}.resend-text{font-size:.9rem;color:#6b7280}.resend-btn{background:none;border:none;color:#8b5cf6;font-weight:600;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .2s ease}.resend-btn:hover{color:#7c3aed}.forgot-password-link{display:block;text-align:right;margin-top:-16px;margin-bottom:8px}.forgot-password-link a{color:#8b5cf6;text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s ease}.forgot-password-link a:hover{color:#7c3aed;text-decoration:underline}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#faf5ff,#f3e8ff);padding:20px}.auth-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #8b5cf626}.auth-form-section{padding:60px;display:flex;flex-direction:column;justify-content:center}.auth-form-wrapper{max-width:420px;margin:0 auto;width:100%}.auth-header{margin-bottom:40px}.selected-plan-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f9fafb;border:2px solid #8b5cf6;border-radius:12px;margin-top:16px;font-size:14px;color:#374151}.selected-plan-badge strong{color:#1f2937;font-weight:600}.auth-logo{width:120px;height:auto;display:flex;align-items:center;justify-content:flex-start;margin-bottom:24px}.auth-logo img{width:100%;height:auto;object-fit:contain}.auth-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.02em}.auth-subtitle{font-size:1rem;color:#6b7280;margin:0}.auth-form{display:flex;flex-direction:column;gap:24px}.form-label{font-size:.9rem;font-weight:600;color:#374151}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:1;flex-shrink:0}.form-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff;color:#1a1a1a}.input-wrapper .form-input{padding-left:48px}.form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.form-input::placeholder{color:#9ca3af}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:1}.password-toggle:hover{color:#8b5cf6}.auth-submit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.auth-footer{margin-top:24px;text-align:center}.auth-footer p{font-size:.9rem;color:#6b7280;margin:0}.auth-footer a{color:#8b5cf6;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-footer a:hover{color:#7c3aed}.auth-info-section{background:linear-gradient(135deg,#8b5cf6,#a78bfa);padding:60px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-info-section:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.auth-info-content{position:relative;z-index:1;color:#fff}.auth-info-content h2{font-size:2rem;font-weight:700;margin:0 0 12px;letter-spacing:-.02em}.auth-info-content>p{font-size:1.125rem;margin:0 0 48px;opacity:.9}.auth-features{display:flex;flex-direction:column;gap:32px}.auth-feature-item{display:flex;gap:16px;align-items:flex-start}.feature-icon{width:48px;height:48px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-feature-item h3{font-size:1.125rem;font-weight:600;margin:0 0 4px}.auth-feature-item p{font-size:.95rem;margin:0;opacity:.9}@media(max-width:1024px){.auth-container{grid-template-columns:1fr}.auth-info-section{display:none}.auth-form-section{padding:40px}}@media(max-width:640px){.auth-page{padding:0;align-items:flex-start}.auth-container{border-radius:0;min-height:100vh;display:flex;flex-direction:column}.auth-form-section{padding:24px 20px;justify-content:flex-start}.auth-form-wrapper{padding-top:20px}.auth-header{margin-bottom:28px}.auth-logo{display:none}.auth-title{font-size:1.75rem;margin-bottom:6px}.auth-subtitle{font-size:.9rem}.selected-plan-badge{padding:8px 16px;font-size:13px;margin-top:12px}.auth-form{gap:20px}.form-group{gap:6px}.form-label{font-size:.85rem}.form-input{padding:12px 14px;font-size:.9rem}.input-wrapper .form-input{padding-left:44px}.input-icon{left:14px;width:18px;height:18px}.auth-submit-btn{padding:13px 20px;font-size:.95rem;margin-top:4px}.auth-footer{margin-top:20px;margin-bottom:20px}.auth-footer p{font-size:.85rem}}@media(max-width:480px){.auth-form-section{padding:20px 16px}.auth-logo{width:90px;margin-bottom:16px}.auth-title{font-size:1.5rem}.auth-form{gap:18px}}.reset-password-container{max-width:1200px}.password-strength{display:flex;align-items:center;gap:12px;margin-top:8px}.strength-bars{display:flex;gap:4px;flex:1}.strength-bar{height:4px;flex:1;border-radius:2px;background:#e5e7eb;transition:background-color .3s ease}.strength-label{font-size:.75rem;font-weight:600;min-width:48px;text-align:right}.field-error{color:#ef4444;font-size:.8rem;margin:4px 0 0;font-weight:500}.reset-error-msg{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.875rem;font-weight:500;animation:shakeError .4s ease}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.reset-success-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#fff;animation:successPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.reset-success-redirect{display:flex;flex-direction:column;gap:20px}.redirect-progress{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.redirect-bar{height:100%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:2px;animation:progressFill 3s linear forwards}@keyframes progressFill{0%{width:0%}to{width:100%}}.back-to-login{display:inline-flex;align-items:center;gap:6px;color:#8b5cf6;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s ease}.back-to-login:hover{color:#7c3aed;gap:8px}.checkout-page{min-height:100vh;background:#f5f7fa;font-family:Inter,-apple-system,system-ui,sans-serif;display:flex;flex-direction:column}.checkout-topbar{background:#fff;border-bottom:1px solid #e8ecf1;padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between}.checkout-topbar-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.checkout-topbar-logo{width:32px;height:32px;background:linear-gradient(135deg,#6c5ce7,#5a4bd1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem}.checkout-topbar-name{font-size:1.05rem;font-weight:700;color:#1a1d26;letter-spacing:-.3px}.checkout-topbar-secure{display:flex;align-items:center;gap:.35rem;color:#8b95a5;font-size:.75rem;font-weight:500}.checkout-steps-bar{background:#fff;border-bottom:1px solid #e8ecf1;padding:.75rem 2rem;display:flex;align-items:center;justify-content:center;gap:0}.step-item{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;color:#b0b8c6}.step-item.done{color:#22c55e}.step-item.current{color:#6c5ce7}.step-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;border:2px solid #dde1e8;background:#fff;flex-shrink:0}.step-item.done .step-dot{background:#22c55e;border-color:#22c55e;color:#fff}.step-item.current .step-dot{background:#6c5ce7;border-color:#6c5ce7;color:#fff}.step-connector{width:48px;height:1px;background:#dde1e8;margin:0 .6rem}.step-connector.done{background:#22c55e}.checkout-body{flex:1;display:flex;max-width:960px;width:100%;margin:2rem auto;padding:0 1.5rem;gap:0}.checkout-left{flex:0 0 380px;background:#fff;border-radius:14px 0 0 14px;border:1px solid #e8ecf1;border-right:none;padding:2rem}.order-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#8b95a5;margin-bottom:1.5rem}.order-plan-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #f0f2f5}.order-plan-info h3{font-size:1rem;font-weight:700;color:#1a1d26;margin:0 0 .25rem}.order-plan-info .billing-label{font-size:.82rem;color:#8b95a5;font-weight:400}.order-plan-price{text-align:right}.order-plan-price .amount{font-size:1.5rem;font-weight:700;color:#1a1d26}.order-plan-price .period{font-size:.78rem;color:#8b95a5;font-weight:400}.order-features{list-style:none;margin:0 0 1.5rem;padding:0}.order-features li{display:flex;align-items:center;gap:.55rem;padding:.45rem 0;font-size:.84rem;color:#4a5568}.order-features li svg{flex-shrink:0;color:#22c55e}.order-breakdown{border-top:1px solid #f0f2f5;padding-top:1rem}.breakdown-line{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.84rem}.breakdown-line .bl-label{color:#8b95a5}.breakdown-line .bl-value{color:#4a5568;font-weight:500}.breakdown-line.bonus .bl-value{color:#22c55e;font-weight:600}.breakdown-line.total-line{border-top:1px solid #e8ecf1;margin-top:.5rem;padding-top:.75rem}.breakdown-line.total-line .bl-label{color:#1a1d26;font-weight:600;font-size:.92rem}.breakdown-line.total-line .bl-value{color:#1a1d26;font-weight:700;font-size:1.1rem}.order-guarantee{margin-top:1.5rem;padding:.85rem 1rem;background:#f8faf9;border:1px solid #e6ede9;border-radius:10px;display:flex;align-items:flex-start;gap:.6rem}.order-guarantee svg{flex-shrink:0;color:#22c55e;margin-top:1px}.order-guarantee p{font-size:.78rem;color:#5a6876;margin:0;line-height:1.5}.order-guarantee strong{color:#1a1d26}.order-trial-label{color:#22c55e;font-weight:600;font-size:.88rem}.checkout-right{flex:1;background:#fff;border-radius:0 14px 14px 0;border:1px solid #e8ecf1;padding:2rem}.checkout-right h2{font-size:1.2rem;font-weight:700;color:#1a1d26;margin:0 0 .3rem}.checkout-right .subtitle{font-size:.84rem;color:#8b95a5;margin-bottom:1.75rem}.account-email-box{display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;background:#f8f9fb;border:1px solid #e8ecf1;border-radius:10px;margin-bottom:1.25rem}.account-email-icon{width:34px;height:34px;background:#eef0fb;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-email-icon svg{color:#6c5ce7}.account-email-text .ae-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#8b95a5}.account-email-text .ae-value{font-size:.88rem;color:#1a1d26;font-weight:500}.info-box{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .9rem;border-radius:8px;margin-bottom:1rem;font-size:.8rem;line-height:1.55}.info-box.green{background:#f0faf4;border:1px solid #d1ede0;color:#2d6a4f}.info-box.amber{background:#fefaf0;border:1px solid #f0e4c5;color:#7c5e1e}.info-box.blue{background:#f0f4fe;border:1px solid #d6e0f5;color:#3b5998}.info-box svg{flex-shrink:0;margin-top:2px}.info-box strong{font-weight:600}.yearly-savings-bar{padding:.6rem .9rem;background:#f0faf4;border:1px solid #d1ede0;border-radius:8px;margin-bottom:1rem;font-size:.82rem;color:#2d6a4f;font-weight:600;display:flex;align-items:center;gap:.4rem}.free-trial-box{padding:1rem;background:#f0faf4;border:1px solid #b5e2c8;border-radius:10px;margin-bottom:1.25rem}.free-trial-box .ftb-title{font-size:.95rem;font-weight:700;color:#166534;margin-bottom:.3rem}.free-trial-box .ftb-desc{font-size:.8rem;color:#4a7c5e;line-height:1.5;margin:0}.bonus-badge{padding:.55rem .9rem;background:#fffbf0;border:1px solid #f0e4c5;border-radius:8px;margin-bottom:1.25rem;font-size:.82rem;color:#7c5e1e;font-weight:600}.checkout-coupon{margin-bottom:1.5rem}.checkout-coupon .coupon-heading{font-size:.8rem;font-weight:600;color:#5a6876;margin-bottom:.5rem;display:flex;align-items:center;gap:.35rem}.coupon-row{display:flex;gap:.5rem}.coupon-field{flex:1;padding:.7rem .9rem;border:1.5px solid #dde1e8;border-radius:8px;font-size:.88rem;font-weight:600;letter-spacing:.8px;color:#1a1d26;background:#fff;outline:none;text-transform:uppercase;transition:border-color .2s,box-shadow .2s;font-family:Inter,sans-serif}.coupon-field::placeholder{font-weight:400;color:#b0b8c6;letter-spacing:0}.coupon-field:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce714}.coupon-field:disabled{background:#f5f7fa;color:#8b95a5}.coupon-action{padding:.7rem 1.15rem;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:Inter,sans-serif}.coupon-action.apply{background:#6c5ce7;color:#fff}.coupon-action.apply:hover:not(:disabled){background:#5a4bd1}.coupon-action.apply:disabled{opacity:.4;cursor:not-allowed}.coupon-action.remove{background:#fef2f2;color:#e53e3e;border:1px solid #fed7d7}.coupon-action.remove:hover{background:#fee2e2}.coupon-msg{margin-top:.4rem;font-size:.78rem;font-weight:500;padding:.3rem 0}.coupon-msg.ok{color:#22c55e}.coupon-msg.err{color:#e53e3e}.checkout-err{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:.84rem;margin-bottom:1.25rem}.checkout-btn{width:100%;padding:.9rem 1.5rem;border:none;border-radius:10px;font-size:.98rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;letter-spacing:-.2px}.checkout-btn.primary{background:#6c5ce7;color:#fff;box-shadow:0 2px 8px #6c5ce740}.checkout-btn.primary:hover:not(:disabled){background:#5a4bd1;box-shadow:0 4px 14px #6c5ce759;transform:translateY(-1px)}.checkout-btn.trial{background:#22c55e;color:#fff;box-shadow:0 2px 8px #22c55e40}.checkout-btn.trial:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 14px #22c55e59;transform:translateY(-1px)}.checkout-btn:disabled{background:#dde1e8!important;color:#8b95a5!important;box-shadow:none!important;cursor:not-allowed;transform:none!important}.btn-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.checkout-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f0f2f5}.payment-icons{display:flex;gap:.35rem}.payment-icons .pi{padding:.2rem .5rem;background:#f5f7fa;border:1px solid #e8ecf1;border-radius:4px;font-size:.6rem;font-weight:700;color:#5a6876}.secured-label{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:#8b95a5;font-weight:500}.secured-label svg{color:#8b95a5}.checkout-trust-strip{max-width:960px;width:100%;margin:0 auto 2rem;padding:0 1.5rem;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:#8b95a5;font-weight:500}.trust-item svg{color:#b0b8c6}.trial-done-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f7fa;padding:2rem}.trial-done-card{background:#fff;border:1px solid #e8ecf1;border-radius:14px;padding:2.5rem;max-width:440px;width:100%;text-align:center}.trial-done-check{width:56px;height:56px;background:#f0faf4;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.trial-done-check svg{color:#22c55e}.trial-done-card h2{font-size:1.35rem;font-weight:700;color:#1a1d26;margin:0 0 .4rem}.trial-done-card>p{color:#5a6876;font-size:.9rem;margin-bottom:1.5rem}.trial-done-info{background:#f8faf9;border:1px solid #e6ede9;border-radius:10px;padding:1.25rem;margin-bottom:1.5rem;text-align:left}.trial-done-info p{font-size:.85rem;color:#4a5568;margin:.4rem 0;display:flex;align-items:center;gap:.5rem}.trial-done-info p svg{flex-shrink:0;color:#22c55e}.trial-done-btn{width:100%;padding:.85rem 1.5rem;background:#6c5ce7;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.trial-done-btn:hover{background:#5a4bd1}.razorpay-container{z-index:1000000!important;pointer-events:auto!important}iframe[name=razorpay-payment-dialog]{z-index:1000001!important;pointer-events:auto!important}@media(max-width:768px){.checkout-body{flex-direction:column;margin:1rem auto}.checkout-left{flex:unset;border-radius:14px 14px 0 0;border-right:1px solid #e8ecf1;border-bottom:none}.checkout-right{border-radius:0 0 14px 14px}.checkout-topbar{padding:.7rem 1rem}.checkout-steps-bar{padding:.6rem 1rem}.step-item span:not(.step-dot){display:none}.step-connector{width:28px}}@media(max-width:480px){.checkout-left,.checkout-right{padding:1.25rem}.coupon-row{flex-direction:column}.coupon-action{width:100%}.checkout-footer{flex-direction:column;gap:.5rem}.checkout-trust-strip{flex-direction:column;align-items:center;gap:.5rem}}.trial-plan-selector{background:#f8f9fc;border:1px solid #e2e6ed;border-radius:10px;padding:1rem;margin-bottom:.75rem}.tps-label{font-size:.82rem;font-weight:600;color:#4a5568;margin-bottom:.6rem}.tps-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.6rem}.tps-option{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .5rem;border:2px solid #e2e6ed;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.tps-option strong{font-size:.85rem;color:#1a1d26}.tps-option span{font-size:.75rem;color:#8b95a5}.tps-option:hover{border-color:#6c5ce7;background:#f5f3ff}.tps-option.active{border-color:#6c5ce7;background:linear-gradient(135deg,#f5f3ff,#ede9fe);box-shadow:0 0 0 1px #6c5ce7}.tps-option.active strong{color:#6c5ce7}.tps-billing{display:flex;gap:.4rem}.tps-billing-btn{flex:1;padding:.4rem;border:1px solid #e2e6ed;border-radius:6px;background:#fff;font-size:.75rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:inherit}.tps-billing-btn:hover{border-color:#6c5ce7}.tps-billing-btn.active{background:#6c5ce7;border-color:#6c5ce7;color:#fff}.trial-charge-date{margin-top:.75rem;padding:.6rem .8rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24;border-radius:8px;font-size:.82rem;color:#92400e;text-align:center}.trial-charge-date strong{color:#78350f}.pl-page{min-height:100vh;background:#f5f5f5;padding:20px 5%;font-family:Inter,sans-serif;overflow:hidden}.designCircel{height:30vh;width:30vh;border-radius:50%;position:absolute;right:-10vh;top:-10vh;background:radial-gradient(circle at 15% 20%,rgba(34,197,94,.12),transparent 40%),radial-gradient(circle at 90% 10%,rgba(34,197,94,.06),transparent 35%),#227f7c91;filter:blur(50px);box-shadow:0 0 120px 60px radial-gradient(circle at 90% 10%,rgba(34,197,94,.06),transparent 35%),}.pl-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:50px}.pl-nav-logo{display:flex;align-items:center;gap:10px}.pl-nav-logo-circle{width:38px;height:38px;border-radius:50%;background:#0b4d4f;position:relative;flex-shrink:0}.pl-nav-logo-inner{position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:4px;left:4px}.pl-nav-brand{margin:0;font-size:28px;font-weight:600;color:#1a1a1a}.pl-nav-menu{display:flex;gap:30px;font-size:15px;color:#444;font-weight:500;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0}.pl-nav-menu span{cursor:pointer}.pl-nav-menu span:hover{color:#0b4d4f}.pl-nav-btn{background:#083d40;color:#fff;border:none;padding:12px 26px;border-radius:40px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.pl-nav-btn:hover{opacity:.88}.pl-hero{text-align:center;position:relative}.pl-float-left,.pl-float-right{position:absolute;top:120px;display:flex;flex-direction:column;gap:18px}.pl-float-left{left:0}.pl-float-right{right:0;align-items:center;top:140px}.pl-icon-circle{width:55px;height:55px;border-radius:50%;border:1.5px solid #0b4d4f;display:flex;align-items:center;justify-content:center;font-size:22px;background:#fff;color:#0b4d4f}.pl-icon-rounded{width:45px;height:45px;border-radius:14px;background:#dff7b7;display:flex;align-items:center;justify-content:center}.pl-hero-title{font-size:72px;line-height:1.15;font-weight:700;color:#111;margin:0 auto;max-width:900px;letter-spacing:-2px}.pl-hero-title-accent{color:#0b4d4f}.pl-hero-sub{margin-top:22px;font-size:20px;color:#555;max-width:700px;margin-inline:auto;line-height:1.7}.pl-hero-btns{margin-top:30px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.pl-btn-primary{background:#0b4d4f;color:#fff;border:none;padding:14px 28px;border-radius:40px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.pl-btn-primary:hover{opacity:.88}.pl-btn-outline{background:#fff;color:#111;border:1px solid #ddd;padding:14px 28px;border-radius:40px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.pl-btn-outline:hover{background:#f0f0f0}.pl-review{margin-top:28px}.pl-stars{color:#f5b301;font-size:20px}.pl-stars-score{color:#111;font-size:18px;margin-left:6px}.pl-review-text{margin-top:6px;font-size:15px;color:#555}.pl-cards{display:flex;align-items:stretch;gap:24px;margin-top:40px;width:100%}.pl-card{position:relative;flex:1;height:30vh;border-radius:28px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.pl-card-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;z-index:1}.pl-card-icon--mint{background:linear-gradient(135deg,#134e3a,#22c55e);color:#d1fae5}.pl-card-icon--lime{background:#e8f6c9;color:#1f5c2e;border-radius:16px}.pl-card-icon--white{background:#fff;color:#0f3d3f;border-radius:50%}.pl-card-icon--ring{background:transparent;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;color:#fff}.pl-card-body p{margin:0}.pl-card-image{padding:0;height:34vh;border-radius:20px;background-color:red;overflow:hidden;display:flex}.pl-card-image img{width:100%;height:100%;object-fit:cover;display:block}.pl-card-dark{background:#0d3230;color:#fff}.pl-card-dark:after{content:"";position:absolute;right:-40px;bottom:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.25),transparent 70%);pointer-events:none}.pl-card-dark .pl-card-body p:first-child{color:#a7c4c1;font-size:15px;margin-bottom:6px}.pl-card-dark h2{color:#fff;font-size:40px;font-weight:800;margin:0 0 10px}.pl-card-subtext{color:#a7c4c1;font-size:14px;line-height:1.5}.pl-card-white{background:#fff;color:#0f172a;border:1px solid #eef2f0}.pl-card-white .pl-card-body p{color:#64748b;font-size:15px;margin-bottom:6px}.pl-card-white h2{color:#0f172a;font-size:40px;font-weight:800;margin:0}.pl-card-chart{position:absolute;left:0;bottom:0;width:100%;height:60px}.pl-card-green{background:#d9f5a4;color:#0f172a}.pl-card-green h2{font-size:40px;font-weight:800;margin:0 0 8px}.pl-card-green p{font-size:16px;color:#234d1f}.pl-card-gradient{background:#0f3d3f;color:#fff}.pl-card-gradient:before{content:"";position:absolute;left:0;bottom:0;width:90px;height:90px;background-image:radial-gradient(rgba(255,255,255,.25) 1.4px,transparent 1.6px);background-size:12px 12px;-webkit-mask-image:linear-gradient(to top right,black,transparent 70%);mask-image:linear-gradient(to top right,black,transparent 70%);pointer-events:none}.pl-card-gradient h3{font-size:22px;line-height:1.35;font-weight:700;margin:0}@media(max-width:1100px){.pl-cards{flex-wrap:wrap}.pl-card{flex:1 1 calc(50% - 24px);min-height:360px}}@media(max-width:640px){.pl-card{flex:1 1 100%}}@media(max-width:1200px){.pl-hero-title{font-size:55px;letter-spacing:-1.5px}.pl-hero-sub{font-size:17px}.pl-cards{grid-template-columns:repeat(2,1fr)}.pl-card-gradient{grid-column:1 / -1;height:220px}.pl-card-image{height:260px}}@media(max-width:900px){.pl-nav-menu{gap:20px}.pl-hero-title{font-size:46px;letter-spacing:-1px}.pl-float-left,.pl-float-right{display:none}}@media(max-width:768px){.pl-page{padding:16px 4%}.pl-nav{margin-bottom:36px}.pl-nav-brand{font-size:22px}.pl-nav-menu{display:none}.pl-hero-title{font-size:38px;letter-spacing:-.5px}.pl-hero-sub{font-size:15px}.pl-cards{grid-template-columns:1fr;margin-top:40px}.pl-card-image,.pl-card-gradient{height:240px}.pl-card-dark,.pl-card-green{height:auto;padding:28px}.pl-card-white{height:auto}.pl-card-gradient{grid-column:auto}}@media(max-width:480px){.pl-hero-title{font-size:30px}.pl-hero-sub{font-size:14px}.pl-hero-btns{flex-direction:column;align-items:center}.pl-btn-primary,.pl-btn-outline{width:100%;max-width:300px;text-align:center}.pl-card-dark h2,.pl-card-green h2{font-size:36px}.pl-card-white h2{font-size:40px}.pl-card-dark p,.pl-card-green p,.pl-card-white p{font-size:16px}.pl-card-gradient h3{font-size:20px}}.services-section{position:relative;margin-top:100px;background:radial-gradient(circle at 15% 20%,rgba(34,197,94,.12),transparent 40%),radial-gradient(circle at 90% 10%,rgba(34,197,94,.06),transparent 35%),#06201f;padding:70px 5% 60px;overflow:hidden;border-radius:28px}.services-header{text-align:center;margin-bottom:50px;position:relative;z-index:1}.services-badge{display:inline-flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#eafff3;font-size:15px;font-weight:500;padding:10px 22px;border-radius:999px}.services-badge svg{color:#34d399;font-size:16px}.services-header h2{color:#fff;font-size:58px;line-height:1.2;font-weight:800;margin-bottom:20px;letter-spacing:-1px}.services-header h2 .highlight{color:#4ade80}.services-header p{color:#9fb3b0;font-size:18px;line-height:1.7;max-width:620px;margin:0 auto 46px}.services-features{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;row-gap:24px}.feature-item{display:flex;align-items:center;gap:12px;text-align:left}.feature-icon{width:42px;height:42px;min-width:42px;border-radius:50%;background:#34d3991f;color:#4ade80;display:flex;align-items:center;justify-content:center;font-size:16px}.feature-text{display:flex;flex-direction:column;line-height:1.4}.feature-text strong{color:#fff;font-size:15px;font-weight:600}.feature-text span{color:#8fa6a3;font-size:13px}.feature-divider{width:1px;height:34px;background:#ffffff1f}@media(max-width:900px){.feature-divider{display:none}}.services-carousel{position:relative;display:flex;align-items:center;gap:14px}.carousel-nav{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease;z-index:2}.carousel-nav:hover{background:#ffffff1a;transform:translateY(-2px)}.services-grid{display:flex;align-items:flex-start;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px;flex:1;scrollbar-width:none}.services-grid::-webkit-scrollbar{display:none}.service-card{scroll-snap-align:start;flex:0 0 280px;width:280px;background:#0d3230;border:1px solid transparent;border-radius:24px;padding:30px;height:300px;display:flex;flex-direction:column;justify-content:space-between;transition:.3s ease;cursor:pointer}.service-card:hover{transform:translateY(-6px)}.service-card--active{border-color:#4ade8099;box-shadow:0 0 0 1px #4ade8040,0 0 30px #4ade8026}.service-card--green{background:linear-gradient(160deg,#22c55e29,#0d3230 55%);border:2px solid rgba(34,197,94,.583)}.service-card--green .service-icon{background:linear-gradient(135deg,#134e3a,#22c55e);color:#d1fae5}.service-card--green .service-students svg,.service-card--green .service-cta{color:#22c55e}.service-card--green .service-cta{background:#22c55e;color:#06201f}.service-card--blue{background:linear-gradient(160deg,#3b82f62e,#0b2a3a 55%);border:2px solid rgba(59,131,246,.456)}.service-card--blue .service-icon{background:linear-gradient(135deg,#0b2f4a,#3b82f6);color:#dbeafe}.service-card--blue .service-cta{background:#3b82f6;color:#06201f}.service-card--purple{background:linear-gradient(160deg,#a855f733,#23103a 55%);border:2px solid rgba(169,85,247,.438)}.service-card--purple .service-icon{background:linear-gradient(135deg,#3b1450,#a855f7);color:#ede9fe}.service-card--purple .service-cta{background:#a855f7;color:#06201f}.service-card--lime{background:linear-gradient(160deg,#bef2642e,#23280d 55%);border:2px solid rgba(190,242,100,.526)}.service-card--lime .service-icon{background:linear-gradient(135deg,#3f4a12,#bef264);color:#f7fee7}.service-card--lime .service-cta{background:#bef264;color:#06201f}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.service-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.service-icon-svg{width:24px;height:24px}.service-arrow{color:#ffffffb3;font-size:20px}.service-body h3{color:#fff;font-size:26px;line-height:1.3;margin-bottom:10px;font-weight:700}.service-body p{color:#a9bcb9;font-size:15px;line-height:1.7}.no-topics-found{grid-column:1 / -1;text-align:center;padding:20px;color:#888;width:100%}@media(max-width:640px){.services-header h2{font-size:38px}.service-card{flex:0 0 78%}.carousel-nav{display:none}}@media(max-width:1400px){.services-header h2{font-size:48px}.service-card h3{font-size:28px}}@media(max-width:1200px){.services-grid{grid-template-columns:repeat(2,1fr)}.services-header h2{font-size:42px}.service-card{min-height:260px}}@media(max-width:768px){.services-section{padding:70px 20px}.services-grid{grid-template-columns:1fr}.services-header{margin-bottom:50px}.services-header h2{font-size:34px;line-height:1.3}.services-header p{font-size:15px}.service-card{min-height:auto;padding:28px}.service-card h3{font-size:24px;margin-bottom:14px}.service-card p{font-size:15px;line-height:1.7}.service-icon{font-size:32px}.service-arrow{font-size:22px}}@media(max-width:480px){.services-section{padding:60px 16px}.services-header h2{font-size:28px}.services-header p{font-size:14px;line-height:1.7}.service-card{border-radius:20px;padding:24px}.service-card h3{font-size:21px}.service-card p{font-size:14px}.service-icon{font-size:28px}}.benefits-section{padding:100px 5%;background:#f8f8f8;display:flex;align-items:stretch;justify-content:space-between;gap:70px;overflow:hidden}.benefits-left{flex:1;display:flex;justify-content:center}.dashboard-card{width:100%;max-width:620px;min-height:340px;flex:1;background:#f3f3f3;border-radius:28px;position:relative;padding:50px;overflow:hidden}.slider-wrapper{width:100%;height:100%;position:relative}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease;border-radius:16px;overflow:hidden}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;border-radius:16px}.slider-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.slider-dots span{width:8px;height:8px;border-radius:50%;background:#ccc;transition:background .3s ease,transform .3s ease;cursor:pointer}.slider-dots span.active{background:#22c55e;transform:scale(1.3)}.benefits-right{flex:1;display:flex;flex-direction:column;justify-content:center}.benefits-right h2{font-size:28px;line-height:1.2;color:#111;margin-bottom:2px}.benefit-subtitle{font-size:18px;color:#777;line-height:1.8;margin-bottom:28px}.benefit-items{display:flex;flex-direction:column;gap:26px}.benefit-item{display:flex;gap:18px;align-items:flex-start}.benefit-icon{min-width:24px;width:24px;height:24px;border-radius:50%;background:#0a5a5e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:2px}.benefit-item h3{font-size:20px;color:#111;margin:0 0 6px}.benefit-item p{color:#777;font-size:18px;line-height:1.7;margin:0}@media(max-width:900px){.benefits-section{flex-direction:column;height:auto}.dashboard-card{min-height:280px}}@media(max-width:1400px){.benefits-right h2{font-size:48px}.benefit-item h3{font-size:28px}}@media(max-width:1200px){.benefits-section{flex-direction:column}.benefits-right{width:100%}.benefits-right h2{font-size:42px}}@media(max-width:768px){.benefits-section{padding:70px 20px;gap:50px}.dashboard-card{height:auto;padding:24px}.analytics-card{max-width:100%;padding:24px}.floating-project-card{position:static;width:100%;margin-top:24px}.benefits-right h2{font-size:34px;line-height:1.3}.benefit-subtitle{font-size:15px;margin-bottom:40px}.benefit-item h3{font-size:22px}.benefit-item p{font-size:15px;line-height:1.7}.analytics-number{font-size:34px}.floating-project-card h2{font-size:42px}}@media(max-width:480px){.benefits-section{padding:60px 16px}.benefits-right h2{font-size:28px}.benefit-item{gap:14px}.benefit-item h3{font-size:20px}.benefit-item p{font-size:14px}.analytics-card h4{font-size:18px}.analytics-number{font-size:28px}.floating-project-card{padding:20px}.floating-project-card h2{font-size:36px}.chart-bars div{width:20px}}.integration-section{padding:100px 5%;background:#f8f8f8;display:flex;align-items:center;justify-content:space-between;gap:80px;overflow:hidden}.integration-left{flex:1;max-width:650px}.integration-left h2{font-size:54px;line-height:1.2;color:#111;margin-bottom:28px;font-weight:700}.integration-left p{font-size:20px;line-height:1.9;color:#777;margin-bottom:40px}.integration-left button{background:#dff7b7;border:none;padding:18px 38px;border-radius:50px;color:#111;font-size:18px;font-weight:600;cursor:pointer;transition:.3s}.integration-left button:hover{transform:translateY(-3px)}.integration-right{flex:1;min-height:560px;border-radius:34px;position:relative;overflow:hidden;display:block}.integration-right>div,.integration-right .gm-style,.integration-right iframe{width:100%!important;height:100%!important;position:absolute!important;top:0;left:0}.circle{position:absolute;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.circle-one{width:620px;height:620px}.circle-two{width:430px;height:430px}.circle-three{width:250px;height:250px}.logo-item{position:absolute;width:62px;height:62px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 10px 25px #0000000d}.logo-1{top:120px;left:120px}.logo-2{top:90px;left:50%;transform:translate(-50%)}.logo-3{top:120px;right:120px}.logo-4{left:70px;top:50%;transform:translateY(-50%)}.logo-5{left:33%;top:50%;transform:translate(-50%,-50%)}.logo-6{right:33%;top:50%;transform:translate(50%,-50%)}.logo-7{right:70px;top:50%;transform:translateY(-50%)}.logo-8{bottom:120px;left:120px}.logo-9{bottom:80px;left:50%;transform:translate(-50%)}.logo-10{bottom:120px;right:120px}@media(max-width:1400px){.integration-left h2{font-size:52px}.integration-right{min-height:500px}.circle-one{width:520px;height:520px}.circle-two{width:360px;height:360px}}@media(max-width:1200px){.integration-section{flex-direction:column}.integration-left{max-width:100%}.integration-left h2{font-size:44px}.integration-right{width:100%}}@media(max-width:768px){.integration-section{padding:70px 20px;gap:50px}.integration-left h2{font-size:34px;line-height:1.3}.integration-left p{font-size:15px;line-height:1.8;margin-bottom:30px}.integration-left button{padding:15px 28px;font-size:15px}.integration-right{min-height:420px;border-radius:24px}.circle-one{width:420px;height:420px}.circle-two{width:300px;height:300px}.circle-three{width:180px;height:180px}.logo-item{width:52px;height:52px;font-size:22px}.logo-1{top:70px;left:40px}.logo-3{top:70px;right:40px}.logo-4{left:20px}.logo-7{right:20px}.logo-8{left:40px;bottom:70px}.logo-10{right:40px;bottom:70px}}@media(max-width:480px){.integration-section{padding:60px 16px}.integration-left h2{font-size:28px}.integration-left p{font-size:14px}.integration-right{min-height:340px}.circle-one{width:320px;height:320px}.circle-two{width:220px;height:220px}.circle-three{width:130px;height:130px}.logo-item{width:42px;height:42px;border-radius:12px;font-size:18px}.logo-1{top:55px;left:20px}.logo-3{top:55px;right:20px}.logo-4{left:8px}.logo-7{right:8px}.logo-8{bottom:55px;left:20px}.logo-10{bottom:55px;right:20px}}.study-materials-container{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #8b5cf614;border:1px solid #f3f4f6}.study-materials-header{margin-bottom:32px}.study-materials-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1f2937;margin:0}.upload-form{background:linear-gradient(135deg,#faf5ff,#fff);padding:24px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px}.upload-form-title{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px;display:flex;align-items:center;gap:8px}.upload-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.upload-form-group{display:flex;flex-direction:column;gap:6px}.upload-form-group.full-width{grid-column:1 / -1}.upload-form-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.upload-form-input,.upload-form-select{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;background:#fff;transition:all .2s}.upload-form-input:focus,.upload-form-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.upload-form-file{padding:10px 14px;border:2px dashed #d1d5db;border-radius:8px;font-size:14px;outline:none;background:#fff;transition:all .2s;cursor:pointer}.upload-form-file:hover{border-color:#8b5cf6;background:#faf5ff}.upload-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 2px 8px #8b5cf64d;display:inline-flex;align-items:center;gap:8px}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.filter-section-materials{background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 12px #8b5cf614;border:1px solid #f3f4f6;margin-bottom:24px;display:inline-block}.filter-row-materials{display:inline-flex;gap:12px;align-items:flex-end}.filter-group-materials{display:inline-flex;flex-direction:column;gap:6px}.filter-label-materials{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px}.filter-input-materials,.filter-select-materials{padding:9px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;background:#fff;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:160px;height:38px;color:#374151;box-sizing:border-box}.filter-input-materials:hover,.filter-select-materials:hover{border-color:#9ca3af}.filter-input-materials:focus,.filter-select-materials:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.filter-btn-materials{padding:0 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 2px 8px #10b9814d;display:inline-flex;align-items:center;gap:8px;height:38px;box-sizing:border-box}.filter-btn-materials:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.materials-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.materials-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.materials-table thead tr th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.materials-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s}.materials-table tbody tr:hover{background:#faf5ff}.materials-table tbody tr td{padding:16px 20px;font-size:14px;color:#1f2937}.materials-table tbody tr:last-child{border-bottom:none}.materials-table tbody tr td:last-child{display:flex;gap:8px;align-items:center}.action-btn-view{padding:6px 16px;border:none;cursor:pointer;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.action-btn-view:hover{transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.action-btn-download{padding:6px 16px;border:none;cursor:pointer;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.action-btn-download:hover{transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.empty-state-materials{text-align:center;padding:60px 20px;color:#9ca3af;font-size:16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px dashed #d1d5db}@media(max-width:768px){.upload-form-grid{grid-template-columns:1fr}.filter-row-materials{flex-direction:column;align-items:stretch}.filter-group-materials,.filter-input-materials,.filter-select-materials,.filter-btn-materials{width:100%}}.action-btn-delete{padding:6px 16px;border:none;cursor:pointer;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.action-btn-delete:hover{transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}.upload-form.feature-locked{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8;transition:all .3s ease}.navbar{width:100%;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid rgba(139,92,246,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-inner{position:relative;max-width:1400px;margin:0 auto;padding:4px 48px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.brand-logo-img{height:80px;width:auto;object-fit:contain;flex-shrink:0}.nav-center{display:flex;gap:32px;margin-left:auto;margin-right:auto}.nav-center a{color:#4a5568;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s ease;font-family:Inter,system-ui,sans-serif}.nav-center a:hover{color:#8b5cf6}.nav-center a.active{color:#8b5cf6;font-weight:600}.nav-right{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.btn-call{display:inline-flex;align-items:center;gap:8px}.btn-call svg{width:16px;height:16px}.nav-right a,.nav-right a:visited,.nav-right a:hover,.nav-right a:active{text-decoration:none}.nav-right .btn{transition:all .2s ease}.nav-right .btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #8b5cf659}.btn{padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:none;font-family:Inter,system-ui,sans-serif}.btn-compact{padding:7px 12px!important;font-size:12px!important;border-radius:7px!important;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 4px 12px #8b5cf640}.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.btn-ghost{background:transparent;color:#4a5568;border:1px solid rgba(0,0,0,.1)}.btn-ghost:hover{background:#8b5cf60d}.btn-earn{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 4px 12px #8b5cf640;display:inline-flex;align-items:center;gap:5px}.btn-earn.btn-compact{gap:5px;box-shadow:0 2px 8px #8b5cf633}.btn-earn:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.mobile-toggle{display:none;margin-left:auto;background:none;border:none;color:#4a5568;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease;flex-shrink:0;position:relative;width:32px;height:32px;flex-direction:column;justify-content:center;align-items:center;gap:5px}.mobile-toggle:hover{background:#8b5cf614}.hamburger-line{display:block;width:22px;height:2px;background-color:#4a5568;border-radius:2px;transition:all .3s ease;position:relative}.mobile-toggle:hover .hamburger-line{background-color:#8b5cf6}.mobile-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(7px)}.mobile-toggle.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.nav-center .disabled-link{opacity:.5;cursor:not-allowed;pointer-events:none;position:relative}.nav-center .disabled-link:hover{color:inherit;background:transparent}@media(max-width:1280px){.navbar-inner{padding:6px 32px;gap:24px}.nav-center{gap:24px}.nav-center a{font-size:14px}}@media(max-width:1024px){.navbar-inner{padding:6px 24px;gap:20px}.nav-center{gap:20px}.btn{padding:10px 18px;font-size:14px}.brand-logo-img{height:40px}}@media(max-width:900px){.navbar-inner{padding:8px 20px;gap:0;flex-wrap:nowrap}.nav-center{display:none;position:fixed;top:64px;left:0;right:0;width:100%;flex-direction:column;padding:12px 16px 16px;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 12px 32px #0000001f;gap:4px;z-index:99;box-sizing:border-box;border-top:1px solid rgba(139,92,246,.1);margin:0}.nav-center.open{display:flex}.nav-center a{font-size:15px;font-weight:500;padding:12px 16px;border-radius:10px;transition:background .2s ease,color .2s ease}.nav-center a:hover{background:#8b5cf60f;color:#8b5cf6}.nav-center a.active{background:#8b5cf614}.mobile-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto}.nav-right{display:none}.brand-logo-img{height:38px}}@media(max-width:480px){.navbar-inner{padding:6px 16px}.brand-logo-img{height:34px}.nav-center{top:56px;padding:10px 12px 14px;border-radius:0 0 14px 14px}.nav-center a{font-size:14px;padding:11px 14px}.mobile-toggle{font-size:22px}}@media(max-width:360px){.navbar-inner{padding:5px 12px}.brand-logo-img{height:30px}}.student-dashboard-container{padding:0;max-width:1400px;margin:0 auto}.student-dashboard-header{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:20px;padding:32px;margin-bottom:32px;color:#fff;box-shadow:0 8px 32px #8b5cf633}.student-dashboard-title{font-size:32px;font-weight:700;margin:0 0 8px}.student-dashboard-subtitle{font-size:16px;opacity:.9;margin:0}.student-profile-card{background:#fff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 4px 20px #8b5cf614;border:1px solid #f3f4f6}.student-profile-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.student-profile-left h3{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 12px;display:flex;align-items:center}.student-profile-left h3 svg{color:#8b5cf6}.student-profile-info{display:flex;flex-direction:column;gap:8px}.student-profile-info p{margin:0;font-size:14px;color:#6b7280;display:flex;align-items:center}.student-profile-info p svg{color:#8b5cf6;flex-shrink:0}.student-profile-info strong{color:#374151;font-weight:600}.student-profile-right{text-align:right}.student-charts-section{margin-bottom:24px}.student-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.student-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #8b5cf614;border:1px solid #f3f4f6;transition:all .3s}.student-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #8b5cf626}.student-card-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 20px;display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.student-card-title svg{color:#8b5cf6;flex-shrink:0}.student-table{width:100%;border-collapse:separate;border-spacing:0}.student-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.student-table thead tr th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.student-table thead tr th:first-child{border-top-left-radius:8px}.student-table thead tr th:last-child{border-top-right-radius:8px}.student-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s}.student-table tbody tr:hover{background:#faf5ff}.student-table tbody tr td{padding:14px 16px;font-size:14px;color:#1f2937}.student-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.student-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.status-badge-student{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.status-badge-student.paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge-student.unpaid{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge-student.present{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge-student.absent{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge-student.leave{background:linear-gradient(135deg,#fed7aa,#fde68a);color:#92400e}.status-badge-student.done{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge-student.not-done{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.homework-item{margin-bottom:12px}.homework-title{font-weight:600;color:#1f2937;margin-bottom:4px}.homework-description{color:#6b7280;font-size:13px}.student-logout-btn{padding:12px 32px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;background:#dc2626;color:#fff;box-shadow:0 4px 12px #dc26264d;margin-top:24px;display:inline-flex;align-items:center;gap:8px}.student-logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666;background:#b91c1c}.student-empty-state{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.student-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:#6b7280}@media(max-width:1024px){.student-grid{grid-template-columns:1fr}.student-profile-content{flex-direction:column;align-items:flex-start}.student-profile-right{text-align:left}}@media(max-width:768px){.student-dashboard-header{padding:24px}.student-dashboard-title{font-size:24px}.student-card{padding:20px}}.student-materials-filters{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.student-materials-input{padding:10px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;background:#fff;transition:all .2s;flex:1;min-width:150px}.student-materials-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.student-materials-input::placeholder{color:#9ca3af}.student-materials-filter-btn{padding:10px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.student-materials-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.student-materials-actions{display:flex;gap:8px;align-items:center}.student-materials-btn{padding:6px 14px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:6px}.student-materials-btn.view{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 2px 8px #3b82f64d}.student-materials-btn.view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.student-materials-btn.download{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 2px 8px #10b9814d}.student-materials-btn.download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}@media(max-width:768px){.student-materials-filters{flex-direction:column;align-items:stretch}.student-materials-input{width:100%}.student-materials-actions{flex-direction:column;align-items:stretch}.student-materials-btn{width:100%;justify-content:center}}.fee-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #8b5cf614;border:1px solid #f3f4f6;overflow:hidden}.fee-table{width:100%;border-collapse:separate;border-spacing:0}.fee-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.fee-table thead tr th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.fee-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s}.fee-table tbody tr:hover{background:#faf5ff}.fee-table tbody tr td{padding:16px 20px;font-size:14px;color:#1f2937}.fee-table tbody tr:last-child{border-bottom:none}.fee-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.fee-status.paid{background:#d1fae5;color:#065f46}.fee-status.unpaid{background:#fee2e2;color:#991b1b}.fee-status-icon{font-size:10px}.fee-toggle-btn{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.fee-toggle-btn.mark-paid{background:#10b981;color:#fff}.fee-toggle-btn.mark-paid:hover{background:#059669}.fee-toggle-btn.mark-unpaid{background:#6b7280;color:#fff}.fee-toggle-btn.mark-unpaid:hover{background:#4b5563}.fee-actions{display:flex;gap:12px;padding:24px;background:linear-gradient(135deg,#f9fafb,#fff);border-top:1px solid #f3f4f6}.fee-action-btn{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.fee-action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.fee-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.fee-action-btn.secondary{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 4px 12px #3b82f64d}.fee-action-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}@media(max-width:768px){.fee-table thead tr th,.fee-table tbody tr td{padding:12px 10px;font-size:12px}.fee-actions{flex-direction:column}.fee-action-btn{width:100%;justify-content:center}}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fee-toggle-btn:disabled{opacity:.7;cursor:not-allowed}.fee-action-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.pagination-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:16px 0;margin-top:20px;-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box}.pagination-btn{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#4b5563;border:1px solid #e5e7eb;padding:8px 14px;min-width:38px;height:38px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;white-space:nowrap;-webkit-tap-highlight-color:transparent}.pagination-btn:not(:disabled):hover{background-color:#f9fafb;border-color:#8b5cf6;color:#1a0662}.pagination-btn.active{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf640}.pagination-btn:disabled{background-color:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;box-shadow:none;pointer-events:none}.pagination-dots{color:#9ca3af;font-weight:600;padding:0 4px;display:flex;align-items:center;justify-content:center;min-width:24px}@media(min-width:1440px){.pagination-btn{padding:10px 18px;min-width:42px;height:42px;font-size:15px}}@media(max-width:768px){.pagination-container{gap:6px}.pagination-btn{padding:6px 12px;min-width:34px;height:34px;font-size:13px;border-radius:6px}}@media(max-width:480px){.pagination-container{gap:5px;padding:12px 8px}.pagination-btn{padding:5px 10px;min-width:32px;height:32px;font-size:13px;border-radius:6px}}@media(max-width:360px){.pagination-container{gap:3px;padding:10px 4px}.pagination-btn{padding:5px 7px;min-width:28px;height:28px;font-size:12px;border-radius:5px}.pagination-dots{display:none}}.fees-page-container{padding:0}.fees-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.fees-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1f2937;margin:0}.fees-title-icon{font-size:32px}.fees-summary-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 2px 8px #3b82f64d;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.fees-summary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.fees-welcome{font-size:16px;color:#6b7280;margin:0}.fees-filters{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #8b5cf614;border:1px solid #f3f4f6;margin-bottom:24px}.filter-row{display:flex;align-items:end;gap:24px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:120px;max-width:220px}.filter-label{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.filter-select,.filter-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;background:#fff;transition:all .2s;font-family:inherit;width:100%;box-sizing:border-box;color:#374151}.filter-input[type=date],.filter-input[type=month]{cursor:pointer;position:relative}.filter-input[type=date]::-webkit-calendar-picker-indicator,.filter-input[type=month]::-webkit-calendar-picker-indicator{display:block;cursor:pointer}.filter-select{cursor:pointer}.fees-empty-state{background:#fff;padding:60px 24px;border-radius:16px;box-shadow:0 4px 20px #8b5cf614;border:1px solid #f3f4f6;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-text{font-size:16px;color:#6b7280;margin:0}@media(max-width:1024px){.fees-title{font-size:24px}.fees-title-icon{font-size:28px}.filter-group{min-width:160px}}@media(max-width:768px){.fees-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}.fees-summary-btn{width:100%;justify-content:center}.fees-title{font-size:22px}.fees-filters{padding:16px}.filter-row{flex-direction:column;align-items:stretch;gap:12px}.filter-group{width:100%;min-width:unset;flex:unset}.filter-select,.filter-input{font-size:15px}.fees-empty-state{padding:40px 16px}.empty-state-icon{font-size:40px}.empty-state-text{font-size:14px}}@media(max-width:480px){.fees-title{font-size:18px;gap:8px}.fees-title-icon{font-size:22px}.fees-welcome{font-size:14px}.fees-summary-btn{padding:10px 16px;font-size:13px}.fees-filters{padding:12px;border-radius:12px}.filter-label{font-size:11px}.filter-select,.filter-input{padding:10px 12px;font-size:15px;border-radius:8px}.fees-empty-state{padding:32px 12px;border-radius:12px}}.search-bar-container{position:relative;width:100%;max-width:250px;margin-bottom:0}.search-input{width:100%;padding:12px 16px 12px 40px;font-size:14px;color:#1f2937;background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;outline:none;transition:all .2s ease-in-out;box-shadow:0 1px 2px #0000000d;height:48px;box-sizing:border-box}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.search-icon-wrapper{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#9ca3af;pointer-events:none;display:flex;align-items:center}.mp-wrapper{position:relative;display:inline-block;font-family:Segoe UI,Arial,sans-serif;font-size:14px}.mp-trigger{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s,box-shadow .2s;min-width:140px;height:48px;box-sizing:border-box}.mp-trigger:hover,.mp-trigger.open{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.mp-trigger-icon{font-size:15px;line-height:1}.mp-trigger-label{flex:1;color:#1f2937;font-weight:500}.mp-chevron{color:#9ca3af;font-size:11px}.mp-dropdown{position:fixed;z-index:99999;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 32px #00000026;padding:16px;width:292px;animation:mp-fade-in .15s ease}@keyframes mp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mp-mode-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:3px;margin-bottom:14px;gap:3px}.mp-mode-btn{flex:1;padding:6px 0;border:none;border-radius:6px;background:transparent;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:background .18s,color .18s}.mp-mode-btn.active{background:#fff;color:#6366f1;box-shadow:0 1px 4px #0000001a}.mp-year-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mp-year{font-weight:700;font-size:15px;color:#111827;letter-spacing:.01em}.mp-nav-btn{border:none;background:#f3f4f6;border-radius:6px;width:30px;height:30px;font-size:16px;cursor:pointer;color:#374151;display:flex;align-items:center;justify-content:center;transition:background .15s}.mp-nav-btn:hover{background:#e5e7eb}.mp-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.mp-month-btn{position:relative;padding:9px 4px;border:1.5px solid transparent;border-radius:8px;background:#f9fafb;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-align:center}.mp-month-btn:hover{background:#ede9fe;color:#6366f1}.mp-month-btn.selected{background:#6366f1;color:#fff;border-color:#6366f1}.mp-check{position:absolute;top:3px;right:5px;font-size:9px;opacity:.85}.mp-month-btn.disabled,.mp-month-btn:disabled{opacity:.35;cursor:not-allowed;background:#f3f4f6;color:#9ca3af}.mp-month-btn.disabled:hover,.mp-month-btn:disabled:hover{background:#f3f4f6;color:#9ca3af}.mp-day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:14px}.mp-day-header{text-align:center;font-size:10px;font-weight:600;color:#9ca3af;padding:4px 0 6px;text-transform:uppercase;letter-spacing:.03em}.mp-day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;border-radius:7px;background:transparent;font-size:12px;font-weight:400;color:#374151;cursor:pointer;transition:background .13s,color .13s;padding:0;min-width:0}.mp-day-cell.empty{background:transparent;cursor:default;pointer-events:none}.mp-day-cell:not(.empty):hover{background:#ede9fe;color:#6366f1}.mp-day-cell.today{font-weight:700;color:#6366f1;border:1.5px solid #c7d2fe}.mp-day-cell.selected{background:#6366f1;color:#fff;font-weight:600}.mp-day-cell.selected.today{border-color:transparent}.mp-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #f3f4f6;padding-top:12px}.mp-clear-btn{padding:7px 16px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.mp-clear-btn:hover{border-color:#ef4444;color:#ef4444}.mp-apply-btn{padding:7px 18px;border:none;border-radius:8px;background:#6366f1;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.mp-apply-btn:hover{background:#4f46e5}.summary-container{padding:0}.summary-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.summary-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1f2937;margin:0}.back-to-fees-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;background:#6b7280;color:#fff;box-shadow:0 2px 8px #6b72804d;display:inline-flex;align-items:center;gap:8px}.back-to-fees-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b728066;background:#4b5563}.summary-filters{background:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 2px 12px #8b5cf614;border:1px solid #f3f4f6;margin-bottom:24px;display:inline-block}.filter-input[type=month]{cursor:pointer;font-weight:500;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}.filter-input[type=month]::-webkit-calendar-picker-indicator{position:absolute;right:0;width:38px;height:38px;opacity:0;cursor:pointer}.filter-input[type=month]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}.summary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.chart-title{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;color:#1f2937;margin:0 0 24px;padding-bottom:20px;border-bottom:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#8b5cf6,#a78bfa) border-box;border-bottom:3px solid;border-image:linear-gradient(90deg,#8b5cf6,transparent) 1}.chart-title svg{color:#8b5cf6;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.chart-empty{padding:80px 20px;text-align:center;color:#9ca3af;font-size:14px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:16px;border:2px dashed #d1d5db;position:relative}.chart-empty:before{content:"📊";display:block;font-size:48px;margin-bottom:12px;opacity:.3}.loading-state{text-align:center;padding:40px;color:#6b7280;font-size:16px}.no-data-state{text-align:center;padding:60px 20px;color:#9ca3af;font-size:16px}@media(max-width:768px){.filters-row{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-apply-btn{width:100%;justify-content:center}.summary-stats-grid,.charts-container{grid-template-columns:1fr}}.attendance-container{padding:0}.attendance-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.attendance-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1f2937;margin:0}.back-to-attendance-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;background:#6b7280;color:#fff;box-shadow:0 2px 8px #6b72804d;display:inline-flex;align-items:center;gap:8px}.back-to-attendance-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b728066;background:#4b5563}.attendance-filters{background:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 2px 12px #8b5cf614;border:1px solid #f3f4f6;margin-bottom:24px;display:inline-block}.filters-row{display:inline-flex;gap:16px;align-items:flex-end}.filter-group{display:inline-flex;flex-direction:column;gap:6px}.filter-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;margin-bottom:0}.filter-select,.filter-input{padding:9px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;background:#fff;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:170px;height:38px;color:#374151;box-sizing:border-box}.filter-select:hover,.filter-input:hover{border-color:#9ca3af}.filter-select:focus,.filter-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.filter-input[type=date]{position:relative;cursor:pointer;font-weight:500;appearance:auto;-webkit-appearance:auto;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}.filter-input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:0;width:38px;height:38px;opacity:0;cursor:pointer}.filter-input[type=date]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}.filter-apply-btn{padding:0 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 2px 8px #8b5cf64d;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;height:38px;box-sizing:border-box}.filter-apply-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.filter-apply-btn:disabled{opacity:.6;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #8b5cf614;border:1px solid #f3f4f6;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #8b5cf626}.stat-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.stat-icon.green{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.stat-icon.red{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.stat-label{font-size:13px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.stat-value{font-size:28px;font-weight:800;color:#1f2937;margin:0}.charts-container{display:grid;grid-template-columns:400px 1fr;gap:24px;margin-bottom:24px}.chart-section{background:linear-gradient(135deg,#fff,#faf5ff);border-radius:20px;padding:32px;box-shadow:0 8px 32px #8b5cf61f;border:1px solid rgba(139,92,246,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.chart-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);opacity:0;transition:opacity .4s}.chart-section:hover:before{opacity:1}.chart-section:hover{transform:translateY(-8px);box-shadow:0 16px 48px #8b5cf633;border-color:#8b5cf64d}.chart-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#1f2937;margin:0 0 24px;padding-bottom:20px;border-bottom:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#8b5cf6,#a78bfa) border-box;border-bottom:3px solid;border-image:linear-gradient(90deg,#8b5cf6,transparent) 1;text-align:center;justify-content:center}.no-data-message{text-align:center;padding:60px 20px;color:#9ca3af;font-size:16px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #8b5cf614;border:1px solid #f3f4f6}@media(max-width:1200px){.charts-container{grid-template-columns:1fr}}@media(max-width:768px){.filters-row{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-apply-btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}}.main-div{display:flex;width:100%;min-height:100vh;box-sizing:border-box;position:relative;background:#f3f4f6}.hm-root{flex:1;min-width:0;background:#fff;border-radius:16px;padding:28px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#111827;transition:all .35s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.hm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.hm-top-left{display:flex;align-items:center;gap:14px}.hm-icon-wrap{width:44px;height:44px;border-radius:10px;background:#ede9fe;display:flex;align-items:center;justify-content:center;color:#7c3aed;flex-shrink:0}.hm-heading{font-size:22px;font-weight:700;color:#111827;margin:0;line-height:1.2}.hm-subheading{font-size:13px;color:#6b7280;margin:2px 0 0}.hm-create-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#6d28d9;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap;flex-shrink:0}.hm-create-btn:hover{background:#5b21b6;transform:translateY(-1px)}.hm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.hm-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px}.hm-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hm-stat-icon--blue{background:#eff6ff;color:#2563eb}.hm-stat-icon--orange{background:#fff7ed;color:#ea580c}.hm-stat-icon--green{background:#f0fdf4;color:#16a34a}.hm-stat-icon--red{background:#fef2f2;color:#dc2626}.hm-stat-num{font-size:26px;font-weight:700;color:#111827;line-height:1}.hm-stat-label{font-size:13px;font-weight:600;color:#374151;margin-top:2px}.hm-stat-sub{font-size:11px;color:#9ca3af;margin-top:2px}.hm-layout{display:flex;flex-direction:column}.hm-layout--split{flex-direction:row;align-items:flex-start;gap:0}.hm-list-panel{flex:1;min-width:0}.hm-form-panel{width:400px;min-width:400px;flex-shrink:0;border-left:1px solid #e5e7eb;border-radius:0 16px 16px 0;background:#fff;overflow-y:auto;max-height:100vh;position:sticky;top:0;animation:slideInRight .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.hm-filters{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.hm-search-wrap{position:relative;flex:1;min-width:160px}.hm-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.hm-search{width:100%;padding:9px 12px 9px 34px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;color:#374151;background:#fff;box-sizing:border-box;transition:border-color .2s}.hm-search:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.hm-filter-select{padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.hm-filter-select:focus{border-color:#7c3aed}.hm-filter-date{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;color:#374151;cursor:pointer;white-space:nowrap}.hm-filter-date:hover{border-color:#7c3aed}.hm-refresh-btn{width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;flex-shrink:0}.hm-refresh-btn:hover{border-color:#7c3aed;color:#7c3aed}.hm-table-wrap{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.hm-table{width:100%;border-collapse:collapse;min-width:640px;background:#fff}.hm-table thead tr{background:#f9fafb}.hm-table thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid #e5e7eb;white-space:nowrap}.hm-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.hm-table tbody tr:last-child{border-bottom:none}.hm-table tbody tr:hover{background:#fafafa}.hm-table tbody td{padding:14px 16px;font-size:14px;color:#374151;vertical-align:middle}.hm-title-cell{display:flex;align-items:flex-start;gap:12px}.hm-title-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.hm-title-icon--purple{background:#ede9fe;color:#7c3aed}.hm-title-icon--green{background:#dcfce7;color:#16a34a}.hm-title-icon--orange{background:#ffedd5;color:#ea580c}.hm-title-icon--red{background:#fee2e2;color:#dc2626}.hm-title-name{font-weight:600;color:#111827;font-size:14px;line-height:1.3}.hm-title-desc{font-size:12px;color:#9ca3af;margin-top:2px}.hm-batch-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block}.hm-batch-badge--0,.hm-batch-badge--5{background:#ede9fe;color:#6d28d9}.hm-batch-badge--1{background:#dcfce7;color:#166534}.hm-batch-badge--2{background:#ffedd5;color:#9a3412}.hm-batch-badge--3{background:#fee2e2;color:#991b1b}.hm-batch-badge--4{background:#dbeafe;color:#1e40af}.hm-batch-badge--all{background:#f3f4f6;color:#6b7280}.hm-date-cell{display:flex;align-items:center;gap:5px;font-size:13px;color:#374151;font-weight:500}.hm-date-cell--overdue{color:#dc2626}.hm-time-sub{font-size:12px;color:#9ca3af;margin-top:2px}.hm-sub-cell{display:flex;align-items:center;gap:8px}.hm-sub-count{font-size:13px;color:#374151;white-space:nowrap}.hm-progress-bar{flex:1;height:5px;background:#e5e7eb;border-radius:99px;overflow:hidden;min-width:50px}.hm-progress-fill{height:100%;border-radius:99px;transition:width .3s}.hm-progress-fill--high{background:#22c55e}.hm-progress-fill--mid{background:#f59e0b}.hm-progress-fill--low{background:#ef4444}.hm-sub-pct{font-size:12px;color:#6b7280;white-space:nowrap}.hm-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;white-space:nowrap}.hm-status-badge--status-active{background:#d1fae5;color:#065f46}.hm-status-badge--status-completed{background:#dbeafe;color:#1e40af}.hm-status-badge--status-overdue{background:#fee2e2;color:#991b1b}.hm-actions-cell{display:flex;align-items:center;gap:4px}.hm-act-btn{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .15s}.hm-act-btn:hover{border-color:#7c3aed;color:#7c3aed;background:#faf5ff}.hm-act-btn--more:hover{border-color:#d1d5db;color:#374151;background:#f9fafb}.hm-empty{text-align:center;padding:60px 20px;color:#9ca3af;border:2px dashed #e5e7eb;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.hm-empty p{font-size:15px}.hm-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-wrap:wrap;gap:10px}.hm-page-info{font-size:13px;color:#6b7280}.hm-page-btns{display:flex;align-items:center;gap:6px}.hm-page-nav{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .15s}.hm-page-nav:disabled{opacity:.4;cursor:not-allowed}.hm-page-nav:not(:disabled):hover{border-color:#7c3aed;color:#7c3aed}.hm-page-num{min-width:32px;height:32px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;font-size:13px;font-weight:500;cursor:pointer;color:#374151;transition:all .15s;padding:0 6px}.hm-page-num:hover{border-color:#7c3aed;color:#7c3aed}.hm-page-num--active{background:#6d28d9;border-color:#6d28d9;color:#fff}.hm-form-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 14px;border-bottom:1px solid #f3f4f6;position:sticky;top:0;background:#fff;z-index:2}.hm-form-title{font-size:16px;font-weight:700;color:#111827;margin:0}.hm-form-close{width:30px;height:30px;border:none;background:#f3f4f6;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:background .15s}.hm-form-close:hover{background:#e5e7eb}.hm-tabs{display:flex;border-bottom:1px solid #e5e7eb;padding:0 20px;position:sticky;top:57px;background:#fff;z-index:1}.hm-tab{padding:10px 0;margin-right:24px;font-size:14px;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.hm-tab--active{color:#6d28d9;border-bottom-color:#6d28d9}.hm-tab:hover{color:#7c3aed}.hm-form-body{padding:20px;display:flex;flex-direction:column;gap:16px}.hm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hm-field{display:flex;flex-direction:column;gap:6px}.hm-label{font-size:13px;font-weight:600;color:#374151}.hm-required{color:#ef4444}.hm-sublabel{font-size:12px;color:#9ca3af}.hm-input,.hm-select{padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;outline:none;background:#fff;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.hm-input:focus,.hm-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.hm-input--sm{width:80px}.hm-textarea{padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;outline:none;background:#fff;width:100%;min-height:90px;resize:vertical;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.hm-textarea--sm{border-radius:8px;min-height:70px}.hm-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.hm-char-count{font-size:11px;color:#9ca3af;text-align:right;margin-top:2px}.hm-toolbar-sep{width:1px;height:18px;background:#d1d5db;margin:0 4px}.hm-input-icon-wrap{position:relative}.hm-input-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.hm-radio-group{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hm-radio-label{display:flex;align-items:center;gap:7px;font-size:14px;color:#374151;cursor:pointer}.hm-radio{accent-color:#6d28d9;width:16px;height:16px;cursor:pointer}.hm-dropzone{border:2px dashed #d1d5db;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:13px;color:#6b7280;cursor:pointer;transition:border-color .2s}.hm-dropzone:hover{border-color:#7c3aed;background:#faf5ff}.hm-dropzone-icon{color:#9ca3af;margin-bottom:4px}.hm-dropzone-sub{font-size:11px;color:#9ca3af}.hm-link{color:#7c3aed;font-weight:600}.hm-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.hm-toggle{width:44px;height:24px;border-radius:12px;background:#d1d5db;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.hm-toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px #0003}.hm-toggle--on{background:#7c3aed}.hm-toggle--on:after{left:23px}.hm-penalty-row{display:flex;align-items:center;gap:8px}.hm-penalty-unit{font-size:13px;color:#6b7280;white-space:nowrap}.hm-tab-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#9ca3af;text-align:center}.hm-form-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:4px;border-top:1px solid #f3f4f6;margin-top:4px;position:sticky;bottom:0;background:#fff;padding-bottom:16px;z-index:2}.hm-btn-cancel{padding:10px 20px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:background .15s}.hm-btn-cancel:hover{background:#f9fafb}.hm-btn-save{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#6d28d9;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.hm-btn-save:hover{background:#5b21b6;transform:translateY(-1px)}.hm-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.hm-modal{background:#fff;border-radius:14px;width:100%;max-width:680px;box-shadow:0 20px 60px #0000002e;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.hm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.hm-modal-header h4{margin:0;font-size:17px;font-weight:700;color:#111827;display:flex;align-items:center;gap:10px}.hm-modal-body{overflow-y:auto;padding:20px 22px;flex:1}.hm-modal-footer{padding:14px 22px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.hm-submissions-table{width:100%;border-collapse:collapse;min-width:500px}.hm-submissions-table thead tr{background:linear-gradient(135deg,#6d28d9,#7c3aed)}.hm-submissions-table thead th{padding:11px 14px;text-align:left;font-size:12px;font-weight:600;color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.hm-submissions-table tbody tr{border-bottom:1px solid #f3f4f6}.hm-submissions-table tbody tr:last-child{border-bottom:none}.hm-submissions-table tbody tr:hover{background:#faf5ff}.hm-submissions-table tbody td{padding:11px 14px;font-size:14px;color:#374151}.hm-no-data{text-align:center;padding:30px;color:#9ca3af}.hm-sub-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.hm-sub-badge--done{background:#d1fae5;color:#065f46}.hm-sub-badge--not{background:#fee2e2;color:#991b1b}.hm-mark-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.hm-mark-btn--done{background:#d1fae5;color:#065f46}.hm-mark-btn--undone{background:#fee2e2;color:#991b1b}.hm-mark-btn:hover{transform:translateY(-1px);filter:brightness(.95)}.hm-notify-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:none;border-radius:8px;background:#fef3c7;color:#92400e;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.hm-notify-btn:hover{background:#fde68a}.hm-view-only{padding:4px 10px;border-radius:12px;font-size:12px;background:#f3f4f6;color:#6b7280;font-weight:500}@media(min-width:1400px){.hm-form-panel{width:440px;min-width:440px}}@media(max-width:1200px){.hm-stats{grid-template-columns:repeat(2,1fr)}.hm-layout--split{flex-direction:column}.hm-form-panel{width:100%;min-width:unset;border-left:none;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px;position:static;max-height:none;animation:slideInDown .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hm-form-footer,.hm-form-header,.hm-tabs{position:static}}@media(max-width:1024px){.hm-root{padding:20px}.hm-stats{grid-template-columns:repeat(2,1fr);gap:12px}.hm-form-row{grid-template-columns:1fr}}@media(max-width:768px){.main-div{flex-direction:column}.hm-root{padding:16px;border-radius:12px}.hm-top{flex-direction:column;align-items:flex-start}.hm-create-btn{width:100%;justify-content:center;box-sizing:border-box}.hm-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.hm-stat-card{padding:14px 12px;gap:10px}.hm-stat-num{font-size:22px}.hm-stat-icon{width:36px;height:36px}.hm-filters{gap:8px}.hm-search-wrap{width:100%;flex:unset}.hm-filter-select{flex:1;min-width:0}.hm-filter-date{flex:1;justify-content:center}.hm-table thead th,.hm-table tbody td{padding:10px 12px;font-size:13px}.hm-form-row{grid-template-columns:1fr}.hm-form-footer{flex-direction:row}.hm-btn-save,.hm-btn-cancel{flex:1;justify-content:center}.hm-modal{border-radius:12px;max-height:95vh}.hm-modal-overlay{padding:12px}.hm-submissions-table thead th,.hm-submissions-table tbody td{padding:9px 11px;font-size:13px}}@media(max-width:600px){.hm-root{padding:12px;border-radius:10px}.hm-heading{font-size:18px}.hm-subheading{font-size:12px}.hm-stats{grid-template-columns:1fr 1fr;gap:8px}.hm-stat-num{font-size:20px}.hm-stat-label{font-size:12px}.hm-stat-sub{font-size:10px}.hm-filters{flex-wrap:wrap}.hm-filter-select,.hm-filter-date{font-size:13px;padding:8px 10px}.hm-pagination{justify-content:center}.hm-page-info{font-size:12px;width:100%;text-align:center}.hm-modal-header h4{font-size:15px}.hm-notify-btn{width:100%;justify-content:center}.hm-modal-footer{flex-direction:column-reverse}.hm-btn-cancel,.hm-btn-save{width:100%;justify-content:center}}@media(max-width:400px){.hm-root{padding:10px}.hm-heading{font-size:16px}.hm-icon-wrap{width:36px;height:36px}.hm-stats{grid-template-columns:1fr 1fr;gap:6px}.hm-stat-card{padding:10px 8px;gap:8px}.hm-stat-num{font-size:18px}.hm-stat-icon{width:32px;height:32px}.hm-table{min-width:520px}.hm-table thead th,.hm-table tbody td{padding:8px 10px;font-size:12px}.hm-form-body{padding:14px;gap:12px}.hm-tabs{padding:0 14px}.hm-tab{margin-right:16px;font-size:13px}}.ss-container{max-width:900px;margin:0 auto;padding:8px 0 40px}.ss-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:#8b95a5;font-size:15px}.ss-spinner{animation:ss-spin 1s linear infinite}@keyframes ss-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ss-error{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;margin:24px 0}.ss-header{margin-bottom:28px}.ss-header h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#1f2937;margin:0 0 6px}.ss-header-sub{color:#8b95a5;font-size:14px;margin:0}.ss-no-sub{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f8f9ff,#f1f0ff);border-radius:16px;border:1px dashed #d1d5db;color:#6b7280}.ss-no-sub svg{color:#c4b5fd;margin-bottom:16px}.ss-no-sub h3{font-size:18px;color:#374151;margin:0 0 8px}.ss-no-sub p{font-size:14px;margin:0}.ss-cancelled-banner{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde68a;border-radius:14px;margin-bottom:24px}.ss-cancelled-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:#fbbf24;display:flex;align-items:center;justify-content:center;color:#fff}.ss-cancelled-text strong{display:block;font-size:15px;color:#92400e;margin-bottom:4px}.ss-cancelled-text p{font-size:13px;color:#a16207;margin:0;line-height:1.5}.ss-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:768px){.ss-cards-grid{grid-template-columns:1fr}}.ss-card{background:#fff;border-radius:16px;border:1px solid #f0f0f5;padding:24px;box-shadow:0 2px 12px #0000000a;transition:box-shadow .2s,transform .2s}.ss-card:hover{box-shadow:0 6px 24px #00000014;transform:translateY(-2px)}.ss-card-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.ss-plan-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ss-plan-info h3{font-size:17px;font-weight:700;color:#1f2937;margin:0 0 4px}.ss-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.ss-status-badge.active{background:#dcfce7;color:#16a34a}.ss-status-badge.cancelled{background:#fee2e2;color:#dc2626}.ss-plan-details,.ss-payment-info{display:flex;flex-direction:column;gap:12px}.ss-detail-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.ss-detail-label{font-size:13px;color:#8b95a5;font-weight:500}.ss-detail-value{font-size:14px;color:#1f2937;font-weight:600}.ss-amount small{font-weight:400;color:#8b95a5;margin-left:2px}.ss-trial-badge{font-size:13px}.ss-card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#374151;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.ss-countdown-section{text-align:center;padding:20px 0;margin-bottom:16px;background:linear-gradient(135deg,#f8f7ff,#eef2ff);border-radius:14px}.ss-countdown-number{font-size:52px;font-weight:800;line-height:1;letter-spacing:-2px}.ss-countdown-label{font-size:13px;color:#8b95a5;font-weight:500;margin-top:6px}.ss-auto-debit-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.ss-auto-debit-badge.active{background:#dbeafe;color:#2563eb}.ss-auto-debit-badge.stopped{background:#fee2e2;color:#dc2626}.ss-cancel-section{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#fafafa;border:1px solid #f0f0f0;border-radius:14px}.ss-cancel-info h4{font-size:15px;font-weight:600;color:#374151;margin:0 0 4px}.ss-cancel-info p{font-size:13px;color:#8b95a5;margin:0;line-height:1.5;max-width:500px}.ss-cancel-btn{flex-shrink:0;padding:10px 22px;background:transparent;color:#dc2626;border:1px solid #fca5a5;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.ss-cancel-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}@media(max-width:600px){.ss-cancel-section{flex-direction:column;text-align:center}.ss-cancel-info p{max-width:100%}}.csm-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:csm-fadeIn .2s ease}@keyframes csm-fadeIn{0%{opacity:0}to{opacity:1}}.csm-modal{background:#fff;border-radius:20px;width:520px;max-width:92vw;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0003;animation:csm-slideUp .3s ease}@keyframes csm-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.csm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f3f4f6}.csm-header-left{display:flex;align-items:center;gap:10px}.csm-header-left h2{font-size:18px;font-weight:700;color:#1f2937;margin:0}.csm-warning-icon{color:#f59e0b}.csm-close-btn{width:32px;height:32px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.csm-close-btn:hover{background:#e5e7eb;color:#1f2937}.csm-steps{display:flex;align-items:center;justify-content:center;gap:32px;padding:16px 24px;background:#fafbfc}.csm-step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.csm-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#e5e7eb;color:#9ca3af;transition:all .3s}.csm-step.active .csm-step-dot{background:#6c5ce7;color:#fff;box-shadow:0 2px 8px #6c5ce759}.csm-step.done .csm-step-dot{background:#22c55e;color:#fff}.csm-step-label{font-size:11px;color:#9ca3af;font-weight:500}.csm-step.active .csm-step-label{color:#6c5ce7;font-weight:600}.csm-step.done .csm-step-label{color:#22c55e}.csm-body{padding:24px}.csm-subtitle{font-size:14px;color:#6b7280;margin:0 0 20px;line-height:1.5}.csm-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.csm-reason-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.csm-reason-item:hover{border-color:#c4b5fd;background:#faf8ff}.csm-reason-item.selected{border-color:#6c5ce7;background:#f5f3ff;box-shadow:0 0 0 3px #6c5ce71a}.csm-reason-item input[type=radio]{display:none}.csm-reason-emoji{font-size:18px;flex-shrink:0}.csm-reason-label{flex:1;font-size:14px;color:#374151;font-weight:500}.csm-reason-check{color:#6c5ce7;flex-shrink:0}.csm-detail-section{margin-bottom:16px;position:relative}.csm-detail-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.csm-textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;resize:vertical;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.csm-textarea:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.csm-textarea::placeholder{color:#9ca3af}.csm-char-count{position:absolute;bottom:8px;right:12px;font-size:11px;color:#c4c4c4}.csm-confirm-warning{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:#fef2f2;border-radius:12px;margin-bottom:20px}.csm-confirm-warning svg{color:#dc2626;flex-shrink:0;margin-top:2px}.csm-confirm-warning p{font-size:14px;color:#991b1b;margin:0;line-height:1.5}.csm-confirm-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;background:#f8fdf9;border-radius:12px;border:1px solid #d1fae5}.csm-confirm-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#374151;line-height:1.5}.csm-green{color:#22c55e;flex-shrink:0;margin-top:2px}.csm-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #f3f4f6}.csm-footer-confirm{flex-direction:column;gap:10px}.csm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.csm-btn-secondary{background:#f3f4f6;color:#374151}.csm-btn-secondary:hover{background:#e5e7eb}.csm-btn-next{background:#6c5ce7;color:#fff}.csm-btn-next:hover{background:#5b4bd5}.csm-btn-next:disabled{opacity:.5;cursor:not-allowed}.csm-btn-back{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.csm-btn-back:hover{background:#f9fafb}.csm-btn-keep{width:100%;background:#6c5ce7;color:#fff;padding:13px 20px;font-size:15px}.csm-btn-keep:hover{background:#5b4bd5}.csm-btn-cancel-final{width:100%;background:transparent;color:#dc2626;border:1px solid #fca5a5;padding:12px 20px}.csm-btn-cancel-final:hover{background:#dc2626;color:#fff;border-color:#dc2626}.csm-btn-cancel-final:disabled{opacity:.6;cursor:not-allowed}.csm-btn-primary{width:100%;background:#6c5ce7;color:#fff;padding:13px 20px;margin-top:8px}.csm-btn-primary:hover{background:#5b4bd5}.csm-loading{display:flex;align-items:center;gap:8px}.csm-spinner{width:16px;height:16px;border:2px solid rgba(220,38,38,.3);border-top-color:#dc2626;border-radius:50%;animation:csm-spin .6s linear infinite}@keyframes csm-spin{to{transform:rotate(360deg)}}.csm-success-modal{text-align:center;padding:40px 32px}.csm-success-icon{color:#22c55e;margin-bottom:16px}.csm-success-modal h2{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 8px}.csm-success-text{font-size:14px;color:#6b7280;margin:0 0 20px;line-height:1.6}.csm-success-info{font-size:13px;color:#374151;line-height:2.2;text-align:left;padding:16px 20px;background:#f0fdf4;border-radius:12px;margin-bottom:20px}.csm-success-info svg{color:#22c55e;vertical-align:middle;margin-right:6px}.dashboard-viz{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014;border:1px solid #f3f4f6;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf626}.stat-content{display:flex;justify-content:space-between;align-items:flex-start}.stat-info{display:flex;flex-direction:column;gap:8px;flex:1}.stat-label{font-size:14px;color:#6b7280;font-weight:500;margin:0}.stat-value{font-size:32px;font-weight:700;color:#1f2937;margin:0;line-height:1}.stat-trend{display:flex;align-items:center;gap:4px;font-size:12px}.trend-icon{flex-shrink:0}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-text{color:#9ca3af}.stat-icon-wrapper{padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper.purple{background:#f3e8ff}.stat-icon-wrapper.purple .stat-icon{color:#8b5cf6}.stat-icon-wrapper.blue{background:#dbeafe}.stat-icon-wrapper.blue .stat-icon{color:#3b82f6}.stat-icon-wrapper.green{background:#d1fae5}.stat-icon-wrapper.green .stat-icon{color:#10b981}.stat-icon-wrapper.orange{background:#fed7aa}.stat-icon-wrapper.orange .stat-icon{color:#f97316}.quick-actions-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.action-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014;border:1px solid #f3f4f6;transition:all .3s;text-decoration:none;display:block}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf626}.action-content{display:flex;flex-direction:column;gap:16px}.action-icon-wrapper{padding:12px;border-radius:12px;width:fit-content;transition:transform .3s}.action-card:hover .action-icon-wrapper{transform:scale(1.1)}.action-icon-wrapper.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.action-icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.action-icon-wrapper.green{background:linear-gradient(135deg,#10b981,#34d399)}.action-icon-wrapper.orange{background:linear-gradient(135deg,#f97316,#fb923c)}.action-icon{color:#fff}.action-text{display:flex;flex-direction:column;gap:4px}.action-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.action-description{font-size:14px;color:#6b7280;margin:0}.activity-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014;border:1px solid #f3f4f6}.card-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;transition:background .2s}.activity-item:hover{background:#f9fafb}.activity-icon-wrapper{padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-wrapper.purple{background:#f3e8ff}.activity-icon-wrapper.purple .activity-icon{color:#8b5cf6}.activity-icon-wrapper.green{background:#d1fae5}.activity-icon-wrapper.green .activity-icon{color:#10b981}.activity-icon-wrapper.blue{background:#dbeafe}.activity-icon-wrapper.blue .activity-icon{color:#3b82f6}.activity-info{flex:1;display:flex;flex-direction:column;gap:4px}.activity-title{font-size:14px;font-weight:500;color:#1f2937;margin:0}.activity-time{font-size:12px;color:#9ca3af;margin:0}@media(max-width:768px){.stats-grid,.quick-actions-grid{grid-template-columns:1fr}}.section-subtitle{font-size:14px;color:#9ca3af;margin:4px 0 0;font-weight:400}.summary-icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.income-graph-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #8b5cf614;border:1px solid #f3f4f6;margin-bottom:24px}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.time-period-selector{display:flex;gap:8px;background:#f9fafb;padding:4px;border-radius:10px}.period-btn{padding:8px 20px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.period-btn:hover{background:#e5e7eb;color:#374151}.period-btn.active{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.graph-container{margin:24px 0;min-height:350px}.graph-loading{display:flex;align-items:center;justify-content:center;height:350px;color:#6b7280;font-size:16px}.income-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #f3f4f6}.income-summary-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.income-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.summary-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon-wrapper.green{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.summary-icon-wrapper.orange{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.summary-icon-wrapper.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.summary-info{flex:1}.summary-label{font-size:13px;color:#6b7280;margin:0 0 4px;font-weight:500}.summary-value{font-size:20px;font-weight:700;color:#1f2937;margin:0}@media(max-width:768px){.graph-header{flex-direction:column;align-items:flex-start}.time-period-selector{width:100%}.period-btn{flex:1;text-align:center}.income-summary{grid-template-columns:1fr}}.charts-section{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.chart-card{background:linear-gradient(135deg,#fff,#fafafa);border-radius:20px;padding:32px;box-shadow:0 4px 20px #8b5cf614;border:1px solid rgba(139,92,246,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);opacity:0;transition:opacity .3s}.chart-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #8b5cf62e;border-color:#8b5cf633}.chart-card:hover:before{opacity:1}.chart-header{margin-bottom:20px}.chart-title{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0 0 4px}.chart-subtitle{font-size:.875rem;color:#6b7280;margin:0}.chart-container{margin-top:16px}@media(max-width:1024px){.charts-section{grid-template-columns:1fr}}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.period-toggle{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:10px}.period-btn{padding:8px 20px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.period-btn:hover{color:#374151}.period-btn.active{background:#fff;color:#8b5cf6;box-shadow:0 2px 4px #0000000d}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:320px;gap:16px}.chart-loading p{color:#6b7280;font-size:15px;font-weight:500}.spinner-large{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:320px;gap:16px}.chart-empty .empty-icon{color:#d1d5db}.chart-empty p{color:#9ca3af;font-size:15px;font-weight:500}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.dashboard-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.dashboard-table thead tr th{padding:16px 20px;text-align:left;fontSize:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.dashboard-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s}.dashboard-table tbody tr:hover{background:#faf5ff}.dashboard-table tbody tr td{padding:16px 20px;font-size:14px;color:#1f2937}.dashboard-table tbody tr:last-child{border-bottom:none}.dashboard-table tbody tr td:last-child{display:flex;gap:8px;align-items:center}.table-action-btn{padding:6px 16px;border:none;cursor:pointer;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.table-action-btn.edit{background:#a78bfa;color:#fff}.table-action-btn.edit:hover{background:#6b7280}.table-action-btn.delete{background:#dc2626;color:#fff}.table-action-btn.delete:hover{background:#b91c1c}.table-empty-state{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}@media(max-width:768px){.dashboard-table{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.dashboard-table thead tr th,.dashboard-table tbody tr td{padding:12px 10px;white-space:nowrap}.dashboard-table tbody tr td:last-child{flex-wrap:wrap}}.student-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;margin-bottom:24px}.student-form .form-group{display:flex;flex-direction:column;gap:8px}.student-form .form-group.full-width{grid-column:1 / -1}.student-form label{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.student-form input,.student-form select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s;outline:none;background:#fff}.student-form input:focus,.student-form select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.student-form input::placeholder{color:#9ca3af}.form-actions{grid-column:1 / -1;display:flex;gap:12px;margin-top:8px}.form-actions button{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.form-actions button[type=submit]{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.form-actions button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.form-actions button[type=button]{background:#6b7280;color:#fff}.form-actions button[type=button]:hover{background:#4b5563}.filter-section{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;border:1px solid #e5e7eb}.filter-section select{padding:10px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;background:#fff;min-width:200px;transition:all .2s}.filter-section select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.filter-section button{padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.filter-section button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.filter-section button.secondary{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 8px #10b9814d}.filter-section button.secondary:hover{box-shadow:0 4px 12px #10b98166}@media(max-width:768px){.student-form{grid-template-columns:1fr}.filter-section{flex-direction:column;align-items:stretch}.filter-section>div{width:100%;max-width:100%!important;min-width:100%!important;box-sizing:border-box}.filter-section select,.filter-section button{width:100%;min-width:unset;box-sizing:border-box}.form-actions{flex-direction:column}.form-actions button{width:100%;box-sizing:border-box}}.attendance-table-section{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 24px #8b5cf612;border:1px solid rgba(139,92,246,.08);position:relative;overflow:hidden}.attendance-table-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd,#8b5cf6);background-size:200% 100%;animation:att-shimmer 3s ease infinite}@keyframes att-shimmer{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 0%}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-title{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:800;color:#1f2937;margin:0;letter-spacing:-.3px}.section-title svg{color:#8b5cf6}.attendance-summary-btn{padding:10px 22px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 2px 10px #3b82f640;display:inline-flex;align-items:center;gap:8px}.attendance-summary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.att-tabs{display:flex;background:#f3f0ff;border-radius:14px;padding:5px;margin-bottom:28px;gap:4px;width:fit-content}.att-tab{padding:10px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;color:#6b7280;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.att-tab:hover{color:#8b5cf6;background:#8b5cf60f}.att-tab.active{background:#fff;color:#8b5cf6;box-shadow:0 2px 12px #8b5cf626;font-weight:700}.att-tab svg{flex-shrink:0}.attendance-filters-inline{background:linear-gradient(135deg,#faf5ff,#f5f3ff);padding:16px 22px;border-radius:14px;border:1px solid rgba(139,92,246,.1);margin-bottom:24px;display:inline-flex;align-items:flex-end;gap:4px}.filter-group-inline{display:inline-flex;flex-direction:column;gap:6px;margin-right:16px}.filter-group-inline:last-child{margin-right:0}.filter-label-inline{font-size:10px;font-weight:700;color:#7c3aed;text-transform:uppercase;letter-spacing:1px;margin-bottom:0}.filter-select-inline,.filter-input-inline{padding:9px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;background:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:200px;height:40px;color:#374151;box-sizing:border-box}.filter-select-inline:hover,.filter-input-inline:hover{border-color:#a78bfa}.filter-select-inline:focus,.filter-input-inline:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.filter-input-inline[type=date],.filter-input-inline[type=month]{position:relative;cursor:pointer;font-weight:500;appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}.filter-input-inline[type=date]:hover,.filter-input-inline[type=month]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}.filter-input-inline[type=date]::-webkit-calendar-picker-indicator,.filter-input-inline[type=month]::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;pointer-events:auto}.attendance-status-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;background:#fff;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#374151;cursor:pointer;min-width:120px}.attendance-status-select:hover{border-color:#9ca3af}.attendance-status-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.att-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.att-stat-card{background:#fff;border-radius:14px;padding:18px 20px;border:1px solid #f3f4f6;box-shadow:0 2px 12px #0000000a;display:flex;align-items:center;gap:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.att-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.att-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.att-stat-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.att-stat-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.att-stat-icon.red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.att-stat-icon.amber{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.att-stat-info h4{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin:0 0 4px}.att-stat-info p{font-size:22px;font-weight:800;color:#1f2937;margin:0;line-height:1}.action-buttons{display:flex;gap:12px;margin-top:24px;align-items:center;flex-wrap:wrap;justify-content:flex-start}.action-buttons .btn-save,.action-buttons .btn-cancel{flex:0 0 auto}.btn-save{padding:11px 28px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 2px 10px #8b5cf64d;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;box-sizing:border-box;white-space:nowrap;min-width:fit-content;flex-shrink:0;width:auto}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-cancel{padding:11px 28px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#6b7280;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;box-sizing:border-box;white-space:nowrap;min-width:fit-content;flex-shrink:0;width:auto}.btn-cancel:hover{transform:translateY(-2px);background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000000f;color:#374151}.att-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 50px;text-align:center}.att-empty-icon{width:100px;height:100px;border-radius:28px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:att-float 3s ease-in-out infinite;box-shadow:0 8px 30px #8b5cf626}@keyframes att-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.att-empty-icon svg{color:#7c3aed}.att-empty-state h3{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 10px}.att-empty-state p{font-size:15px;color:#9ca3af;margin:0 0 6px;max-width:380px;line-height:1.6}.att-empty-steps{display:flex;gap:32px;margin-top:28px}.att-empty-step{display:flex;flex-direction:column;align-items:center;gap:10px}.att-step-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #8b5cf64d}.att-step-text{font-size:13px;font-weight:600;color:#6b7280}.table-container{overflow-x:auto;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000d;margin-top:20px}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.data-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.data-table thead tr th{padding:16px 20px;text-align:left;font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease;background:#fff}.data-table tbody tr:nth-child(2n){background:#f9fafb}.data-table tbody tr:hover{background:#faf5ff!important}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr td{padding:16px 20px;font-size:14px;color:#1f2937;vertical-align:middle}.data-table tbody tr td:first-child{font-weight:600;color:#111827}.attendance-action-buttons{display:flex;gap:8px;align-items:center;justify-content:center;max-width:320px;margin:0 auto}.attendance-btn{padding:7px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#6b7280;white-space:nowrap;min-width:80px;flex:1}.attendance-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.attendance-btn.present{border-color:#d1fae5}.attendance-btn.present:hover{border-color:#10b981;background:#f0fdf4;color:#059669}.attendance-btn.present.active{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-color:#10b981;box-shadow:0 2px 10px #10b9814d}.attendance-btn.absent{border-color:#fee2e2}.attendance-btn.absent:hover{border-color:#ef4444;background:#fef2f2;color:#dc2626}.attendance-btn.absent.active{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border-color:#ef4444;box-shadow:0 2px 10px #ef44444d}.attendance-btn.leave{border-color:#fed7aa}.attendance-btn.leave:hover{border-color:#f59e0b;background:#fffbeb;color:#d97706}.attendance-btn.leave.active{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border-color:#f59e0b;box-shadow:0 2px 10px #f59e0b4d}.status-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;display:inline-block;text-transform:capitalize}.status-badge.present{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.absent{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge.leave{background:linear-gradient(135deg,#fed7aa,#fde68a);color:#92400e}.status-badge.not-marked{background:#f3f4f6;color:#9ca3af}.attendance-table-section .data-table{table-layout:fixed;width:100%}.attendance-table-section .data-table thead tr th:nth-child(1){width:25%;text-align:left}.attendance-table-section .data-table thead tr th:nth-child(2){width:45%;text-align:center}.attendance-table-section .data-table thead tr th:nth-child(3){width:30%;text-align:center}.attendance-table-section .data-table tbody tr td:nth-child(1){text-align:left;padding-left:24px}.attendance-table-section .data-table tbody tr td:nth-child(2){text-align:center;padding:10px 12px}.attendance-table-section .data-table tbody tr td:nth-child(3){text-align:center}.attendance-table-section .data-table thead tr th{padding:18px 20px}.attendance-table-section .data-table tbody tr td{padding:16px 20px}.att-history-container{display:flex;flex-direction:column;gap:16px}.att-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.att-history-empty svg{color:#d1d5db;margin-bottom:16px}.att-history-empty h4{font-size:17px;font-weight:700;color:#6b7280;margin:0 0 8px}.att-history-empty p{font-size:14px;color:#9ca3af;margin:0}.att-history-date-card{background:#fff;border-radius:14px;border:1px solid #f3f4f6;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000008}.att-history-date-card:hover{box-shadow:0 4px 16px #8b5cf61a;border-color:#8b5cf626}.att-history-date-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:linear-gradient(135deg,#faf5ff,#f5f3ff);border-bottom:1px solid #f3f4f6;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.att-history-date-header:hover{background:linear-gradient(135deg,#f3f0ff,#ede9fe)}.att-history-date-left{display:flex;align-items:center;gap:14px}.att-history-date-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.att-history-date-text h4{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 3px}.att-history-date-text span{font-size:12px;color:#9ca3af;font-weight:500}.att-history-date-badges{display:flex;gap:10px;align-items:center}.att-history-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.att-history-badge.present-badge{background:#d1fae5;color:#065f46}.att-history-badge.absent-badge{background:#fee2e2;color:#991b1b}.att-history-badge.leave-badge{background:#fef3c7;color:#92400e}.att-history-chevron{color:#9ca3af;transition:transform .3s;flex-shrink:0}.att-history-chevron.open{transform:rotate(180deg)}.att-history-records{padding:0;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.att-history-records.open{padding:8px 16px 16px;max-height:2000px}.att-history-student-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;transition:background .2s}.att-history-student-row:hover{background:#f9fafb}.att-history-student-row:not(:last-child){border-bottom:1px solid #f3f4f6}.att-history-student-name{font-size:14px;font-weight:600;color:#374151}.att-history-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#9ca3af;font-size:15px;font-weight:500}.att-history-loading .spinner{width:20px;height:20px;border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;animation:att-spin .7s linear infinite}@keyframes att-spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af;font-size:16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px dashed #d1d5db}.feature-locked-section{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8;transition:all .3s ease}@media(max-width:768px){.attendance-table-section{padding:16px;border-radius:14px}.table-container{border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.attendance-table-section .data-table{table-layout:auto;min-width:600px}.data-table thead tr th{padding:14px 16px;font-size:12px}.data-table tbody tr td{padding:14px 16px;font-size:13px}.attendance-table-section .data-table thead tr th:nth-child(1),.attendance-table-section .data-table thead tr th:nth-child(2),.attendance-table-section .data-table thead tr th:nth-child(3){width:auto}.attendance-table-section .data-table tbody tr td:nth-child(1){padding-left:16px}.attendance-action-buttons{max-width:100%;flex-wrap:wrap;gap:6px}.attendance-btn{min-width:64px;padding:6px 10px;font-size:12px}.attendance-filters-inline{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box;padding:14px 16px}.filter-group-inline{display:flex;flex-direction:column;margin-right:0;width:100%}.filter-select-inline,.filter-input-inline{width:100%;box-sizing:border-box}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-title{font-size:20px}.attendance-summary-btn{width:100%;justify-content:center}.action-buttons{flex-direction:column}.btn-save,.btn-cancel{width:100%;justify-content:center;box-sizing:border-box}.attendance-status-select{min-width:unset;width:100%;box-sizing:border-box}.att-tabs{width:100%}.att-tab{flex:1;justify-content:center;padding:10px 14px;font-size:13px}.att-quick-stats{grid-template-columns:repeat(2,1fr);gap:10px}.att-stat-card{padding:14px 16px}.att-stat-info p{font-size:18px}.att-empty-steps{flex-direction:column;gap:16px}.att-history-date-badges{flex-wrap:wrap;gap:6px}.att-history-date-header{padding:14px 16px;flex-wrap:wrap;gap:10px}.attendence-filter-section{flex-direction:column-reverse}}@media(max-width:480px){.section-title{font-size:18px;gap:8px}.attendance-table-section .data-table thead tr th,.attendance-table-section .data-table tbody tr td{padding:10px 8px;font-size:13px}.status-badge{padding:4px 10px;font-size:12px}.att-quick-stats{grid-template-columns:1fr}}.number_input{width:100%;display:flex;flex-direction:row;align-items:center;gap:15px;margin-top:10px;margin-bottom:10px}.number_input label{font-size:14px;font-weight:500;white-space:nowrap;color:#333}.number_input input{flex:1;min-width:0;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px}@media(max-width:768px){.number_input{display:grid;grid-template-columns:auto 1fr;gap:12px}.number_input input{width:90%}.attendence-filter-section{flex-direction:column-reverse}}@media(max-width:480px){.number_input{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.number_input label{margin-bottom:-4px}.number_input input{width:90%;padding:10px}}.student-form-container{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 24px #00000008;border:1px solid #f3f4f6;font-family:inherit;width:100%;box-sizing:border-box}.form-header{margin-bottom:28px}.header-text h2{display:flex;align-items:center;gap:10px;font-size:24px;color:#1e293b;margin:0 0 6px;font-weight:700}.header-text p{font-size:14px;color:#64748b;margin:0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:28px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#334155}.required-star{color:#ef4444;margin-left:2px}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.inner-field-icon{position:absolute;left:16px;color:#94a3b8;pointer-events:none;transition:color .2s ease;z-index:1}.input-wrapper input,.input-wrapper .styled-select{width:100%;height:46px;padding:10px 16px 10px 50px!important;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;color:#334155;background-color:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.input-wrapper input[type=date]{padding-left:16px;cursor:pointer}.input-wrapper input::placeholder{color:#94a3b8;opacity:1}.input-wrapper input::-webkit-input-placeholder{color:#94a3b8;opacity:1}.input-wrapper input::-moz-placeholder{color:#94a3b8;opacity:1}.input-wrapper .styled-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.input-wrapper:focus-within .inner-field-icon{color:#6366f1}.add-student-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#6366f1;color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:background-color .2s,transform .1s}.add-student-btn:hover{background-color:#4f46e5}.add-student-btn:active{transform:scale(.98)}@media(max-width:1024px){.form-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:640px){.student-form-container{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.input-wrapper input,.input-wrapper .styled-select{height:44px;font-size:15px;padding-left:50px!important}.add-student-btn{width:100%;height:46px}}@media(max-width:931px){.dashboard-table{display:none}}.view-more-btn{width:100%;padding:12px 20px;margin-top:12px;background:#fff;border:1.5px dashed #d1d5db;border-radius:12px;font-size:13px;font-weight:600;color:#9ca3af;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.2px}.view-more-btn:hover{border-color:#8b5cf6;color:#8b5cf6;background:#faf5ff}.view-more-btn:active{transform:scale(.98)}@media(min-width:931px){.view-more-btn{display:none}}.batch-page{display:flex;gap:32px;padding:16px;max-width:1400px;margin:0 auto;align-items:flex-start}.batch-left-panel{flex:1;min-width:0;max-width:100%;margin-right:20px}.batch-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000001a;width:100%}.batch-section-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:10px}.batch-toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap;width:100%}.batch-search-wrapper{position:relative;flex:1 1 auto;min-width:220px;max-width:100%}.batch-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1;pointer-events:none}.batch-search-input{width:100%;padding:8px 10px 8px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box}.batch-search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.btn-add-batch{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.btn-add-batch:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.batch-list{display:flex;flex-direction:column;gap:12px;width:100%}.batch-item-premium{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.batch-item-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s}.batch-item-premium:hover{border-color:#6366f1;box-shadow:0 6px 20px #6366f11f;transform:translateY(-1px)}.batch-item-premium:hover:before{opacity:1}.batch-item-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.batch-item-icon-premium{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 3px 10px #6366f140}.batch-item-main{flex:1;min-width:0}.batch-item-name-premium{font-size:16px;font-weight:700;color:#111827;margin-bottom:4px;line-height:1.3}.batch-item-course{display:inline-block;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9;padding:3px 10px;border-radius:5px;font-size:12px;font-weight:600;margin-top:4px;border:1px solid #ddd6fe}.badge-premium{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap}.badge-premium.badge-active{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.badge-premium.badge-inactive{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.batch-item-details{display:flex;flex-wrap:wrap;gap:12px;padding:10px 12px;background:#f9fafb;border-radius:8px;margin-bottom:12px}.batch-item-meta-info{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0;margin-bottom:8px;border-bottom:1px solid #f3f4f6}.batch-meta-item{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:12px;font-weight:500}.batch-meta-item svg{color:#9ca3af;flex-shrink:0}.batch-item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px}.batch-detail-item{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px}.batch-detail-item svg{color:#9ca3af;flex-shrink:0}.batch-detail-students{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:6px 12px;border-radius:7px;color:#1e40af;border:1px solid #bfdbfe;font-weight:600;display:flex;align-items:center;gap:8px}.batch-detail-students svg{color:#1e40af}.batch-detail-value{font-size:16px;font-weight:700;color:#1e40af;line-height:1}.batch-detail-label{font-size:12px;color:#1e40af;font-weight:600}.batch-detail-text{font-weight:500;color:#374151}.batch-actions-premium{display:flex;gap:6px;margin-left:auto}.btn-icon-premium{width:32px;height:32px;border-radius:7px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}.btn-icon-premium:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.btn-icon-premium.btn-icon-edit:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.btn-icon-premium.btn-icon-delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}@media(max-width:768px){.batch-page{flex-direction:column;padding:12px}.batch-item-header{flex-wrap:wrap}.batch-item-details{gap:10px}.batch-detail-item{font-size:12px}.batch-detail-value{font-size:14px}}.batch-right-panel{width:420px;min-width:420px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f;display:flex;flex-direction:column;max-height:calc(100vh - 40px);flex-shrink:0;position:sticky;top:20px;margin-left:20px}.batch-form-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px 12px 0 0}.batch-form-header-info{display:flex;gap:14px;align-items:flex-start}.batch-form-header-icon{width:44px;height:44px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d;flex-shrink:0}.batch-form-header-info h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#111827}.batch-form-header-info p{margin:0;font-size:13px;color:#6b7280;line-height:1.4}.btn-close{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280;flex-shrink:0}.btn-close:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.batch-right-panel>.form-row{padding:0 24px}.batch-right-panel>.form-row:first-of-type{padding-top:20px}.form-row{margin-bottom:18px}.form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.required{color:#ef4444;font-weight:700}.optional{color:#9ca3af;font-weight:400;font-size:12px}.form-input-wrap{position:relative}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit;box-sizing:border-box;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-textarea{resize:vertical;min-height:90px;max-height:200px}.form-input-icon-right{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.status-group{display:flex;gap:16px}.status-radio{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s;flex:1;background:#fff}.status-radio:hover{border-color:#6366f1;background:#f9fafb}.status-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-custom{width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.status-radio input[type=radio]:checked+.radio-custom{border-color:#6366f1;background:#6366f1}.radio-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:0;transition:opacity .2s}.status-radio input[type=radio]:checked+.radio-custom .radio-dot{opacity:1}.form-footer{display:flex;gap:10px;padding:20px 24px 24px;border-top:1px solid #f3f4f6;background:#f9fafb;border-radius:0 0 12px 12px;margin-top:auto}.btn-cancel,.btn-create{flex:1;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;border:none}.btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.btn-create{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-create:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.batch-right-panel{overflow-y:auto}.batch-right-panel::-webkit-scrollbar{width:6px}.batch-right-panel::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.batch-right-panel::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.batch-right-panel::-webkit-scrollbar-thumb:hover{background:#9ca3af}.student-card{background:#fff;border:.5px solid #e5e7eb;border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:0;width:100%;box-sizing:border-box;margin-bottom:10px}.student-card__top-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:14px}.student-card__avatar{width:48px;height:48px;background:#fff3e8;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.student-card__actions{display:flex;gap:8px;align-items:center}.student-card__btn{display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid;transition:all .2s}.student-card__btn.edit{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.student-card__btn.edit:hover{background:#dbeafe}.student-card__btn.delete{background:#fff0f0;color:#dc2626;border-color:#fecaca}.student-card__btn.delete:hover{background:#fee2e2}.student-card__info-col{padding:14px 0;border-top:.5px solid #e5e7eb;min-width:0}.student-card__name{margin:0 0 2px;font-size:15px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-card__id{margin:0 0 10px;font-size:12px;font-weight:500;color:#f97316}.student-card__contacts{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:#6b7280}.student-card__contacts span{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-card__meta-col{border-top:.5px solid #e5e7eb;padding-top:12px;display:flex;flex-direction:row;align-items:center;gap:4px}.student-card__meta-col>div{display:flex;align-items:center;gap:4px}.student-card__meta-label{margin:0;font-size:12px;color:#9ca3af;white-space:nowrap}.student-card__meta-value{margin:0 14px 0 3px;font-size:13px;font-weight:600;color:#111827}.student-card__status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;display:inline-block}.status-due,.status-unpaid{background:#fff0f0;color:#dc2626;border:1px solid #fecaca}.status-paid{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}@media(min-width:931px){.student-card{display:none}}@media(max-width:768px){.student-card{padding:14px 16px}.student-card__name{font-size:14px}.student-card__contacts{font-size:12px}}@media(max-width:480px){.student-card{padding:14px}.student-card__contacts span{white-space:normal}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.admin-login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:450px;padding:48px 40px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-login-header{text-align:center;margin-bottom:40px}.admin-shield-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:20px;box-shadow:0 8px 24px #667eea66}.admin-login-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.admin-login-header p{font-size:14px;color:#6b7280;margin:0}.admin-login-form{display:flex;flex-direction:column;gap:24px}.admin-error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:10px;font-size:14px;text-align:center}.admin-form-group{display:flex;flex-direction:column;gap:8px}.admin-form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151}.admin-form-group input{padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s;outline:none}.admin-form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.admin-login-btn{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea66;margin-top:8px}.admin-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.admin-login-footer p{font-size:13px;color:#9ca3af;margin:0}@media(max-width:480px){.admin-login-card{padding:32px 24px}.admin-login-header h1{font-size:24px}.admin-shield-icon{width:64px;height:64px}}.admin-dashboard{font-family:Inter,system-ui,-apple-system,sans-serif;color:#2b3674}.admin-loading{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:transparent}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#4318ff;border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.admin-page-header{margin-bottom:32px}.admin-page-header h1{font-size:28px;font-weight:700;color:#2b3674;margin:0 0 8px;letter-spacing:-.5px}.admin-page-header p{font-size:15px;color:#a3aed1;margin:0;font-weight:500}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.admin-stat-card{border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease;border:1px solid rgba(255,255,255,.6);position:relative;overflow:hidden}.admin-stat-card:hover{transform:translateY(-5px)}.admin-stat-card .stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-stat-card.pending{background:linear-gradient(135deg,#fff9eb,#fff3d6);box-shadow:0 10px 30px #ffb54726}.admin-stat-card.pending .stat-icon{background:linear-gradient(135deg,#ffc977,#ffb547);color:#fff;box-shadow:0 8px 16px #ffb5474d}.admin-stat-card.pending .stat-label{color:#d9911e}.admin-stat-card.pending .stat-value{color:#b6740c}.admin-stat-card.active{background:linear-gradient(135deg,#e6fff4,#d1ffe9);box-shadow:0 10px 30px #01b57426}.admin-stat-card.active .stat-icon{background:linear-gradient(135deg,#02d186,#01b574);color:#fff;box-shadow:0 8px 16px #01b5744d}.admin-stat-card.active .stat-label{color:#01905c}.admin-stat-card.active .stat-value{color:#007047}.admin-stat-card.suspended{background:linear-gradient(135deg,#ffefee,#ffe4e2);box-shadow:0 10px 30px #ee5d5026}.admin-stat-card.suspended .stat-icon{background:linear-gradient(135deg,#f57f75,#ee5d50);color:#fff;box-shadow:0 8px 16px #ee5d504d}.admin-stat-card.suspended .stat-label{color:#c94034}.admin-stat-card.suspended .stat-value{color:#a2291e}.admin-stat-card.rejected{background:linear-gradient(135deg,#f4f7fe,#e9edf8);box-shadow:0 10px 30px #a3aed126}.admin-stat-card.rejected .stat-icon{background:linear-gradient(135deg,#b0bbdb,#a3aed1);color:#fff;box-shadow:0 8px 16px #a3aed14d}.admin-stat-card.rejected .stat-label{color:#707eae}.admin-stat-card.rejected .stat-value{color:#505c86}.stat-info{flex:1}.stat-label{font-size:13px;margin:0 0 4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:800;margin:0 0 4px;line-height:1}.stat-subtext{font-size:13px;color:inherit;opacity:.7;margin:0;font-weight:500}.section-title{font-size:16px;font-weight:700;color:#2b3674;text-transform:uppercase;letter-spacing:.5px;margin:0 0 24px}.admin-plan-distribution{background:#fff;border-radius:24px;padding:32px;box-shadow:0 10px 30px #7090b014;margin-bottom:32px}.plan-chart-container{display:flex;justify-content:center;align-items:center}.chart-layout{display:flex;align-items:center;justify-content:center;gap:40px;width:100%;max-width:800px}.chart-wrapper{position:relative;width:300px;height:160px}.chart-center-text{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.chart-total{font-size:36px;font-weight:800;color:#2b3674;line-height:1}.chart-label{font-size:14px;font-weight:600;color:#a3aed1;margin-top:4px}.chart-legend{display:flex;flex-direction:column;gap:16px}.chart-legend.left{text-align:right}.chart-legend.left .legend-title{flex-direction:row}.chart-legend.right{text-align:left}.chart-legend.right .legend-title{flex-direction:row-reverse}.legend-item{display:flex;flex-direction:column}.legend-title{font-size:16px;font-weight:700;color:#2b3674;display:flex;align-items:center;gap:8px}.legend-dot{width:12px;height:12px;border-radius:4px;display:inline-block}.legend-dot.prof{background:#4318ff}.legend-dot.start{background:#01b574}.legend-sub{font-size:14px;color:#a3aed1;font-weight:500;margin-top:4px}.institutes-overview-section{background:#fff;border-radius:24px;padding:32px;box-shadow:0 10px 30px #7090b014}.admin-tabs{display:inline-flex;gap:8px;background:#fff;padding:8px;border-radius:16px;border:1px solid #e0e5f2;margin-bottom:24px}.admin-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#2b3674;cursor:pointer;transition:all .3s ease}.admin-tabs button:hover{background:#f4f7fe}.admin-tabs button.active{background:#2b3674;color:#fff}.tab-badge{background:#fff3;padding:2px 8px;border-radius:10px;font-size:12px}.admin-tabs button:not(.active) .tab-badge{background:#e0e5f2;color:#a3aed1}.admin-filters{display:flex;gap:16px;padding:16px;border-radius:20px;background:#f8fafc;margin-bottom:24px;flex-wrap:wrap}.filter-search{flex:1;min-width:250px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e0e5f2;border-radius:12px;transition:all .2s}.filter-search:focus-within{border-color:#4318ff;box-shadow:0 0 0 3px #4318ff1a}.filter-search svg{color:#a3aed1}.filter-search input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#2b3674}.admin-filters select{padding:12px 36px 12px 16px;background:#fff;border:1px solid #e0e5f2;border-radius:12px;font-size:14px;font-weight:600;color:#2b3674;cursor:pointer;outline:none;transition:all .2s;min-width:160px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3aed1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.admin-table-container{overflow-x:auto;border:1px solid #e0e5f2;border-radius:16px}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.admin-table thead th{background:#f8fafc;padding:16px 24px;text-align:left;font-size:12px;font-weight:700;color:#2b3674;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e0e5f2}.admin-table td{padding:16px 24px;font-size:14px;color:#2b3674;border-bottom:1px solid #e0e5f2;font-weight:500}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:#f8fafc}.institute-name{font-weight:700!important;color:#2b3674!important}.empty-state{text-align:center;color:#a3aed1!important;padding:64px 20px!important;font-size:16px!important;font-weight:500!important}.plan-badge,.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:30px;font-size:13px;font-weight:700;text-transform:capitalize;letter-spacing:.3px}.plan-badge.starter{background:#01b5741a;color:#01b574}.plan-badge.professional{background:#4318ff1a;color:#4318ff}.plan-badge.institution{background:#f59e0b1a;color:#f59e0b}.status-badge.active{background:#01b5741a;color:#01b574}.status-badge.pending{background:#ffb5471a;color:#ffb547}.status-badge.suspended{background:#ee5d501a;color:#ee5d50}.status-badge.rejected{background:#a3aed133;color:#707eae}.action-buttons{display:flex;gap:12px;align-items:center}.plan-select,.status-select{padding:8px 12px;background:#f8fafc;border:1px solid #e0e5f2;border-radius:8px;font-size:13px;font-weight:600;color:#2b3674;cursor:pointer;outline:none;transition:all .2s}.plan-select:focus,.status-select:focus{border-color:#4318ff;box-shadow:0 0 0 2px #4318ff1a}.reject-btn{padding:8px 14px;background:#ee5d501a;color:#ee5d50;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.reject-btn:hover{background:#ee5d50;color:#fff}@media(max-width:768px){.chart-layout{flex-direction:column;gap:20px}.chart-legend.left,.chart-legend.right{text-align:center}.chart-legend.left .legend-title,.chart-legend.right .legend-title{flex-direction:row;justify-content:center}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.admin-coupons-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:#f8fafc}.coupons-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.coupons-header-left{display:flex;align-items:center;gap:1rem}.coupons-header-left h1{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;color:#0f172a;margin:0}.coupons-header-left p{color:#64748b;font-size:.9rem;margin:.25rem 0 0}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;color:#475569;transition:all .2s}.back-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.create-coupon-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #8b5cf640}.create-coupon-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf659}.coupon-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.coupon-stat-card{background:#fff;border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9}.stat-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-wrap.green{background:#ecfdf5;color:#059669}.stat-icon-wrap.purple{background:#f5f3ff;color:#8b5cf6}.stat-icon-wrap.orange{background:#fff7ed;color:#ea580c}.stat-icon-wrap.red{background:#fef2f2;color:#dc2626}.coupon-stat-card .stat-num{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;line-height:1}.coupon-stat-card .stat-label{font-size:.8rem;color:#64748b;margin:.15rem 0 0}.empty-coupons{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;border:2px dashed #e2e8f0;color:#94a3b8}.empty-coupons h3{color:#475569;margin:1rem 0 .5rem}.empty-coupons p{margin-bottom:1.5rem}.coupons-table-wrapper{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9}.coupons-table{width:100%;border-collapse:collapse}.coupons-table thead{background:#f8fafc}.coupons-table th{text-align:left;padding:.85rem 1rem;font-size:.78rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.coupons-table td{padding:.85rem 1rem;font-size:.88rem;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.coupons-table tbody tr:hover{background:#fafbfc}.coupons-table tbody tr:last-child td{border-bottom:none}.coupon-code-cell{display:flex;align-items:center;gap:.5rem}.coupon-code-text{font-family:Courier New,monospace;font-weight:700;font-size:.9rem;color:#8b5cf6;background:#f5f3ff;padding:.25rem .5rem;border-radius:6px;letter-spacing:1px}.copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s}.copy-btn:hover{background:#f1f5f9;color:#475569}.coupon-desc{display:block;font-size:.75rem;color:#94a3b8;margin-top:.25rem}.discount-badge{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;color:#059669;font-size:.88rem}.extra-days-badge{display:inline-block;background:#fef3c7;color:#92400e;padding:.2rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600}.no-value{color:#cbd5e1}.usage-text{font-weight:600;color:#475569}.plans-text{font-size:.8rem;color:#64748b}.all-plans-badge{display:inline-block;background:#ecfdf5;color:#059669;padding:.15rem .5rem;border-radius:6px;font-size:.78rem;font-weight:500}.validity-cell{display:flex;flex-direction:column;font-size:.8rem;gap:.1rem}.validity-separator{color:#cbd5e1;font-size:.7rem}.coupon-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.coupon-status-badge.active{background:#ecfdf5;color:#059669}.coupon-status-badge.disabled{background:#f1f5f9;color:#64748b}.coupon-status-badge.expired{background:#fff7ed;color:#ea580c}.coupon-status-badge.used-up{background:#fef2f2;color:#dc2626}.action-buttons{display:flex;gap:.35rem}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;transition:all .15s;background:transparent}.toggle-btn{color:#64748b}.toggle-btn .toggle-on{color:#059669}.toggle-btn .toggle-off{color:#cbd5e1}.toggle-btn:hover{background:#f1f5f9}.edit-btn{color:#3b82f6}.edit-btn:hover{background:#eff6ff}.delete-btn{color:#ef4444}.delete-btn:hover{background:#fef2f2}.coupon-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.coupon-modal{background:#fff;border-radius:20px;max-width:1100px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0}.modal-header h2{font-size:1.25rem;color:#0f172a;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:#f1f5f9;color:#475569;cursor:pointer;transition:all .15s}.modal-close:hover{background:#e2e8f0;color:#0f172a}.coupon-form{padding:1.5rem}.form-group{margin-bottom:1.15rem}.form-group label{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:#334155;margin-bottom:.4rem}.form-group label .required{color:#ef4444}.form-group input,.form-group select{width:100%;padding:.65rem .85rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.88rem;color:#1e293b;background:#fafbfc;outline:none;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;background:#fff}.form-group input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-hint{display:block;font-size:.75rem;color:#94a3b8;margin-top:.3rem;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #f1f5f9}.cancel-btn{padding:.6rem 1.25rem;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .15s}.cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.submit-btn{padding:.6rem 1.5rem;border:none;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #8b5cf640}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf659}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.admin-coupons-page{padding:1rem}.coupons-header{flex-direction:column;align-items:flex-start}.coupon-stats-grid{grid-template-columns:repeat(2,1fr)}.coupons-table-wrapper{overflow-x:auto}.coupons-table{min-width:800px}.form-row{grid-template-columns:1fr}.coupon-modal{max-height:95vh;border-radius:16px}}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.type-option{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:center}.type-option strong{font-size:1.15rem;color:#1e293b}.type-option span{font-size:.85rem;color:#94a3b8;line-height:1.4}.type-option:hover{border-color:#8b5cf6;background:#faf5ff}.type-option.active{border-color:#8b5cf6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);box-shadow:0 0 0 3px #8b5cf61a}.type-option.active strong{color:#7c3aed}.code-input-row{display:flex;gap:.5rem}.code-input-row input{flex:1}.generate-btn{display:flex;align-items:center;gap:.35rem;padding:.65rem 1rem;border:1.5px solid #8b5cf6;border-radius:10px;background:#fff;color:#8b5cf6;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.generate-btn:hover{background:#f5f3ff}.coupon-type-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600}.coupon-type-badge.free-trial{background:#ecfdf5;color:#059669}.coupon-type-badge.extra-days{background:#fff7ed;color:#ea580c}.target-email-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:6px;font-size:.75rem;background:#eff6ff;color:#2563eb;font-weight:500}.coupon-preview{margin-top:.5rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;font-size:.82rem;color:#475569;line-height:1.6}.coupon-preview strong{color:#0f172a}.coupon-preview code{background:#e2e8f0;padding:.15rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-weight:700;color:#8b5cf6;font-size:.85rem}.coupon-preview p{margin:.35rem 0}@media(max-width:480px){.type-selector{grid-template-columns:1fr}.code-input-row{flex-direction:column}}.admin-pricing{font-family:Inter,system-ui,-apple-system,sans-serif;color:#2b3674}.admin-pricing .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.admin-pricing .page-header h1{font-size:28px;font-weight:700;color:#2b3674;margin:0;letter-spacing:-.5px}.admin-pricing .page-header p{font-size:15px;color:#a3aed1;margin:4px 0 0;font-weight:500}.pricing-alert{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:14px;font-size:14px;font-weight:600;margin-bottom:24px;animation:slideDown .3s ease}.pricing-alert.success{background:linear-gradient(135deg,#e6fff4,#d1ffe9);color:#01905c;border:1px solid rgba(1,181,116,.2)}.pricing-alert.error{background:linear-gradient(135deg,#ffefee,#ffe4e2);color:#c94034;border:1px solid rgba(238,93,80,.2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pricing-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:32px}.pricing-plan-card{background:#fff;border-radius:24px;box-shadow:0 10px 30px #7090b014;overflow:hidden;transition:all .3s ease;border:2px solid transparent;position:relative}.pricing-plan-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #7090b024}.pricing-plan-card.popular{border-color:#4318ff}.pricing-plan-card.inactive{opacity:.6}.plan-card-header{padding:28px 28px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.plan-card-title-area{flex:1}.plan-card-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.plan-card-title-row h3{font-size:22px;font-weight:800;color:#2b3674;margin:0}.plan-key-tag{padding:3px 10px;background:#f4f7fe;border:1px solid #e0e5f2;border-radius:8px;font-size:11px;font-weight:700;color:#a3aed1;text-transform:uppercase;letter-spacing:.5px}.plan-card-desc{font-size:14px;color:#a3aed1;margin:0;font-weight:500;line-height:1.5}.plan-badges{display:flex;gap:8px;flex-shrink:0}.badge-popular{padding:5px 12px;background:linear-gradient(135deg,#4318ff,#7551ff);color:#fff;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-custom{padding:5px 12px;background:linear-gradient(135deg,#f59e0b,#f59e0b);color:#fff;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-inactive{padding:5px 12px;background:#f4f7fe;color:#a3aed1;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.plan-card-pricing{padding:20px 28px;display:flex;gap:24px;align-items:center}.price-box{display:flex;flex-direction:column;gap:2px}.price-box-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#a3aed1}.price-box-value{font-size:28px;font-weight:800;color:#2b3674;line-height:1}.price-box-value.custom-text{font-size:22px;color:#8b5cf6}.price-box-period{font-size:13px;color:#a3aed1;font-weight:500}.price-divider{width:1px;height:48px;background:#e0e5f2}.plan-card-features{padding:0 28px 20px}.plan-card-features h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#a3aed1;margin:0 0 12px}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.features-list li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#2b3674;padding:6px 0}.features-list li.disabled{color:#c0c8e0;text-decoration:line-through}.feature-check{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-check.enabled{background:#01b5741a;color:#01b574}.feature-check.disabled-icon{background:#a3aed126;color:#a3aed1}.plan-card-actions{padding:16px 28px 24px;display:flex;gap:12px;border-top:1px solid #f0f3fa}.btn-edit-plan{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#4318ff;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-edit-plan:hover{background:#31c;transform:translateY(-1px)}.btn-toggle-plan{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f4f7fe;color:#2b3674;border:1px solid #e0e5f2;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-toggle-plan:hover{background:#e0e5f2}.admin-edit-overlay{position:fixed;inset:0;background:#2b367480;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-edit-dialog{background:#fff;border-radius:28px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #2b367440;animation:modalSlide .3s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-edit-header{padding:28px 32px 0;display:flex;align-items:center;justify-content:space-between}.admin-edit-header h2{font-size:22px;font-weight:800;color:#2b3674;margin:0}.modal-close-btn{width:40px;height:40px;border-radius:12px;background:#f4f7fe;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#a3aed1;transition:all .2s}.modal-close-btn:hover{background:#e0e5f2;color:#2b3674}.admin-edit-body{padding:24px 32px 32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-row.single{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:700;color:#2b3674;text-transform:uppercase;letter-spacing:.4px}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;border:1.5px solid #e0e5f2;border-radius:12px;font-size:14px;font-weight:500;color:#2b3674;background:#f8fafc;outline:none;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#4318ff;box-shadow:0 0 0 3px #4318ff14;background:#fff}.form-group textarea{resize:vertical;min-height:80px}.form-group input[type=number]{font-variant-numeric:tabular-nums}.form-toggles{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}.toggle-item{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-item input[type=checkbox]{display:none}.toggle-switch{width:44px;height:24px;background:#e0e5f2;border-radius:12px;position:relative;transition:all .2s;cursor:pointer}.toggle-switch:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .2s;box-shadow:0 2px 4px #0000001a}.toggle-item input:checked+.toggle-switch{background:#4318ff}.toggle-item input:checked+.toggle-switch:after{left:22px}.toggle-label{font-size:14px;font-weight:600;color:#2b3674}.features-editor{margin-bottom:20px}.features-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.features-editor-header h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#2b3674;margin:0}.btn-add-feature{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#f4f7fe;border:1px solid #e0e5f2;border-radius:8px;font-size:13px;font-weight:600;color:#4318ff;cursor:pointer;transition:all .2s}.btn-add-feature:hover{background:#4318ff;color:#fff;border-color:#4318ff}.feature-edit-list{display:flex;flex-direction:column;gap:8px}.feature-edit-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8fafc;border:1px solid #e0e5f2;border-radius:10px;transition:all .2s}.feature-edit-item:hover{border-color:#c0c8e0}.feature-edit-item input[type=text]{flex:1;border:none;background:transparent;font-size:14px;font-weight:500;color:#2b3674;outline:none;padding:6px 0}.feature-toggle-btn{width:28px;height:28px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.feature-toggle-btn.enabled{background:#01b5741a;color:#01b574}.feature-toggle-btn.disabled-feat{background:#a3aed126;color:#a3aed1}.feature-toggle-btn:hover{transform:scale(1.1)}.feature-delete-btn{width:28px;height:28px;border-radius:8px;border:none;background:#ee5d5014;color:#ee5d50;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.feature-delete-btn:hover{background:#ee5d50;color:#fff}.admin-edit-footer{padding:0 32px 32px;display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:12px 28px;background:#f4f7fe;color:#2b3674;border:1px solid #e0e5f2;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e0e5f2}.btn-save{padding:12px 32px;background:#4318ff;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-save:hover{background:#31c;transform:translateY(-1px)}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.pricing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 0}.pricing-loading .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#4318ff;border-radius:50%;animation:spin .8s linear infinite}.pricing-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:24px;box-shadow:0 10px 30px #7090b014}.pricing-empty svg{color:#a3aed1;margin-bottom:16px}.pricing-empty h3{font-size:18px;font-weight:700;color:#2b3674;margin:0 0 8px}.pricing-empty p{font-size:14px;color:#a3aed1;margin:0}.live-preview-section{margin-top:20px;padding-top:20px;border-top:1px solid #f0f3fa}.live-preview-section h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#a3aed1;margin:0 0 16px}.preview-card{background:linear-gradient(135deg,#f8fafc,#f4f7fe);border-radius:16px;padding:24px;border:1px solid #e0e5f2}.preview-card-name{font-size:20px;font-weight:800;color:#2b3674;margin:0 0 4px}.preview-card-desc{font-size:13px;color:#a3aed1;margin:0 0 16px}.preview-prices{display:flex;gap:20px;margin-bottom:16px}.preview-price-item{display:flex;flex-direction:column}.preview-price-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#a3aed1}.preview-price-value{font-size:24px;font-weight:800;color:#4318ff}@media(max-width:768px){.pricing-plans-grid,.form-row{grid-template-columns:1fr}.admin-edit-dialog{max-width:100%;border-radius:20px}.plan-card-header{flex-direction:column}.plan-card-pricing{flex-direction:column;gap:12px}.price-divider{width:100%;height:1px}}.privacy-policy-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#333}.privacy-hero{background:linear-gradient(135deg,#667eeae6,#764ba2e6);color:#fff;padding:120px 0 80px;text-align:center;position:relative;overflow:hidden}.privacy-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.1"><circle cx="30" cy="30" r="2"/></g></svg>') repeat;opacity:.3}.privacy-hero-content{max-width:800px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.privacy-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.privacy-hero p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.last-updated{display:inline-block;background:#fff3;padding:10px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);font-size:.9rem}.privacy-content{background:#f8fafc;min-height:80vh;padding:60px 0}.privacy-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:40px;padding:0 20px}.privacy-sidebar{position:sticky;top:100px;height:fit-content}.privacy-nav{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.privacy-nav h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.privacy-nav ul{list-style:none;padding:0;margin:0}.privacy-nav li{margin-bottom:8px}.privacy-nav a{display:block;color:#64748b;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:.9rem;transition:all .2s ease}.privacy-nav a:hover{background:#f1f5f9;color:#667eea;transform:translate(4px)}.privacy-main{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.privacy-section{margin-bottom:50px;padding-bottom:30px;border-bottom:1px solid #e2e8f0}.privacy-section:last-child{border-bottom:none;margin-bottom:0}.privacy-intro{font-size:1.1rem;line-height:1.7;color:#475569;background:#f8fafc;padding:25px;border-radius:8px;border-left:4px solid #667eea;margin-bottom:20px}.privacy-section h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #667eea;position:relative}.privacy-section h2:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2)}.privacy-section h3{color:#334155;font-size:1.4rem;font-weight:600;margin:30px 0 15px}.privacy-section h4{color:#475569;font-size:1.1rem;font-weight:600;margin:20px 0 10px}.privacy-section p{line-height:1.7;color:#64748b;margin-bottom:15px}.privacy-section ul{padding-left:20px;margin-bottom:20px}.privacy-section li{line-height:1.7;color:#64748b;margin-bottom:8px}.definitions-grid{display:grid;gap:20px;margin-top:20px}.definition-item{background:#f8fafc;padding:20px;border-radius:8px;border-left:4px solid #667eea;transition:all .2s ease}.definition-item:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.definition-item strong{color:#1e293b;font-weight:600;font-size:1rem;display:block;margin-bottom:8px}.definition-item p{margin-bottom:0;font-size:.9rem}.definition-item a{color:#667eea;text-decoration:none}.definition-item a:hover{text-decoration:underline}.cookie-types,.cookie-categories{margin-top:25px}.cookie-type,.cookie-category{background:#f8fafc;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #10b981}.cookie-type h4,.cookie-category h4{color:#1e293b;margin-bottom:12px;font-weight:600}.cookie-details{background:#fff;padding:15px;border-radius:6px;margin-top:10px;line-height:1.6;font-size:.9rem}.cookie-label{font-weight:600;color:#374151}.data-use-list,.data-sharing-list{list-style:none;padding:0}.data-use-list li,.data-sharing-list li{background:#f8fafc;padding:15px 20px;margin-bottom:12px;border-radius:8px;border-left:4px solid #8b5cf6;position:relative}.data-use-list li strong,.data-sharing-list li strong{color:#1e293b}.contact-info{background:#f8fafc;padding:25px;border-radius:8px;border-left:4px solid #f59e0b}.contact-item{margin-bottom:15px}.contact-item:last-child{margin-bottom:0}.contact-item strong{color:#1e293b;display:block;margin-bottom:5px}.contact-item a{color:#667eea;text-decoration:none;font-weight:500}.contact-item a:hover{text-decoration:underline}@media(max-width:768px){.privacy-hero h1{font-size:2.5rem}.privacy-container{grid-template-columns:1fr;gap:30px}.privacy-sidebar{position:static;order:2}.privacy-main{padding:25px}.privacy-nav{padding:20px}.privacy-nav ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.definitions-grid{grid-template-columns:1fr}.privacy-section h2{font-size:1.5rem}}@media(max-width:480px){.privacy-hero{padding:100px 0 60px}.privacy-hero h1{font-size:2rem}.privacy-content{padding:40px 0}.privacy-main{padding:20px}.privacy-container{padding:0 15px}}.admin-layout-wrapper{display:flex;min-height:100vh;background-color:#f4f7fe;font-family:Inter,system-ui,-apple-system,sans-serif}.admin-sidebar{width:250px;background-color:#fff;border-right:1px solid #e0e5f2;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:all .3s ease}.admin-sidebar-header{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e5f2}.admin-sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#4318ff;font-weight:700;font-size:20px}.admin-sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.admin-sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:#a3aed1;font-weight:600;font-size:15px;border-radius:12px;transition:all .2s ease}.admin-sidebar-link:hover{background-color:#f4f7fe;color:#2b3674}.admin-sidebar-link.active{background-color:#f4f7fe;color:#4318ff}.admin-sidebar-link svg{width:20px;height:20px}.admin-main-content{flex:1;margin-left:250px;display:flex;flex-direction:column;min-height:100vh}.admin-top-header{height:80px;display:flex;align-items:center;justify-content:flex-end;padding:0 40px;background:transparent;position:sticky;top:0;z-index:90}.admin-profile-container{position:relative}.admin-profile-button{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e0e5f2;padding:8px 16px 8px 8px;border-radius:30px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #7090b00d}.admin-profile-button:hover{box-shadow:0 6px 16px #7090b01a;border-color:#4318ff}.admin-profile-avatar{width:40px;height:40px;background:#2b3674;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px}.admin-profile-info{display:flex;flex-direction:column;text-align:left}.admin-profile-name{font-size:14px;font-weight:700;color:#2b3674;line-height:1.2}.admin-profile-role{font-size:12px;font-weight:500;color:#a3aed1}.admin-profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:240px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #7090b026;border:1px solid #e0e5f2;padding:16px;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.admin-profile-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.admin-dropdown-header{font-size:13px;font-weight:700;color:#2b3674;margin-bottom:8px;padding:0 8px}.admin-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f4f7fe;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#2b3674;cursor:pointer;text-decoration:none;transition:all .2s}.admin-dropdown-item:hover{background:#e0e5f2}.admin-dropdown-item.logout{background:#fff0f0;color:#e02424}.admin-dropdown-item.logout:hover{background:#fde8e8}.admin-content-inner{padding:0 40px 40px;flex:1}@media(max-width:992px){.admin-sidebar{transform:translate(-100%)}.admin-main-content{margin-left:0}}.top-navbar{position:fixed;top:0;left:0;width:100%;height:64px;background-color:#fff;border-bottom:1px solid #f3f4f6;box-shadow:0 1px 3px #0000000d;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box;z-index:1000}.logo-container,.plan-badge-container{display:flex;align-items:center;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#1a1a1a}.brand-logo{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #8b5cf640}.brand-logo img{width:28px;height:28px;filter:brightness(0) invert(1)}.brand-name{font-size:20px;font-weight:600;letter-spacing:-.02em;color:#1a1a1a;font-family:Inter,system-ui,sans-serif}.navbar-logo-img{height:60px;width:auto;object-fit:contain;flex-shrink:0}.navbar-logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);padding:6px;box-shadow:0 4px 12px #8b5cf640;object-fit:contain;filter:brightness(0) invert(1)}.navbar-brand-name{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#1a1a1a;font-family:Inter,system-ui,sans-serif;margin-left:10px;-webkit-user-select:none;user-select:none}@media(max-width:768px){.top-navbar{padding:0 16px;height:56px}.navbar-logo-img{height:40px}.plan-badge-container{margin-left:auto}}@media(max-width:480px){.top-navbar{padding:0 12px;height:56px}.navbar-logo-img{height:36px}}@media(max-width:360px){.top-navbar{padding:0 10px}.navbar-logo-img{height:32px}}.plan-badge-container{display:flex;align-items:center;gap:12px}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 8px #00000014;transition:all .2s}.plan-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.plan-badge-text{white-space:nowrap}.upgrade-btn-header{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #8b5cf64d}.upgrade-btn-header:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.upgrade-btn-header:active{transform:translateY(0)}@media(max-width:768px){.plan-badge-container{flex-direction:column;align-items:flex-start;gap:8px}.upgrade-btn-header{font-size:12px;padding:6px 12px}}.main{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.referral-section{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;min-height:100vh;width:100%;background:#f4f3fb}.back-link{display:inline-flex;align-items:center;gap:8px;color:#8b5cf6;text-decoration:none;font-weight:600;margin:32px 30px;transition:all .2s;font-size:.95rem}.back-link:hover{gap:12px;color:#7c3aed}.referral-hero{border-radius:20px;margin:0 30px;position:relative;overflow:hidden;background:linear-gradient(160deg,#16112b,#3a2470 55%,#5a34a8);padding:64px 56px;display:flex;align-items:center}.referral-hero__decor{position:absolute;border-radius:50%;pointer-events:none}.referral-hero__decor--one{width:260px;height:260px;top:-60px;right:60px;background:radial-gradient(circle at 30% 30%,#6b4fb0,#3d2a72 70%);opacity:.55}.referral-hero__decor--two{width:420px;height:420px;bottom:-160px;right:-60px;border:1px solid rgba(255,255,255,.08);background:transparent}.referral-hero__content{position:relative;z-index:1;max-width:620px}.referral-badge{display:inline-block;padding:10px 20px;border-radius:999px;background:#ffffff14;color:#fff;font-size:14px;font-weight:600;margin-bottom:28px}.referral-heading{color:#fff;font-size:clamp(32px,4.2vw,56px);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin:0 0 24px}.referral-subtext{color:#ffffffbf;font-size:18px;line-height:1.6;margin:0 0 32px;max-width:540px}.referral-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.btn{border:none;border-radius:12px;padding:16px 28px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.btn--primary{background:linear-gradient(135deg,#8b6ef0,#6c4ce0);color:#fff;box-shadow:0 8px 20px #6c4ce066}.btn--secondary{background:#fff;color:#241a44}.referral-statsref{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.statref-card{background:#ffffff14;border-radius:16px;padding:20px}.statref-card__value{color:#fff;font-size:22px;font-weight:800;margin-bottom:8px}.statref-card__label{color:#ffffffb3;font-size:14px;line-height:1.4}.referral-calculator-wrap{background:#fff;display:flex;border-radius:20px;margin:0 30px;align-items:center;justify-content:center;padding:64px 48px}.calculator-card{width:100%;max-width:520px}.calculator-header{background:linear-gradient(115deg,#6c4ce0,#4f6fe0 45%,#2fb6a3);border-radius:24px;padding:32px 36px;color:#fff;margin-bottom:28px}.calculator-header__eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:12px}.calculator-header__amount{font-size:clamp(34px,4vw,46px);font-weight:800;margin-bottom:14px}.calculator-header__desc{margin:0;font-size:15px;line-height:1.55;color:#ffffffe6;max-width:420px}.calculator-body{display:flex;flex-direction:column;gap:20px}.field-row{display:flex;align-items:baseline;justify-content:space-between}.field-label{font-size:15px;font-weight:700;color:#1c1533}.field-hint{font-size:14px;color:#8b87a0}.field-input{width:100%;padding:16px 18px;font-size:20px;font-weight:700;color:#1c1533;border:1px solid #e3e1ee;border-radius:14px;background:#fff;box-sizing:border-box}.field-input:focus-visible{outline:2px solid #6c4ce0;outline-offset:1px}.earning-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:#eaf7ee;border-radius:16px;padding:22px 24px}.earning-box__text{display:flex;flex-direction:column;gap:6px}.earning-box__label{font-size:14px;font-weight:600;color:#3d6b4a}.earning-box__value{font-size:28px;font-weight:800;color:#1f8a4c}.earning-box__formula{font-size:14px;color:#5c7a63}.quick-reference{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-card{display:flex;flex-direction:column;gap:6px;border:1px solid #e3e1ee;border-radius:14px;padding:16px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.quick-card:hover{border-color:#b9aef0}.quick-card--active{border-color:#6c4ce0;background:#f4f1ff}.quick-card__number{font-size:20px;font-weight:800;color:#1c1533}.quick-card__label{font-size:13px;color:#6b6684}.referral-link-block{display:flex;flex-direction:column;gap:10px;margin-top:8px}.referral-link-row{display:flex;gap:10px}.referral-link-input{flex:1;min-width:0;padding:14px 16px;font-size:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:#3a3557;border:1px solid #e3e1ee;border-radius:12px;background:#faf9fd}.btn--copy{flex-shrink:0;background:linear-gradient(135deg,#8b6ef0,#6c4ce0);color:#fff;padding:12px 22px;border-radius:12px}.referral-info-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;padding:0 30px;box-sizing:border-box;background:#f4f3fb}.info-card{background:#fff;margin-top:60px;border-radius:24px;padding:36px;box-shadow:0 1px 2px #140f370a;box-sizing:border-box}.info-card2{background:#fff;margin:60px 30px 0;border-radius:24px;padding:36px;box-shadow:0 1px 2px #140f370a;box-sizing:border-box}.info-card__title{font-size:26px;font-weight:800;color:#1c1533;margin:0 0 28px;letter-spacing:-.01em}.earn-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.earn-step{display:flex;gap:18px;align-items:flex-start}.earn-step__number{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#8b6ef0,#6c4ce0);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}.earn-step__content{display:flex;flex-direction:column;gap:6px}.earn-step__title{margin:0;font-size:18px;font-weight:700;color:#1c1533}.earn-step__desc{margin:0;font-size:15px;line-height:1.55;color:#6b6684}.earn-step__footnote{margin-top:28px;margin-left:62px;font-size:22px;font-weight:800;color:#1f8a4c}.tier-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.tier-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border:1px solid #e9e7f2;border-radius:16px}.tier-row__label{font-size:16px;font-weight:700;color:#3a3557}.tier-row__amount{font-size:20px;font-weight:800;color:#1f8a4c;white-space:nowrap}.referral-highlights-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;padding:40px 30px;box-sizing:border-box;background:#f4f3fb}.highlight-card{background:#fff;border-radius:20px;padding:28px 30px;box-shadow:0 1px 2px #140f370a;box-sizing:border-box}.highlight-card__title{margin:0 0 12px;font-size:20px;font-weight:800;color:#1c1533;letter-spacing:-.01em}.highlight-card__desc{margin:0;font-size:15px;line-height:1.55;color:#6b6684}.referral-auth-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;padding:40px 30px;box-sizing:border-box;background:#f4f3fb}.auth-card{background:#fff;border-radius:24px;padding:36px;box-shadow:0 1px 2px #140f370a;box-sizing:border-box;display:flex;flex-direction:column;gap:18px}.auth-card__title{margin:0 0 6px;font-size:26px;font-weight:800;color:#1c1533;letter-spacing:-.01em}.auth-input{width:100%;padding:16px 20px;font-size:16px;font-weight:600;color:#1c1533;border:1px solid #e3e1ee;border-radius:14px;background:#fff;box-sizing:border-box}.auth-input::placeholder{color:#9490a8;font-weight:500}.auth-input:focus-visible{outline:2px solid #6c4ce0;outline-offset:1px}.btn--auth-primary{margin-top:4px;padding:18px 24px;border:none;border-radius:14px;background:linear-gradient(135deg,#8b6ef0,#6c4ce0);color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 20px #6c4ce059}.btn--auth-primary:hover{transform:translateY(-1px)}.btn--auth-primary:focus-visible{outline:2px solid #1c1533;outline-offset:2px}.referral-banner{padding:0 30px;margin-bottom:40px}.referral-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:32px 48px;box-sizing:border-box;border-radius:24px;background:linear-gradient(120deg,#14102a,#211a45)}.referral-cta-banner__text{display:flex;flex-direction:column;gap:8px}.referral-cta-banner__title{margin:0;font-size:26px;font-weight:800;color:#fff;letter-spacing:-.01em}.referral-cta-banner__desc{margin:0;font-size:16px;color:#ffffffa6}.btn--cta-copy{flex-shrink:0;border:none;border-radius:14px;padding:18px 30px;background:linear-gradient(135deg,#8b6ef0,#6c4ce0);color:#fff;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 20px #6c4ce066}.btn--cta-copy:hover{transform:translateY(-1px)}.btn--cta-copy:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.statsref-section{display:flex;flex-direction:column;background-color:#fff;padding:30px;border-radius:20px;gap:24px}.referReport{width:100%}.statsref-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-logout{padding:10px 20px;background:#fff;color:#806b71;border:2px solid #e5e7eb;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-logout:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.statsref-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.statsref-card{border:2px solid #e5e7eb;border-radius:16px;padding:24px;text-align:center;transition:all .3s}.statsref-card:hover{border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf626;transform:translateY(-2px)}.statref-label{font-size:.875rem;color:#6b7280;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.statref-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.referrals-section{margin-top:32px}.section-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 20px}.table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e5e7eb}.referrals-table{width:100%;border-collapse:collapse}.referrals-table th{text-align:left;padding:16px;background:#f9fafb;color:#6b7280;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.referrals-table td{padding:16px;border-bottom:1px solid #f3f4f6;color:#374151;font-size:.95rem}.referrals-table tbody tr:hover{background:#f9fafb}.referrals-table tr:last-child td{border-bottom:none}.loading{text-align:center;padding:40px;color:#6b7280;font-size:1rem}@media(max-width:1080px){.referral-section{grid-template-columns:1fr}.referral-hero,.referral-calculator-wrap{padding:56px 40px;margin:30px 16px}}@media(max-width:960px){.referral-info-section{grid-template-columns:1fr;padding:40px 32px}.referral-highlights-section{grid-template-columns:1fr;padding:32px;gap:16px}.referral-auth-section{grid-template-columns:1fr;padding:32px}}@media(max-width:900px){.referral-cta-banner{margin:32px;padding:28px 32px}.referral-cta-banner__title{font-size:22px}}@media(max-width:640px){.referral-hero,.referral-calculator-wrap{margin:20px 16px;padding:40px 20px}.referral-cta-row{flex-direction:column}.btn{width:100%;text-align:center}.referral-statsref,.quick-reference{grid-template-columns:1fr}.earning-box{flex-direction:column;align-items:flex-start}.referral-link-row{flex-direction:column}.btn--copy{width:100%}.calculator-header{padding:24px 22px}.referral-banner{padding:0 16px}.referral-cta-banner{flex-direction:column;align-items:flex-start;margin:24px 0;padding:24px 22px;gap:18px}.referral-cta-banner__title{font-size:20px}.referral-cta-banner__desc{font-size:14px}.btn--cta-copy{width:100%;text-align:center}}@media(max-width:480px){.statsref-grid{grid-template-columns:1fr}}@media(max-width:560px){.referral-info-section{padding:28px 16px;gap:16px}.info-card{padding:24px}.info-card__title{font-size:22px;margin-bottom:22px}.earn-step{gap:14px}.earn-step__number{width:38px;height:38px;font-size:16px;border-radius:10px}.earn-step__footnote{margin-left:0}.tier-row{flex-direction:row;flex-wrap:wrap;padding:18px}.tier-row__label{font-size:15px}.tier-row__amount{font-size:18px}.referral-highlights-section{padding:24px 16px;gap:14px}.highlight-card{padding:22px 20px}.highlight-card__title{font-size:18px}.highlight-card__desc{font-size:14px}.referral-auth-section{padding:24px 16px;gap:16px}.auth-card{padding:24px;gap:14px}.auth-card__title{font-size:22px}.auth-input{padding:14px 16px;font-size:15px}.btn--auth-primary{padding:16px 20px;font-size:16px}}@media(prefers-reduced-motion:reduce){.btn,.btn--auth-primary,.btn--cta-copy{transition:none}}.fhero{position:relative;width:100%;min-height:92vh;display:flex;align-items:center;background-image:linear-gradient(to bottom,#0a0a0f8c,#0a0a0fb3),url(https://mycoachingcentre.com/assets/image_class-BZgWS3rD.png);background-size:cover;background-position:center;overflow:hidden}.fhero-overlay{position:absolute;inset:0;background:linear-gradient(to top,#fff,#fff0 22%);pointer-events:none}.fhero-container{position:relative;z-index:2;max-width:1440px;margin:0 auto;width:100%;padding:64px 48px 96px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}.fhero-content{display:flex;flex-direction:column;gap:22px}.fhero-badge{display:inline-block;width:fit-content;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff14;color:#fff;font-size:14px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fhero-heading{font-size:56px;line-height:1.08;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}.fhero-subtext{font-size:18px;line-height:1.6;color:#e6e6ec;max-width:620px;margin:0}.fhero-cta-row{display:flex;gap:16px;margin-top:8px;flex-wrap:wrap}.fhero-btn{border:none;cursor:pointer;border-radius:10px;padding:15px 26px;font-size:16px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.fhero-btn--primary{background:linear-gradient(135deg,#6d5ff5,#8b5cf6);color:#fff;box-shadow:0 10px 20px #6d5ff559}.fhero-btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #6d5ff56b}.fhero-btn--secondary{background:#fff;color:#14141f}.fhero-btn--secondary:hover{background:#f0f0f4}.fhero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;max-width:680px}.fhero-stat-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fhero-stat-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 4px}.fhero-stat-subtitle{color:#d8d8e2;font-size:13px;margin:0}.fhero-form-card{position:relative;z-index:2;background:#fff;border-radius:18px;padding:32px;box-shadow:0 30px 60px #0a0a1459;display:flex;flex-direction:column;gap:4px}.fhero-form-title{font-size:26px;font-weight:800;color:#14141f;margin:0 0 8px}.fhero-form-description{font-size:14px;color:#5a5a68;line-height:1.5;margin:0 0 20px}.fhero-label{font-size:14px;font-weight:700;color:#14141f;margin:12px 0 6px}.fhero-input,.fhero-select,.fhero-textarea{width:100%;border:1px solid #e2e2e8;border-radius:10px;padding:13px 14px;font-size:15px;color:#14141f;font-family:inherit;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.fhero-input::placeholder,.fhero-textarea::placeholder{color:#9a9aa8}.fhero-input:focus,.fhero-select:focus,.fhero-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.fhero-textarea{resize:vertical;min-height:80px}.fhero-select{appearance:auto;cursor:pointer}.fhero-whatsapp-btn{margin-top:20px;border:none;cursor:pointer;border-radius:10px;padding:16px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#6d5ff5,#8b5cf6);box-shadow:0 10px 20px #6d5ff54d;transition:transform .2s ease,box-shadow .2s ease}.fhero-whatsapp-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #6d5ff561}.fhero-form-note{margin-top:12px;font-size:12px;color:#8a8a98;line-height:1.5}@media(max-width:1024px){.fhero-container{padding:48px 32px 72px;gap:36px;grid-template-columns:1fr}.fhero-heading{font-size:44px}.fhero-form-card{max-width:520px}}@media(max-width:820px){.fhero{min-height:unset}.fhero-container{padding:40px 20px 56px}.fhero-heading{font-size:36px}.fhero-subtext{font-size:16px}.fhero-stats{grid-template-columns:1fr 1fr}.fhero-form-card{max-width:100%;padding:26px}}@media(max-width:480px){.fhero-container{padding:32px 16px 48px}.fhero-heading{font-size:28px}.fhero-badge{font-size:12px;padding:8px 14px}.fhero-cta-row{flex-direction:column}.fhero-btn{width:100%;text-align:center}.fhero-stats{grid-template-columns:1fr}.fhero-form-card{padding:22px}.fhero-form-title{font-size:22px}}.opp{width:100%;background:#f7f7fa;padding:96px 0}.opp-container{max-width:1440px;margin:0 auto;padding:0 48px}.opp-eyebrow{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6d5ff5;margin-bottom:16px}.opp-heading{font-size:44px;line-height:1.18;font-weight:800;color:#14141f;letter-spacing:-.02em;max-width:960px;margin:0 0 20px}.opp-subtext{font-size:18px;line-height:1.6;color:#5a5a68;max-width:760px;margin:0 0 48px}.opp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.opp-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 1px 3px #0f0f190f;transition:transform .2s ease,box-shadow .2s ease}.opp-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f0f191a}.opp-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#34b378,#2f9c69);color:#fff;margin-bottom:20px}.opp-card-title{font-size:19px;font-weight:800;color:#14141f;margin:0 0 10px}.opp-card-description{font-size:15px;line-height:1.6;color:#5a5a68;margin:0}@media(max-width:1024px){.opp{padding:72px 0}.opp-container{padding:0 32px}.opp-heading{font-size:36px}.opp-cards{gap:20px}}@media(max-width:820px){.opp{padding:56px 0}.opp-container{padding:0 20px}.opp-heading{font-size:30px}.opp-subtext{font-size:16px;margin-bottom:36px}.opp-cards{grid-template-columns:1fr}}@media(max-width:480px){.opp{padding:48px 0}.opp-container{padding:0 16px}.opp-eyebrow{font-size:12px}.opp-heading{font-size:24px}.opp-subtext{font-size:15px}.opp-card{padding:22px}}.skit{width:100%;background:#0f131a;padding:96px 0}.skit-container{max-width:1440px;margin:0 auto;padding:0 48px}.skit-eyebrow{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4fd8b0;margin-bottom:16px}.skit-heading{font-size:44px;line-height:1.18;font-weight:800;color:#fff;letter-spacing:-.02em;max-width:900px;margin:0 0 20px}.skit-subtext{font-size:18px;line-height:1.6;color:#a3a3b2;max-width:760px;margin:0 0 48px}.skit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.skit-card{background:#1a1e27;border:1px solid #2a2e38;border-radius:14px;padding:28px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.skit-card:hover{transform:translateY(-3px);border-color:#3a3f4c;background:#1e222c}.skit-card-title{font-size:19px;font-weight:800;color:#fff;margin:0 0 12px}.skit-card-description{font-size:15px;line-height:1.6;color:#a3a3b2;margin:0}@media(max-width:1024px){.skit{padding:72px 0}.skit-container{padding:0 32px}.skit-heading{font-size:36px}.skit-grid{gap:16px}}@media(max-width:820px){.skit{padding:56px 0}.skit-container{padding:0 20px}.skit-heading{font-size:30px}.skit-subtext{font-size:16px;margin-bottom:36px}.skit-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.skit-grid{grid-template-columns:1fr}}@media(max-width:480px){.skit{padding:48px 0}.skit-container{padding:0 16px}.skit-eyebrow{font-size:12px}.skit-heading{font-size:24px}.skit-subtext{font-size:15px}.skit-card{padding:22px}}.ppv{width:100%;background:#f7f7fa;padding:96px 0}.ppv-container{max-width:1440px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.ppv-eyebrow{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6d5ff5;margin-bottom:16px}.ppv-heading{font-size:42px;line-height:1.18;font-weight:800;color:#14141f;letter-spacing:-.02em;margin:0 0 20px}.ppv-subtext{font-size:17px;line-height:1.65;color:#5a5a68;margin:0 0 32px}.ppv-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}.ppv-checklist-item{display:flex;align-items:flex-start;gap:14px;font-size:17px;line-height:1.55;color:#2c2c38}.ppv-check-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;background:#d9f2e4;color:#1f9d5c;margin-top:2px}.ppv-visual{width:100%}.ppv-image{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 30px 60px #0a0a1440;object-fit:cover}@media(max-width:1100px){.ppv-container{grid-template-columns:1fr;gap:40px}.ppv-visual{order:2}.ppv-content{order:1}.ppv-heading{font-size:36px}}@media(max-width:1024px){.ppv{padding:72px 0}.ppv-container{padding:0 32px}}@media(max-width:820px){.ppv{padding:56px 0}.ppv-container{padding:0 20px}.ppv-heading{font-size:30px}.ppv-subtext{font-size:16px}.ppv-checklist-item{font-size:15px}.ppv-image{border-radius:12px}}@media(max-width:480px){.ppv-container{padding:0 16px}.ppv-heading{font-size:24px}.ppv-checklist{gap:18px}}.pj{width:100%;background:#f7f7fa;padding:96px 0}.pj-container{max-width:1440px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}.pj-eyebrow{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6d5ff5;margin-bottom:16px}.pj-heading{font-size:42px;line-height:1.18;font-weight:800;color:#14141f;letter-spacing:-.02em;margin:0 0 20px}.pj-subtext{font-size:17px;line-height:1.65;color:#5a5a68;margin:0;max-width:440px}.pj-card{background:#fff;border-radius:18px;padding:12px 32px;box-shadow:0 1px 3px #0f0f190f}.pj-step{display:flex;align-items:flex-start;gap:20px;padding:28px 0;border-bottom:1px solid #ececf1}.pj-step--last{border-bottom:none}.pj-step-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:10px;background:#ece9fd;color:#6d5ff5;font-size:15px;font-weight:800;margin-top:2px}.pj-step-text{min-width:0}.pj-step-title{font-size:19px;font-weight:800;color:#14141f;margin:0 0 8px}.pj-step-description{font-size:15.5px;line-height:1.6;color:#5a5a68;margin:0}@media(max-width:1100px){.pj-container{grid-template-columns:1fr;gap:36px}.pj-subtext{max-width:100%}.pj-heading{font-size:36px}}@media(max-width:1024px){.pj{padding:72px 0}.pj-container{padding:0 32px}}@media(max-width:820px){.pj{padding:56px 0}.pj-container{padding:0 20px}.pj-heading{font-size:30px}.pj-subtext{font-size:16px}.pj-card{padding:8px 24px}.pj-step{gap:16px;padding:22px 0}.pj-step-title{font-size:17px}.pj-step-description{font-size:15px}}@media(max-width:480px){.pj-container{padding:0 16px}.pj-heading{font-size:24px}.pj-card{padding:6px 18px}.pj-step{flex-direction:column;gap:10px;padding:18px 0}.pj-step-number{width:30px;height:30px;min-width:30px}}.idp{width:100%;background:#f7f7fa;padding:96px 0}.idp-container{max-width:1440px;margin:0 auto;padding:0 48px}.idp-eyebrow{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6d5ff5;margin-bottom:16px}.idp-heading{font-size:42px;line-height:1.18;font-weight:800;color:#14141f;letter-spacing:-.02em;max-width:980px;margin:0 0 48px}.idp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.idp-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 1px 3px #0f0f190f;transition:transform .2s ease,box-shadow .2s ease}.idp-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f0f191a}.idp-card-title{font-size:20px;font-weight:800;color:#14141f;margin:0 0 12px}.idp-card-description{font-size:15.5px;line-height:1.6;color:#5a5a68;margin:0}@media(max-width:1024px){.idp{padding:72px 0}.idp-container{padding:0 32px}.idp-heading{font-size:36px}.idp-cards{gap:20px}}@media(max-width:820px){.idp{padding:56px 0}.idp-container{padding:0 20px}.idp-heading{font-size:30px;margin-bottom:36px}.idp-cards{grid-template-columns:1fr}}@media(max-width:480px){.idp{padding:48px 0}.idp-container{padding:0 16px}.idp-eyebrow{font-size:12px}.idp-heading{font-size:24px;margin-bottom:28px}.idp-card{padding:22px}.idp-card-title{font-size:18px}}.faq{width:100%;background:#f7f7fa;padding:96px 0}.faq-container{max-width:1440px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}.faq-eyebrow{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6d5ff5;margin-bottom:16px}.faq-heading{font-size:40px;line-height:1.18;font-weight:800;color:#14141f;letter-spacing:-.02em;margin:0 0 20px}.faq-subtext{font-size:17px;line-height:1.65;color:#5a5a68;margin:0;max-width:420px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0f0f190f;overflow:hidden;transition:box-shadow .2s ease}.faq-item--open{box-shadow:0 8px 20px #0f0f1914}.faq-question{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;background:none;border:none;cursor:pointer;padding:20px 24px;font-family:inherit;font-size:17px;font-weight:700;color:#14141f;line-height:1.4}.faq-arrow{flex-shrink:0;font-size:11px;color:#14141f;margin-top:4px;transition:transform .2s ease}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;padding:0 24px}.faq-item--open .faq-answer-wrapper{grid-template-rows:1fr;padding:0 24px 22px}.faq-answer{overflow:hidden;font-size:15.5px;line-height:1.65;color:#5a5a68;margin:0;padding-left:23px;min-height:0}@media(max-width:1100px){.faq-container{grid-template-columns:1fr;gap:36px}.faq-subtext{max-width:100%}.faq-heading{font-size:34px}}@media(max-width:1024px){.faq{padding:72px 0}.faq-container{padding:0 32px}}@media(max-width:820px){.faq{padding:56px 0}.faq-container{padding:0 20px}.faq-heading{font-size:28px}.faq-subtext{font-size:16px}.faq-question{font-size:16px;padding:18px 20px}.faq-answer{font-size:15px}}@media(max-width:480px){.faq-container{padding:0 16px}.faq-heading{font-size:24px}.faq-question{padding:16px;font-size:15px}.faq-answer-wrapper{padding:0 16px}.faq-item--open .faq-answer-wrapper{padding:0 16px 18px}.faq-answer{padding-left:19px}}.cta{width:100%;background:#f7f7fa;padding:96px 0 64px}.cta-container{max-width:1680px;margin:0 auto;padding:0 48px}.cta-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;border-radius:18px;padding:56px 48px;overflow:hidden;background-image:linear-gradient(100deg,#6d5ff5e0,#4fb0d8b3 55%,#2f9c69bf),url(https://mycoachingcentre.com/assets/dashboard_preview-9VXq8jIG.jpg);background-size:cover;background-position:center}.cta-banner-content{position:relative;z-index:1;max-width:640px}.cta-heading{font-size:40px;line-height:1.15;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0 0 14px}.cta-subtext{font-size:17px;line-height:1.6;color:#f0f0f6;margin:0}.cta-whatsapp-btn{position:relative;z-index:1;flex-shrink:0;border:none;cursor:pointer;background:#fff;color:#14141f;font-size:16px;font-weight:800;border-radius:10px;padding:16px 30px;white-space:nowrap;box-shadow:0 10px 24px #0a0a1433;transition:transform .2s ease,box-shadow .2s ease}.cta-whatsapp-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0a0a1442}.cta-footer-note{margin:48px 0 0;font-size:14px;color:#7c7c8a}@media(max-width:1024px){.cta{padding:72px 0 48px}.cta-container{padding:0 32px}.cta-heading{font-size:32px}.cta-banner{padding:44px 36px}}@media(max-width:820px){.cta{padding:56px 0 40px}.cta-container{padding:0 20px}.cta-banner{flex-direction:column;align-items:flex-start;padding:36px 28px;gap:24px}.cta-heading{font-size:28px}.cta-subtext{font-size:16px}.cta-whatsapp-btn{width:100%;text-align:center}.cta-footer-note{margin-top:36px;font-size:13px}}@media(max-width:480px){.cta-container{padding:0 16px}.cta-banner{padding:28px 20px;border-radius:14px}.cta-heading{font-size:24px}.cta-subtext{font-size:15px}}