@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--primary:#2ecc71;--primary-dark:#10b981;--primary-light:#a7f3d0;--primary-glow:rgba(46,204,113,.25);--accent:#10b981;--accent-2:#059669;--bg:#f1f5f9;--bg-2:#e2e8f0;--bg-secondary:#e2e8f0;--surface:#fff;--surface-2:#f8fafc;--glass:hsla(0,0%,100%,.8);--glass-border:hsla(0,0%,100%,.6);--text:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--danger:#ef4444;--danger-light:#fef2f2;--warning:#f59e0b;--warning-light:#fffbeb;--success:#2ecc71;--success-light:#f0fdf4;--info:#3b82f6;--info-light:#eff6ff;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-active:#2ecc71;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);--shadow-lg:0 20px 40px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.06);--shadow-xl:0 32px 64px rgba(0,0,0,.12);--shadow-green:0 8px 32px rgba(46,204,113,.3);--shadow-green-lg:0 16px 48px rgba(46,204,113,.4);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--font-ar:"Cairo","Segoe UI",system-ui,sans-serif;--font-en:"Inter",system-ui,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem}[data-theme=dark]{--bg:#0f172a;--bg-2:#1e293b;--bg-secondary:#1e293b;--surface:#1e293b;--surface-2:#334155;--text:#f8fafc;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#334155;--border-strong:#475569;--glass:rgba(15,23,42,.7);--glass-border:hsla(0,0%,100%,.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain}body{font-family:var(--font-ar);background-color:var(--bg);color:var(--text-primary);direction:rtl;text-align:right;line-height:1.6;min-height:100vh;min-height:100dvh;text-size-adjust:100%;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}img,video{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:16px}ol,ul{list-style:none}@media (display-mode:standalone){body{min-height:100dvh}.pwa-install-prompt{display:none!important}}*{-webkit-touch-callout:none}a,h1,h2,h3,h4,h5,h6,label,li,p,span,td,th{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}@supports (-webkit-touch-callout:none){body,html{position:fixed;width:100%;overflow:hidden}.main-content-wrapper{position:fixed;top:env(safe-area-inset-top);left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}@media (max-width:767px){.main-content-wrapper{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}[style*=overflow]{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media screen and (max-width:767px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-ar);font-weight:700;line-height:1.3;color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,var(--font-size-5xl))}h2{font-size:clamp(1.5rem,4vw,var(--font-size-4xl))}h3{font-size:clamp(1.25rem,3vw,var(--font-size-3xl))}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-secondary);line-height:1.7}.text-gradient{background:linear-gradient(135deg,var(--primary) 0,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:1440px;margin:0 auto;padding:0 var(--space-8)}.section{padding:var(--space-20) 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-ar);font-size:var(--font-size-base);font-weight:600;transition:all var(--transition);cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,0);transition:background var(--transition-fast)}.btn:hover:after{background:hsla(0,0%,100%,.1)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--accent-2) 100%);color:#fff;box-shadow:var(--shadow-green)}.btn-primary:hover{box-shadow:var(--shadow-green-lg);transform:translateY(-2px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:2px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--space-2) var(--space-4)}.btn-ghost:hover{color:var(--primary);background:var(--primary-glow)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--font-size-xl)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-body{padding:var(--space-6)}.card-glass{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.card-dark{background:var(--text-primary);color:#fff;border:1px solid hsla(0,0%,100%,.1)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.form-label .required{color:var(--danger);margin-right:var(--space-1)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-ar);font-size:var(--font-size-base);transition:all var(--transition-fast);outline:none;direction:rtl;text-align:right}.form-input,.form-select,.form-select option,.form-textarea{background-color:var(--surface);color:var(--text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.form-error{color:var(--danger);font-weight:500}.form-error,.form-hint{font-size:var(--font-size-sm)}.form-hint{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.badge-muted{background:var(--bg-2);color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-active{background:var(--success);box-shadow:0 0 0 3px var(--primary-glow)}.status-dot-pending{background:var(--warning)}.status-dot-inactive{background:var(--text-muted)}.status-dot-danger{background:var(--danger)}.navbar{position:fixed;top:0;right:0;left:0;z-index:1000;height:72px;background:hsla(0,0%,100%,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all var(--transition)}.navbar-scrolled{box-shadow:var(--shadow-md)}.navbar-inner{justify-content:space-between;height:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6);gap:var(--space-6)}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:var(--space-3);font-weight:800;font-size:var(--font-size-xl);color:var(--text-primary)}.navbar-logo span{color:var(--primary)}.navbar-nav{display:flex;align-items:center;gap:var(--space-2)}.nav-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);font-size:var(--font-size-sm)}.nav-link:hover{color:var(--primary);background:var(--primary-glow)}.nav-link.active{color:var(--primary);background:var(--success-light)}.navbar-actions{gap:var(--space-3)}.hero,.navbar-actions{display:flex;align-items:center}.hero{min-height:100vh;position:relative;overflow:hidden;padding-top:72px}.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f4c2a);z-index:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.hero-orb-1{width:600px;height:600px;background:var(--primary);top:-200px;left:-200px;animation:float 8s ease-in-out infinite}.hero-orb-2{width:400px;height:400px;background:var(--accent-2);bottom:-150px;right:-100px;animation:float 10s ease-in-out infinite reverse}.hero-orb-3{width:300px;height:300px;background:#3b82f6;top:50%;left:30%;transform:translate(-50%,-50%);animation:float 12s ease-in-out 2s infinite}.hero-content{position:relative;z-index:1;color:#fff;max-width:700px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(46,204,113,.2);border:1px solid rgba(46,204,113,.4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--primary-light)}.hero-badge,.hero-title{margin-bottom:var(--space-6)}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.15;color:#fff}.hero-title .highlight{background:linear-gradient(135deg,var(--primary) 0,#a7f3d0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:hsla(0,0%,100%,.75);margin-bottom:var(--space-10);line-height:1.8}.hero-actions{gap:var(--space-4)}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:var(--space-8);margin-top:var(--space-12)}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--font-size-3xl);font-weight:900;color:var(--primary)}.hero-stat-label{font-size:var(--font-size-sm);color:hsla(0,0%,100%,.6)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--space-6);gap:var(--space-6);align-items:start}.pricing-card{background:var(--surface);border-radius:var(--radius-2xl);border:2px solid var(--border);overflow:hidden;transition:all var(--transition);position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.pricing-card.popular{border-color:var(--primary);box-shadow:var(--shadow-green);transform:scale(1.03)}.pricing-card.popular:hover{transform:scale(1.03) translateY(-8px)}.pricing-badge-popular{position:absolute;top:var(--space-4);left:var(--space-4);background:linear-gradient(135deg,var(--primary),var(--accent-2));color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700}.pricing-header{padding:var(--space-8);background:linear-gradient(135deg,var(--bg) 0,var(--bg-2) 100%);border-bottom:1px solid var(--border)}.pricing-card.popular .pricing-header{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.pricing-card.popular .pricing-name{color:#fff}.pricing-card.popular .pricing-desc{color:hsla(0,0%,100%,.7)}.pricing-name{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-2)}.pricing-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.pricing-price{display:flex;align-items:baseline;gap:var(--space-1)}.pricing-amount{font-size:var(--font-size-5xl);font-weight:900;color:var(--primary)}.pricing-currency{font-size:var(--font-size-xl);font-weight:600;color:var(--primary)}.pricing-period{font-size:var(--font-size-sm);color:var(--text-muted)}.pricing-installments{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--success-light);color:var(--success);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;margin-top:var(--space-3)}.pricing-body{padding:var(--space-6) var(--space-8)}.pricing-features{margin-bottom:var(--space-6)}.pricing-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:1px solid var(--border)}.pricing-feature:last-child{border-bottom:none}.pricing-feature-icon{width:20px;height:20px;border-radius:50%;background:var(--success-light);color:var(--success);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.admin-layout{display:flex;min-height:100vh;direction:rtl}.admin-sidebar{width:260px;background:var(--sidebar-bg);color:var(--sidebar-text);flex-shrink:0;display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:100;overflow-y:auto}.admin-main{flex:1 1;margin-right:260px;background:var(--bg);min-height:100vh}.admin-sidebar-logo{padding:var(--space-6);border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;gap:var(--space-3)}.admin-sidebar-logo-text{font-size:var(--font-size-lg);font-weight:800;color:#fff}.admin-sidebar-logo-text span{color:var(--primary)}.admin-nav{padding:var(--space-4);flex:1 1}.admin-nav-section{margin-bottom:var(--space-6)}.admin-nav-section-title{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:hsla(0,0%,100%,.3);padding:0 var(--space-3);margin-bottom:var(--space-2)}.admin-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--sidebar-text);transition:all var(--transition-fast);margin-bottom:var(--space-1)}.admin-nav-link:hover{background:hsla(0,0%,100%,.08);color:#fff}.admin-nav-link.active{background:rgba(46,204,113,.15);color:var(--primary);border:1px solid rgba(46,204,113,.2)}.admin-nav-link svg{width:18px;height:18px;flex-shrink:0}.admin-topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-page{padding:var(--space-8)}.admin-page-header{margin-bottom:var(--space-8)}.admin-page-title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-2)}.admin-page-subtitle{color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-5);gap:var(--space-5);margin-bottom:var(--space-8)}.stat-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--primary);border-radius:0 var(--radius-xl) var(--radius-xl) 0}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--success-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:900;color:var(--text-primary);line-height:1;margin-bottom:var(--space-2)}.stat-card-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.stat-card-change{font-size:var(--font-size-xs);font-weight:600;margin-top:var(--space-2)}.stat-card-change.up{color:var(--success)}.stat-card-change.down{color:var(--danger)}.data-table-wrapper{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.data-table-toolbar{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.data-table-title{font-size:var(--font-size-lg);font-weight:700}.data-table-search{position:relative;min-width:280px}.data-table-search input{padding-right:var(--space-10)}.data-table-search-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted)}.table{width:100%;border-collapse:collapse}.table th{background:var(--bg-2);padding:var(--space-3) var(--space-4);font-weight:700;color:var(--text-secondary);text-align:right}.table td,.table th{font-size:var(--font-size-sm);border-bottom:1px solid var(--border)}.table td{padding:var(--space-4);color:var(--text-primary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg)}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn var(--transition-fast) ease-out}.modal{background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition) ease-out}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--font-size-xl);font-weight:700}.modal-close{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-2);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border);justify-content:flex-start}.modal-footer,.toast-container{display:flex;gap:var(--space-3)}.toast-container{position:fixed;bottom:var(--space-6);left:var(--space-6);z-index:9999;flex-direction:column;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--text-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;box-shadow:var(--shadow-xl);pointer-events:auto;min-width:300px;animation:slideInRight var(--transition) ease-out}.toast-success{background:var(--success)}.toast-danger{background:var(--danger)}.toast-warning{background:var(--warning);color:var(--text-primary)}.subscription-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-2xl);padding:var(--space-8);color:#fff;position:relative;overflow:hidden}.subscription-card:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(46,204,113,.2) 0,transparent 70%);pointer-events:none}.subscription-card-inactive{background:var(--bg-2);border:2px dashed var(--border)}.subscription-plan-name{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-2)}.subscription-meta{color:hsla(0,0%,100%,.65);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.subscription-progress{height:6px;background:hsla(0,0%,100%,.15);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.subscription-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent-2));border-radius:var(--radius-full);transition:width var(--transition-slow)}.stepper{justify-content:center;gap:0;margin-bottom:var(--space-10);overflow-x:auto;padding-bottom:var(--space-2)}.step,.stepper{display:flex;align-items:center}.step{flex-direction:column;flex:1 1;position:relative;min-width:80px}.step:not(:last-child):after{content:"";position:absolute;top:20px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:var(--border);z-index:0}.step.completed:not(:last-child):after{background:var(--primary)}.step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);border:2px solid var(--border);background:var(--surface);color:var(--text-muted);z-index:1;transition:all var(--transition)}.step.active .step-circle{box-shadow:var(--shadow-green)}.step.active .step-circle,.step.completed .step-circle{border-color:var(--primary);background:var(--primary);color:#fff}.step-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);margin-top:var(--space-2);text-align:center}.step.active .step-label{color:var(--primary)}.step.completed .step-label{color:var(--text-secondary)}.footer{background:var(--text-primary);color:hsla(0,0%,100%,.7);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--space-10);gap:var(--space-10);margin-bottom:var(--space-12)}.footer-brand-desc{font-size:var(--font-size-sm);line-height:1.8;margin-top:var(--space-4);color:hsla(0,0%,100%,.5)}.footer-col-title{font-size:var(--font-size-base);font-weight:700;color:#fff;margin-bottom:var(--space-4)}.footer-link{display:block;font-size:var(--font-size-sm);color:hsla(0,0%,100%,.5);margin-bottom:var(--space-3);transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:var(--space-8);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);flex-wrap:wrap;gap:var(--space-4)}.checkout-layout{display:grid;grid-template-columns:1fr 400px;grid-gap:var(--space-8);gap:var(--space-8);align-items:start}.payment-method-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.payment-method-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);background:var(--surface)}.payment-method-btn.selected,.payment-method-btn:hover{border-color:var(--primary);color:var(--primary)}.payment-method-btn.selected{background:var(--success-light)}.referral-card{background:linear-gradient(135deg,var(--primary) 0,var(--accent-2) 100%);border-radius:var(--radius-xl);padding:var(--space-6);color:#fff}.referral-link-box{display:flex;align-items:center;gap:var(--space-3);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-top:var(--space-4)}.referral-link-text{flex:1 1;font-size:var(--font-size-sm);font-family:monospace;color:hsla(0,0%,100%,.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left}.audit-timeline{position:relative;padding-right:var(--space-8)}.audit-timeline:before{content:"";position:absolute;right:15px;top:0;bottom:0;width:2px;background:var(--border)}.audit-item{position:relative;margin-bottom:var(--space-6);padding-right:var(--space-8)}.audit-dot{position:absolute;right:-var(--space-8);right:calc(var(--space-8) * -1 + 6px);top:6px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);box-shadow:0 0 0 3px var(--primary-glow)}.audit-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}.audit-action{font-weight:700;font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.audit-meta{color:var(--text-muted)}.audit-diff,.audit-meta{font-size:var(--font-size-xs)}.audit-diff{display:flex;gap:var(--space-2);margin-top:var(--space-3);font-family:monospace}.audit-old{background:#fef2f2;color:var(--danger)}.audit-new,.audit-old{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.audit-new{background:var(--success-light);color:var(--success)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(5deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 rgba(46,204,113,.4)}50%{box-shadow:0 0 0 12px rgba(46,204,113,0)}}@keyframes shimmer{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.animate-fade-in{animation:fadeIn var(--transition) ease-out both}.animate-slide-up{animation:slideUp var(--transition) ease-out both}.animate-pulse-green{animation:pulse-green 2s infinite}.fade-in-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}.skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}.checkout-layout{grid-template-columns:1fr}.admin-sidebar{transform:translateX(100%)}.admin-main{margin-right:0}.admin-sidebar.open{transform:translateX(0)}}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column;align-items:flex-start}.hero-stats{gap:var(--space-6)}.footer-grid{grid-template-columns:1fr}.payment-method-grid{grid-template-columns:repeat(2,1fr)}.admin-page{padding:var(--space-5)}.navbar-nav{display:none}.stepper{gap:var(--space-2)}.step-label{display:none}}@media (max-width:480px){.container{padding:0 var(--space-4)}.stats-grid{grid-template-columns:1fr}.hero{padding-top:72px}.section{padding:var(--space-12) 0}}@media (min-width:1024px){.admin-sidebar-toggle{display:none!important}}