.app{min-height:100vh}.rtl{direction:rtl}.rtl .nav-container,.rtl .hero-buttons,.rtl .store-buttons,.rtl .nav-links{flex-direction:row-reverse}.rtl .hero-container{direction:rtl}.rtl .feature-card,.rtl .step,.rtl .pricing-card{text-align:center}.rtl .hero-content{text-align:right}.rtl .hero-buttons{justify-content:flex-end}.rtl .store-text{align-items:flex-end;text-align:right}.rtl .plan-features li{flex-direction:row-reverse}.rtl .footer-brand,.rtl .footer-column{text-align:right}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0}.nav-container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px}.logo-image{width:clamp(36px,6vw,48px);height:clamp(36px,6vw,48px);border-radius:12px;object-fit:cover}.logo-text{display:flex;flex-direction:column}.logo-icon{font-size:clamp(16px,3vw,20px);font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.logo-arabic{font-family:var(--font-ar);font-size:clamp(12px,2vw,14px);font-weight:700;color:var(--primary);opacity:.8;line-height:1.2}.nav-links{display:flex;align-items:center;gap:clamp(16px,3vw,32px)}.nav-links a{font-weight:600;color:var(--text-secondary);transition:color .2s ease;font-size:clamp(14px,2vw,16px)}.nav-links a:hover{color:var(--primary)}.nav-cta{background:var(--primary);color:#fff!important;padding:10px 20px;border-radius:50px}.nav-cta:hover{background:var(--primary-dark)}.lang-toggle{background:transparent;border:2px solid var(--border);padding:8px 16px;border-radius:50px;font-weight:600;color:var(--text-secondary);transition:all .2s ease}.lang-toggle:hover{border-color:var(--primary);color:var(--primary)}.hero{padding:clamp(100px,15vw,160px) 0 clamp(60px,10vw,100px);background:linear-gradient(180deg,#F5F3FF 0%,var(--background) 100%);position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none}.sparkle{position:absolute;width:8px;height:8px;background:var(--secondary);border-radius:50%;animation:sparkle 3s ease-in-out infinite}.sparkle-1{top:20%;left:10%;animation-delay:0s}.sparkle-2{top:40%;right:15%;animation-delay:1s}.sparkle-3{bottom:30%;left:30%;animation-delay:2s}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,60px);align-items:center}.hero-content h1{font-size:clamp(32px,6vw,56px);font-weight:800;line-height:1.1;margin-bottom:clamp(16px,3vw,24px);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rtl .hero-content h1{font-family:var(--font-ar);font-size:clamp(28px,5vw,48px)}.hero-content p{font-size:clamp(16px,2.5vw,20px);color:var(--text-secondary);margin-bottom:clamp(24px,4vw,32px);line-height:1.7}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.hero-trust-line{font-size:clamp(12px,1.5vw,14px);color:var(--text-secondary);margin-top:16px;margin-bottom:24px;opacity:.8}.btn{padding:clamp(12px,2vw,16px) clamp(24px,3vw,32px);border-radius:50px;font-size:clamp(14px,2vw,18px);font-weight:700;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px #7c3aed66}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed80}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);width:100%}.btn-outline:hover{background:var(--primary);color:#fff}.hero-stats{display:flex;gap:clamp(24px,4vw,40px);margin-top:clamp(32px,5vw,48px);padding-top:clamp(24px,4vw,32px);border-top:1px solid var(--border)}.stat{display:flex;flex-direction:column;align-items:flex-start}.rtl .stat{align-items:flex-end}.stat-number{font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--primary)}.stat-label{font-size:clamp(12px,1.8vw,14px);color:var(--text-secondary)}.hero-visual{display:flex;justify-content:center}.phone-mockup{width:clamp(200px,30vw,280px);height:clamp(400px,60vw,560px);background:linear-gradient(180deg,#1f2937,#111827);border-radius:clamp(28px,4vw,40px);padding:clamp(8px,1.5vw,12px);box-shadow:var(--shadow-xl),0 30px 60px #7c3aed33}.phone-screen{width:100%;height:100%;background:#1f2937;border-radius:clamp(20px,3vw,32px);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.app-screenshots-carousel{width:100%;height:100%;position:relative;overflow:hidden}.app-screenshot{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translate(100%);transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s ease}.app-screenshot.active{opacity:1;transform:translate(0)}.app-screenshot.prev{opacity:0;transform:translate(-100%)}.screenshot-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.screenshot-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .3s ease}.screenshot-dot.active{background:#fff;transform:scale(1.3)}.screenshot-dot:hover{background:#fffc}.section-header{text-align:center;margin-bottom:clamp(40px,7vw,60px)}.section-header h2{font-size:clamp(28px,5vw,42px);font-weight:800;margin-bottom:16px;color:var(--text-primary)}.rtl .section-header h2{font-family:var(--font-ar)}.section-header p{font-size:clamp(16px,2.5vw,20px);color:var(--text-secondary)}.features{padding:clamp(60px,10vw,100px) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,3vw,32px)}.feature-card{padding:clamp(24px,4vw,32px);border-radius:24px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-icon{width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#A855F7 100%);border-radius:16px;color:#fff}.feature-card h3{font-size:clamp(16px,2.5vw,20px);font-weight:700;margin-bottom:12px;color:var(--text-primary)}.feature-card p{font-size:clamp(14px,2vw,16px);color:var(--text-secondary);line-height:1.6}.testimonials{padding:clamp(60px,10vw,100px) 0;background:linear-gradient(180deg,var(--background) 0%,#F5F3FF 100%)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(20px,3vw,32px)}.testimonial-card{padding:clamp(24px,4vw,32px);border-radius:24px;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.testimonial-stars{display:flex;gap:4px;margin-bottom:16px;color:var(--secondary)}.testimonial-text{font-size:clamp(15px,2vw,17px);color:var(--text-primary);line-height:1.7;margin-bottom:20px;font-style:italic}.testimonial-author{display:flex;flex-direction:column;gap:4px}.author-name{font-weight:700;color:var(--text-primary);font-size:clamp(14px,2vw,16px)}.author-location{font-size:clamp(12px,1.8vw,14px);color:var(--text-secondary)}.trust-points{padding:clamp(40px,8vw,80px) 0;background:linear-gradient(180deg,#F5F3FF 0%,var(--background) 100%)}.trust-points-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px)}.trust-point-card{padding:clamp(24px,4vw,32px);border-radius:20px;text-align:center;transition:all .3s ease}.trust-point-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.trust-point-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#A855F7 100%);border-radius:50%;color:#fff}.trust-point-text{font-size:clamp(15px,2vw,17px);color:var(--text-primary);line-height:1.6;font-weight:500}.how-it-works{padding:clamp(60px,10vw,100px) 0;background:linear-gradient(180deg,var(--background) 0%,#F5F3FF 100%)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(24px,4vw,32px)}.step{text-align:center;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:32px;right:-16px;width:32px;height:2px;background:var(--border);display:none}@media(min-width:900px){.steps-container{grid-template-columns:repeat(4,1fr)}.step:not(:last-child):after{display:block}.rtl .step:not(:last-child):after{right:auto;left:-16px}}.step-number{width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:clamp(18px,3vw,24px);font-weight:800;border-radius:50%;box-shadow:0 4px 15px #7c3aed66}.step-content h3{font-size:clamp(16px,2.5vw,18px);font-weight:700;margin-bottom:8px;color:var(--text-primary)}.step-content p{font-size:clamp(13px,1.8vw,14px);color:var(--text-secondary);line-height:1.5}.pricing{padding:clamp(60px,10vw,100px) 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,3vw,32px);align-items:start}.pricing-card{background:#fff;border-radius:24px;padding:clamp(28px,4vw,40px) clamp(24px,3vw,32px);text-align:center;border:2px solid var(--border);transition:all .3s ease;position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.pricing-card.popular{border-color:var(--primary);box-shadow:0 8px 30px #7c3aed33}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:6px 20px;border-radius:50px;font-size:clamp(12px,1.8vw,14px);font-weight:700;white-space:nowrap}.plan-name{font-size:clamp(20px,3vw,24px);font-weight:700;color:var(--text-primary);margin-bottom:16px}.plan-price{margin-bottom:clamp(24px,4vw,32px)}.plan-price .price{font-size:clamp(36px,6vw,48px);font-weight:800;color:var(--text-primary)}.plan-price .period{font-size:clamp(14px,2vw,16px);color:var(--text-secondary)}.plan-features{list-style:none;margin-bottom:clamp(24px,4vw,32px);text-align:left}.rtl .plan-features{text-align:right}.plan-features li{display:flex;align-items:center;gap:12px;padding:clamp(8px,1.5vw,10px) 0;color:var(--text-secondary);font-size:clamp(14px,2vw,15px)}.plan-features li svg{color:var(--success);flex-shrink:0}.pricing-card .btn{width:100%}.download{padding:clamp(60px,10vw,100px) 0;background:linear-gradient(135deg,var(--primary) 0%,#A855F7 50%,var(--secondary) 100%)}.download-container{text-align:center}.download-content h2{font-size:clamp(28px,5vw,42px);font-weight:800;color:#fff;margin-bottom:16px}.rtl .download-content h2{font-family:var(--font-ar)}.download-content p{font-size:clamp(16px,2.5vw,20px);color:#ffffffe6;margin-bottom:clamp(28px,5vw,40px)}.store-buttons{display:flex;gap:clamp(16px,3vw,24px);justify-content:center;flex-wrap:wrap}.store-button{display:flex;align-items:center;gap:12px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(12px,2vw,16px) clamp(20px,3vw,28px);border-radius:16px;color:#fff;transition:all .3s ease}.store-button:hover{background:#00000080;transform:translateY(-4px)}.store-text{display:flex;flex-direction:column;align-items:flex-start}.store-label{font-size:clamp(10px,1.5vw,12px);opacity:.8}.store-name{font-size:clamp(14px,2vw,18px);font-weight:700}.early-access{padding:clamp(30px,5vw,50px) 0;background:linear-gradient(135deg,var(--primary) 0%,#A855F7 100%)}.early-access-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.early-access-badge{display:inline-block;background:#fff3;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.early-access-text{color:#fff;font-size:clamp(16px,2.5vw,20px);max-width:600px;line-height:1.6;opacity:.95}.footer{background:#111827;padding:clamp(40px,7vw,60px) 0 30px;color:#fff}.footer-grid{display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,60px);margin-bottom:40px}@media(min-width:768px){.footer-grid{grid-template-columns:1.5fr 2fr}}.footer-brand p{color:#fff9;margin-top:16px;max-width:300px}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:clamp(20px,3vw,32px)}.footer-column h4{font-size:clamp(12px,1.8vw,14px);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;color:#ffffff80}.footer-column a{display:block;color:#fffc;margin-bottom:12px;font-size:clamp(13px,2vw,15px);transition:color .2s ease}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;text-align:center}.footer-bottom p{color:#ffffff80;font-size:clamp(12px,1.8vw,14px)}@media(max-width:900px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-visual{order:-1}.rtl .hero-content{text-align:center}.rtl .hero-buttons,.hero-buttons,.hero-stats{justify-content:center}.stat,.rtl .stat{align-items:center;text-align:center}.footer-brand,.footer-column,.rtl .footer-brand,.rtl .footer-column{text-align:center}.footer-brand p{max-width:100%;margin-left:auto;margin-right:auto}.footer-brand .logo{justify-content:center}.testimonials-grid,.trust-points-grid{grid-template-columns:1fr}}@media(max-width:768px){.nav-links a:not(.nav-cta):not(.lang-toggle){display:none}.nav-links{gap:12px}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}.store-buttons{flex-direction:column;align-items:center}.store-button{width:100%;max-width:280px;justify-content:center}.rtl .store-buttons{flex-direction:column}}@media(max-width:480px){.nav-cta{display:none}.container{padding:0 16px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:80vh;position:relative;display:flex;flex-direction:column}.modal-close{position:absolute;top:16px;right:16px;background:#f3f4f6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:#e5e7eb}.modal-body{padding:40px;overflow-y:auto}.terms-text{font-family:var(--font-en);font-size:14px;line-height:1.8;color:#374151;white-space:pre-wrap;word-wrap:break-word;margin:0}.rtl .modal-close{right:auto;left:16px}.legal-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px}.legal-header{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto 30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary);font-size:16px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease}.back-button:hover{background:#7c3aed1a}.rtl .back-button{font-family:var(--font-ar)}.rtl .back-button svg{transform:rotate(180deg)}.legal-content{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014}.legal-text{font-family:var(--font-en);font-size:15px;line-height:1.9;color:#374151;white-space:pre-wrap;word-wrap:break-word;margin:0}.rtl .legal-text{font-family:var(--font-ar);text-align:right}@media(max-width:768px){.legal-content{padding:24px}.legal-text{font-size:14px}}.support-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px}.support-content{max-width:900px;margin:0 auto}.support-header{text-align:center;padding:40px 20px}.support-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;margin-bottom:20px;color:#fff}.support-header h1{font-size:clamp(28px,5vw,40px);font-weight:800;color:#1f2937;margin-bottom:12px}.rtl .support-header h1{font-family:var(--font-ar)}.support-header p{font-size:clamp(16px,2.5vw,18px);color:#6b7280}.rtl .support-header p{font-family:var(--font-ar)}.support-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:50px}.support-card{background:#fff;border-radius:16px;padding:30px;text-align:center;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.support-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.support-card-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:#7c3aed1a;border-radius:12px;margin-bottom:16px;color:var(--primary)}.support-card h3{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:12px}.rtl .support-card h3{font-family:var(--font-ar)}.support-card p{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:16px}.rtl .support-card p{font-family:var(--font-ar)}.support-link{color:var(--primary);font-weight:600;font-size:14px}.support-link:hover{text-decoration:underline}.support-faq{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014}.support-faq h2{font-size:clamp(22px,4vw,28px);font-weight:700;color:#1f2937;margin-bottom:30px;text-align:center}.rtl .support-faq h2{font-family:var(--font-ar)}.faq-item{border-bottom:1px solid #e5e7eb;padding:20px 0}.faq-item:last-child{border-bottom:none}.faq-item h4{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:10px}.rtl .faq-item h4{font-family:var(--font-ar)}.faq-item p{font-size:14px;color:#6b7280;line-height:1.7}.rtl .faq-item p{font-family:var(--font-ar)}@media(max-width:768px){.support-cards{grid-template-columns:1fr}.support-faq{padding:24px}}:root{--admin-primary: #7C3AED;--admin-primary-dark: #6D28D9;--admin-bg: #f1f5f9;--admin-sidebar-bg: #1e293b;--admin-card-bg: #ffffff;--admin-text: #1f2937;--admin-text-muted: #6b7280;--admin-border: #e5e7eb;--admin-success: #10b981;--admin-error: #ef4444;--admin-warning: #f59e0b}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--admin-bg);gap:16px}.admin-spinner{width:40px;height:40px;border:3px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-loading-inline{display:flex;justify-content:center;padding:60px 0}.admin-error-inline{text-align:center;padding:40px;color:var(--admin-error);background:#fef2f2;border-radius:8px}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--admin-primary) 0%,var(--admin-primary-dark) 100%);padding:20px}.admin-login-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header h1{font-size:28px;font-weight:800;color:var(--admin-text);margin-bottom:8px}.admin-login-header p{color:var(--admin-text-muted)}.admin-login-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0}.admin-login-content .admin-loading-inline{flex-direction:column;gap:12px}.admin-login-content .admin-loading-inline p{color:var(--admin-text-muted);font-size:14px}#google-signin-button{display:flex;justify-content:center}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;font-size:14px;font-weight:600;color:var(--admin-text);margin-bottom:8px}.admin-form-group input,.admin-form-group select{width:100%;padding:12px 16px;border:1px solid var(--admin-border);border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s}.admin-form-group input:focus,.admin-form-group select:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #7c3aed1a}.admin-form-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer}.admin-form-group.checkbox input{width:auto}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-error{background:#fef2f2;color:var(--admin-error);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.admin-btn-primary{width:100%;padding:14px 24px;background:var(--admin-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.admin-btn-primary:hover:not(:disabled){background:var(--admin-primary-dark)}.admin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-btn-secondary{padding:14px 24px;background:var(--admin-bg);color:var(--admin-text);border:1px solid var(--admin-border);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.admin-btn-secondary:hover{background:var(--admin-border)}.admin-login-footer{text-align:center;margin-top:24px}.admin-login-footer a{color:var(--admin-primary);text-decoration:none;font-size:14px}.admin-login-footer a:hover{text-decoration:underline}.admin-dashboard{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:var(--admin-sidebar-bg);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0}.admin-sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-header h2{color:#fff;font-size:20px;font-weight:700;margin-bottom:4px}.admin-sidebar-header span{color:#fff9;font-size:13px}.admin-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.admin-nav button{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:#ffffffb3;font-size:15px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.admin-nav button:hover{background:#ffffff1a;color:#fff}.admin-nav button.active{background:var(--admin-primary);color:#fff}.admin-nav button svg{flex-shrink:0}.admin-sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.admin-user-info{padding:8px 12px;margin-bottom:8px}.admin-user-info span{color:#ffffffb3;font-size:13px}.admin-logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#ef44441a;border:none;color:#f87171;font-size:14px;border-radius:6px;cursor:pointer;transition:background .2s}.admin-logout-btn:hover{background:#ef444433}.admin-main{flex:1;margin-left:260px;background:var(--admin-bg);min-height:100vh}.admin-tab-content{padding:32px}.admin-tab-content h1{font-size:28px;font-weight:700;color:var(--admin-text);margin-bottom:24px}.admin-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-tab-header h1{margin-bottom:0}.admin-select{padding:10px 16px;border:1px solid var(--admin-border);border-radius:8px;background:#fff;font-size:14px;cursor:pointer}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.admin-stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.admin-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.admin-stat-icon.cost{background:#10b9811a;color:var(--admin-success)}.admin-stat-icon.requests{background:#7c3aed1a;color:var(--admin-primary)}.admin-stat-icon.users{background:#3b82f61a;color:#3b82f6}.admin-stat-icon.stories{background:#f59e0b1a;color:var(--admin-warning)}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-label{font-size:13px;color:var(--admin-text-muted);margin-bottom:4px}.admin-stat-value{font-size:28px;font-weight:700;color:var(--admin-text)}.admin-stat-breakdown{font-size:11px;color:var(--admin-text-muted);margin-top:4px}.admin-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.admin-section h2{font-size:18px;font-weight:600;color:var(--admin-text);margin-bottom:16px}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--admin-border)}.admin-table th{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--admin-text-muted);background:#f9fafb}.admin-table td{font-size:14px;color:var(--admin-text)}.admin-table code{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:13px}.admin-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.admin-badge.story{background:#dbeafe;color:#1d4ed8}.admin-badge.character{background:#fce7f3;color:#be185d}.admin-badge.location{background:#d1fae5;color:#047857}.admin-badge.image{background:#fef3c7;color:#b45309}.admin-badge.tts{background:#e0e7ff;color:#4338ca}.admin-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.admin-status.success{background:#d1fae5;color:#047857}.admin-status.error{background:#fee2e2;color:#b91c1c}.admin-status.inactive{background:#f3f4f6;color:#6b7280}.admin-status.warning{background:#fef3c7;color:#b45309}.admin-actions{display:flex;gap:8px}.admin-btn-icon{padding:8px;background:transparent;border:1px solid var(--admin-border);border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.admin-btn-icon:hover{background:var(--admin-bg)}.admin-btn-icon.danger:hover{background:#fee2e2;border-color:#fecaca;color:var(--admin-error)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.admin-pagination button{padding:8px 16px;background:#fff;border:1px solid var(--admin-border);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.admin-pagination button:hover:not(:disabled){background:var(--admin-bg)}.admin-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-pagination span{font-size:14px;color:var(--admin-text-muted)}.admin-chart-container{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.admin-bar-chart{display:flex;align-items:flex-end;gap:4px;height:200px;padding-bottom:30px;position:relative}.admin-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.admin-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end}.admin-bar{width:100%;background:linear-gradient(180deg,var(--admin-primary) 0%,var(--admin-primary-dark) 100%);border-radius:4px 4px 0 0;min-height:2px;transition:height .3s ease}.admin-bar-label{font-size:10px;color:var(--admin-text-muted);margin-top:8px}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--admin-border)}.admin-modal-header h2{font-size:18px;font-weight:600;color:var(--admin-text)}.admin-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--admin-text-muted)}.admin-modal form{padding:24px}.admin-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.admin-modal-actions .admin-btn-primary{width:auto}@media(max-width:768px){.admin-sidebar{width:100%;height:auto;position:relative}.admin-main{margin-left:0}.admin-dashboard{flex-direction:column}.admin-tab-content{padding:16px}.admin-form-row{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #7C3AED;--primary-dark: #5B21B6;--secondary: #F59E0B;--secondary-dark: #D97706;--success: #10B981;--background: #FAFAFA;--surface: #FFFFFF;--text-primary: #1F2937;--text-secondary: #6B7280;--text-light: #9CA3AF;--border: #E5E7EB;--font-en: "Nunito", sans-serif;--font-ar: "Tajawal", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}html{scroll-behavior:smooth}body{font-family:var(--font-en);background-color:var(--background);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.rtl{direction:rtl;font-family:var(--font-ar)}.ltr{direction:ltr;font-family:var(--font-en)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.gradient-bg{background:linear-gradient(135deg,#7c3aed,#a855f7,#f59e0b)}.glass-effect{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}