:root{--font-sans:var(--font-body);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--radius-card:var(--radius-lg);--radius-btn:var(--radius-md);--transition-fast:150ms cubic-bezier(0.16,1,0.3,1);--transition-base:250ms cubic-bezier(0.16,1,0.3,1);--transition-slow:400ms cubic-bezier(0.16,1,0.3,1)}.dark{--bg-base:#05050a;--bg-surface:#0e0e16;--bg-elevated:#16161f;--bg-overlay:#1e1e2a;--bg-surface-blur:rgba(14,14,22,0.85);--bg-nav-blur:rgba(14,14,22,0.92);--accent-500:#7c3aed;--accent-400:#8b5cf6;--accent-300:#a78bfa;--accent-glow:rgba(124,58,237,0.25);--violet-500:#8b5cf6;--violet-400:#a78bfa;--cyan-500:#06b6d4;--cyan-400:#22d3ee;--cyan-glow:rgba(6,182,212,0.2);--amber-500:#f59e0b;--amber-400:#fbbf24;--amber-glow:rgba(245,158,11,0.2);--success:#10b981;--error:#ef4444;--warning:#f59e0b;--text-primary:#f0f0f8;--text-secondary:#94a3b8;--text-muted:#475569;--text-disabled:#1e293b;--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.18);--border-accent:rgba(124,58,237,0.40);--gradient-brand:linear-gradient(135deg,#7c3aed,#06b6d4);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(124,58,237,0.35) 0%,transparent 70%);--gradient-card:linear-gradient(135deg,rgba(124,58,237,0.08),rgba(6,182,212,0.08));--gradient-text:linear-gradient(135deg,#a78bfa,#22d3ee 50%,#a78bfa);--gradient-amber:linear-gradient(135deg,#f59e0b,#fbbf24);--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 16px rgba(0,0,0,0.5);--shadow-lg:0 8px 32px rgba(0,0,0,0.6);--shadow-accent:0 0 32px rgba(124,58,237,0.3),0 0 64px rgba(124,58,237,0.15);--shadow-cyan:0 0 32px rgba(6,182,212,0.25);--shadow-amber:0 0 20px rgba(245,158,11,0.3);--shadow-card:none;--admin-bg:#030305;--admin-surface:#06060d;--admin-card:#0f0f18;--admin-border:rgba(255,255,255,0.06);--admin-topbar:rgba(3,3,5,0.92);--admin-text:#e2e8f0;--admin-muted:#64748b;--input-bg:var(--bg-elevated);--input-border:var(--border-default);--input-text:var(--text-primary);--input-placeholder:var(--text-muted);--color-background:var(--bg-base);--color-background-secondary:var(--bg-surface);--color-background-tertiary:var(--bg-elevated);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-muted);--color-text-info:var(--accent-300);--color-text-success:var(--success);--color-text-danger:var(--error);--color-text-warning:var(--warning);--color-text-teal:var(--cyan-400);--color-primary:var(--accent-400);--color-primary-2:var(--accent-300);--color-teal:var(--cyan-500);--color-border-tertiary:var(--border-default);--color-border-secondary:var(--border-subtle);color-scheme:dark}.light{--bg-base:#e4e4ee;--bg-surface:#f0f0f8;--bg-elevated:#e8e8f2;--bg-overlay:#d6d6e2;--bg-surface-blur:rgba(240,240,248,0.90);--bg-nav-blur:rgba(240,240,248,0.96);--accent-500:#6d28d9;--accent-400:#7c3aed;--accent-300:#8b5cf6;--accent-glow:rgba(109,40,217,0.12);--violet-500:#6d28d9;--violet-400:#7c3aed;--cyan-500:#0891b2;--cyan-400:#06b6d4;--cyan-glow:rgba(8,145,178,0.12);--amber-500:#d97706;--amber-400:#f59e0b;--amber-glow:rgba(217,119,6,0.12);--success:#059669;--error:#dc2626;--warning:#d97706;--text-primary:#0f0f17;--text-secondary:#52525b;--text-muted:#64748b;--text-disabled:#e4e4e7;--border-subtle:rgba(0,0,0,0.09);--border-default:rgba(0,0,0,0.14);--border-strong:rgba(0,0,0,0.22);--border-accent:rgba(109,40,217,0.30);--gradient-brand:linear-gradient(135deg,#6d28d9,#0891b2);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(109,40,217,0.10) 0%,transparent 70%);--gradient-card:linear-gradient(135deg,rgba(109,40,217,0.04),rgba(8,145,178,0.04));--gradient-text:linear-gradient(135deg,#6d28d9,#0891b2 50%,#6d28d9);--gradient-amber:linear-gradient(135deg,#d97706,#f59e0b);--shadow-sm:0 1px 4px rgba(0,0,0,0.09);--shadow-md:0 4px 16px rgba(0,0,0,0.11);--shadow-lg:0 8px 32px rgba(0,0,0,0.14);--shadow-accent:0 0 24px rgba(109,40,217,0.14);--shadow-cyan:0 0 20px rgba(8,145,178,0.12);--shadow-amber:0 0 16px rgba(217,119,6,0.14);--shadow-card:0 1px 4px rgba(0,0,0,0.07),0 0 0 1px rgba(0,0,0,0.05);--admin-bg:#dcdce8;--admin-surface:#e6e6f2;--admin-card:#ededf7;--admin-border:rgba(0,0,0,0.12);--admin-topbar:rgba(230,230,242,0.96);--admin-text:#18181b;--admin-muted:#6b7280;--input-bg:var(--bg-surface);--input-border:var(--border-default);--input-text:var(--text-primary);--input-placeholder:var(--text-muted);--color-background:var(--bg-base);--color-background-secondary:var(--bg-surface);--color-background-tertiary:var(--bg-elevated);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-muted);--color-text-info:var(--accent-300);--color-text-success:var(--success);--color-text-danger:var(--error);--color-text-warning:var(--warning);--color-text-teal:var(--cyan-400);--color-primary:var(--accent-400);--color-primary-2:var(--accent-300);--color-teal:var(--cyan-500);--color-border-tertiary:var(--border-default);--color-border-secondary:var(--border-subtle);color-scheme:light}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-display)}html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[lang=ar] body{font-family:var(--font-arabic),var(--font-body)}button{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-md);padding:8px 14px;font-size:14px;font-family:var(--font-body);touch-action:manipulation;transition:opacity var(--transition-fast),transform var(--transition-fast)}button:hover:not(:disabled){opacity:.85}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font-family:var(--font-body);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}a{color:inherit;touch-action:manipulation}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}body *,body :after,body :before{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.theme-transition-disabled,.theme-transition-disabled *{transition:none!important}:focus-visible{outline:2px solid var(--accent-400);outline-offset:2px;border-radius:var(--radius-sm)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);position:relative;overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.card:before{content:"";position:absolute;inset:0;background:var(--gradient-card);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.card:hover{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--shadow-accent)}.card:hover:before{opacity:1}.card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-subtle);font-size:14px;font-weight:600}.card-body{padding:20px}.page-title{font-size:22px;font-weight:700;font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 4px;color:var(--text-primary)}.page-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.text-gradient{background:var(--gradient-text);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}.field-label{font-size:13px;font-weight:500;display:block;margin-bottom:6px;color:var(--text-secondary)}.field-input{width:100%;padding:12px 14px;border-radius:var(--radius-md);font-size:16px;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field-input::placeholder{color:var(--text-muted)}.field-input:focus{border-color:var(--accent-400);box-shadow:0 0 0 3px var(--accent-glow)}.field-input.error{border-color:var(--error);box-shadow:0 0 0 3px rgba(239,68,68,.15)}.field-input:disabled{opacity:.45;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-lg);font-size:15px;font-weight:600;font-family:var(--font-body);background:var(--gradient-brand);color:#fff;border:1px solid rgba(124,58,237,.4);cursor:pointer;text-decoration:none;touch-action:manipulation;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-accent);white-space:nowrap}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 40px rgba(124,58,237,.45),0 8px 24px rgba(0,0,0,.4)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{background:var(--bg-elevated);border-color:var(--border-subtle);color:var(--text-muted);box-shadow:none;cursor:not-allowed;opacity:.5}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;border-radius:var(--radius-lg);font-size:14px;font-weight:500;font-family:var(--font-body);background:transparent;border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;text-decoration:none;touch-action:manipulation;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn-ghost:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn-ghost:active{transform:scale(.97)}.warning-banner{padding:12px 16px;border-radius:var(--radius-md);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1.25rem;font-size:14px;color:var(--amber-400)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid transparent;border-top-color:currentcolor;animation:spin .7s linear infinite;flex-shrink:0;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.pill{gap:4px;font-size:11px;padding:3px 10px;border-radius:var(--radius-full);letter-spacing:.04em}.credit-badge,.pill{display:inline-flex;align-items:center;font-weight:600}.credit-badge{gap:5px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.22);color:var(--amber-400);font-family:var(--font-mono);font-size:13px;padding:5px 11px;border-radius:var(--radius-full)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes shimmer{0%{background-position:0}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:13px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:color var(--transition-fast);min-width:44px;min-height:44px;justify-content:center}.pw-toggle:hover{color:var(--text-secondary)}.pw-toggle:active{transform:translateY(-50%) scale(.88)}.card-link{transition:border-color var(--transition-base),transform var(--transition-base);cursor:pointer}.card-link:hover{border-color:var(--border-accent);transform:translateY(-2px)}.settings-field{display:grid;grid-template-columns:160px 1fr;align-items:center;grid-gap:16px;gap:16px;margin-bottom:16px}@media (max-width:480px){.settings-field{grid-template-columns:1fr;gap:8px}.settings-plan-grid{grid-template-columns:1fr!important}}.gen-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.model-grid{display:grid;grid-gap:10px;gap:10px}.packs-grid,.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.quick-actions-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}.stat-cards-grid{display:grid;grid-gap:1rem;gap:1rem}.settings-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.field-row{display:grid;grid-template-columns:120px 1fr;align-items:start;grid-gap:16px;gap:16px}.field-row-btn{padding-left:136px}@media (max-width:767px){.gen-grid{grid-template-columns:1fr;gap:1.25rem}.model-grid{grid-template-columns:1fr 1fr!important}.gen-tabs button{padding:8px 10px!important;font-size:12px!important}.packs-grid,.plans-grid{grid-template-columns:1fr!important;gap:10px!important}.quick-actions-grid{gap:6px!important}.quick-actions-grid>a{padding:12px 6px 10px!important}.quick-actions-grid>a>div{width:30px!important;height:30px!important}.quick-actions-grid>a>span:nth-child(2){font-size:11px!important}.quick-actions-grid>a>span:nth-child(3){display:none!important}.stat-cards-grid{grid-template-columns:1fr!important}.settings-plan-grid{grid-template-columns:1fr 1fr!important}.field-row{grid-template-columns:1fr!important;gap:6px!important}.field-row-btn{padding-left:0!important}.field-row-btn button{width:100%;justify-content:center}.contact-form-row,.contact-layout{grid-template-columns:1fr!important}}.blog-card{transition:border-color var(--transition-fast),transform var(--transition-fast)}.blog-card:hover{border-color:var(--border-default)!important;transform:translateY(-2px)}.article-content{color:var(--text-secondary);line-height:1.8;font-size:15px}.article-content h2{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin:2.5rem 0 .75rem;line-height:1.2}.article-content h2,.article-content h3{font-family:var(--font-display);color:var(--text-primary)}.article-content h3{font-size:1.05rem;font-weight:700;margin:2rem 0 .5rem}.article-content p{margin:0 0 1rem}.article-content ol,.article-content ul{margin:0 0 1rem 1.4rem;padding:0}.article-content li{margin-bottom:.35rem}.article-content blockquote{border-left:3px solid var(--accent-300);margin:1.5rem 0;padding:.75rem 1.25rem;background:rgba(124,58,237,.05);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-style:italic}.article-content pre{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.25rem;overflow-x:auto;margin:1rem 0}.article-content code{font-family:var(--font-mono);font-size:13px;color:var(--accent-300)}.article-content pre code{color:var(--text-secondary)}.article-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:13px}.article-content td,.article-content th{padding:.6rem .9rem;border:1px solid var(--border-subtle);text-align:left}.article-content th{background:var(--bg-elevated)}.article-content strong,.article-content th{font-weight:600;color:var(--text-primary)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none;border-top-color:currentColor}}