:root{--bg-main:#0a0d14;--bg-surface:#111726;--bg-card:#131a2bbf;--bg-card-hover:#1c263ed9;--bg-input:#151c2e;--bg-elevated:#1e293b;--border-subtle:#ffffff14;--border-card:#ffffff1f;--border-focus:#6366f1;--border-glow:#6366f159;--primary:#334155;--primary-hover:#1e293b;--primary-light:#64748b;--primary-gradient:linear-gradient(180deg, #27272a 0%, #18181b 100%);--accent-gradient:linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--dark-gradient:linear-gradient(180deg, #111726 0%, #0a0d14 100%);--success:#10b981;--success-bg:#10b98114;--warning:#f59e0b;--warning-bg:#f59e0b14;--danger:#ef4444;--danger-bg:#ef444414;--info:#0ea5e9;--info-bg:#0ea5e914;--facebook:#1877f2;--instagram:#e1306c;--whatsapp:#25d366;--telegram:#229ed9;--tiktok:#00f2fe;--linkedin:#0a66c2;--youtube:red;--twitter:#1d9bf0;--font-arabic:"Cairo", system-ui, -apple-system, sans-serif;--font-latin:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--text-inverse:#0f172a;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 24px #00000073;--shadow-glow:none;--glass-blur:blur(14px);--sidebar-width:270px;--header-height:70px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-arabic);background-color:var(--bg-main);color:var(--text-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-main);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff40}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.25}p{color:var(--text-muted);line-height:1.6}a{color:inherit;text-decoration:none}.app-container{min-height:100vh;display:flex}.main-content{min-width:0;transition:padding var(--transition-normal);background:0 0;flex-direction:column;flex:1;display:flex}.page-wrapper{flex:1;width:100%;max-width:1540px;margin:0 auto;padding:28px 32px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);padding:24px}.glass-card:hover{box-shadow:var(--shadow-md);border-color:#fff3}.glass-card-interactive:hover{border-color:var(--border-focus);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.925rem;font-weight:600;display:inline-flex}.btn-primary{color:#f8fafc;background:#1e293b;border:1px solid #ffffff29;box-shadow:0 1px 2px #0003}.btn-primary:hover{color:#fff;box-shadow:none;background:#334155;border-color:#ffffff47;transform:none}.btn-primary:active{background:#0f172a}.btn-secondary{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14}.btn-secondary:hover{color:#f8fafc;background:#ffffff14;border-color:#ffffff29}.btn-danger{color:#f87171;background:#ef44440f;border:1px solid #ef444433}.btn-danger:hover{color:#ef4444;background:#ef444424;border-color:#ef444459}.btn-success{color:#34d399;background:#10b9810f;border:1px solid #10b98133}.btn-success:hover{color:#10b981;background:#10b98124;border-color:#10b98159}.btn-sm{border-radius:var(--radius-sm);padding:6px 14px;font-size:.85rem}.btn-lg{border-radius:var(--radius-lg);padding:14px 28px;font-size:1.05rem}.btn-icon{border-radius:var(--radius-md);width:38px;height:38px;padding:0}.badge{border-radius:var(--radius-full);letter-spacing:.3px;align-items:center;gap:5px;padding:4px 10px;font-size:.775rem;font-weight:600;display:inline-flex}.badge-primary{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.badge-success{background:var(--success-bg);color:#6ee7b7;border:1px solid #10b9814d}.badge-warning{background:var(--warning-bg);color:#fcd34d;border:1px solid #f59e0b4d}.badge-danger{background:var(--danger-bg);color:#fca5a5;border:1px solid #ef44444d}.badge-neutral{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff14}.form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.form-label{color:var(--text-main);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600;display:flex}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:all var(--transition-normal);outline:none;padding:12px 16px;font-family:inherit;font-size:.925rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);background:#192238;box-shadow:0 0 0 3px #6366f140}.form-textarea{resize:vertical;min-height:110px;line-height:1.6}.switch{width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff26;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background:var(--primary-gradient)}input:checked+.slider:before{transform:translate(22px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#05070cd9;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border-card);border-radius:var(--radius-xl);background:#111827;width:100%;max-width:650px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.modal-body{padding:26px}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:12px;padding:18px 26px;display:flex}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;left:24px}.toast{pointer-events:auto;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-card);min-width:320px;max-width:440px;box-shadow:var(--shadow-lg);color:var(--text-main);background:#111827f2;align-items:center;gap:12px;padding:14px 18px;animation:.3s cubic-bezier(.16,1,.3,1) toastIn;display:flex}.toast.toast-success{border-color:#10b98180}.toast.toast-error{border-color:#ef444480}.toast.toast-info{border-color:#6366f180}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #6366f14d}50%{box-shadow:0 0 30px #6366f199}}.pulse-active{animation:2s ease-in-out infinite pulseGlow}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}@media (width<=1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-wrapper{padding:18px 16px}.app-container{flex-direction:column}}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light]{--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-input:#fff;--bg-elevated:#fff;--border-subtle:#e2e8f0;--border-card:#e2e8f0;--border-focus:#4f46e5;--border-glow:#4f46e533;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#6366f1;--primary-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #db2777 100%);--accent-gradient:linear-gradient(135deg, #0284c7 0%, #4f46e5 100%);--dark-gradient:linear-gradient(180deg, #fff 0%, #f1f5f9 100%);--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--info:#0284c7;--info-bg:#f0f9ff;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--text-inverse:#fff;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-glow:0 0 16px #4f46e526}html[data-theme=light],[data-theme=light] body{color:#0f172a!important;background-color:#f8fafc!important;background-image:none!important}[data-theme=light] header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0f172a0a!important}[data-theme=light] aside,[data-theme=light] .sidebar{background:#fff!important;border-left:1px solid #e2e8f0!important;box-shadow:-1px 0 3px #0f172a05!important}[data-theme=light] .sidebar a,[data-theme=light] aside a{color:#334155!important}[data-theme=light] .sidebar a:hover,[data-theme=light] aside a:hover{color:#0f172a!important;background-color:#f1f5f9!important}[data-theme=light] .sidebar a.active,[data-theme=light] aside a.active{color:#4f46e5!important;background-color:#eef2ff!important;border-right-color:#4f46e5!important}[data-theme=light] .glass-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a08!important}[data-theme=light] .glass-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 16px #0f172a0f!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] strong{color:#0f172a!important}[data-theme=light] p{color:#475569!important}[data-theme=light] .btn-primary,[data-theme=light] .btn-primary *{color:#fff!important}[data-theme=light] .btn-secondary{color:#334155!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 1px 2px #0f172a0a!important}[data-theme=light] .btn-secondary:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#94a3b8!important}[data-theme=light] .badge-primary{color:#4338ca!important;background:#eef2ff!important;border:1px solid #c7d2fe!important;font-weight:700!important}[data-theme=light] .badge-success{color:#047857!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;font-weight:700!important}[data-theme=light] .badge-warning{color:#b45309!important;background:#fffbeb!important;border:1px solid #fde68a!important;font-weight:700!important}[data-theme=light] .badge-danger{color:#b91c1c!important;background:#fef2f2!important;border:1px solid #fecaca!important;font-weight:700!important}[data-theme=light] .badge-neutral{color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;font-weight:600!important}[data-theme=light] .badge-secondary{color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus,[data-theme=light] .form-textarea:focus{background:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526!important}[data-theme=light] table{color:#0f172a!important}[data-theme=light] th{color:#475569!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] td{color:#0f172a!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] tr:hover td{background:#f8fafc!important}[data-theme=light] .modal-overlay{background:#0f172a73!important}[data-theme=light] .modal-card{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 25px 50px -12px #0f172a2e!important}[data-theme=light] [style*="color: rgb(255, 255, 255)"]:not([style*=gradient]):not(.btn-primary):not(.btn-primary *),[data-theme=light] [style*="color: rgb(248, 250, 252)"]:not([style*=gradient]){color:#0f172a!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.0"],[data-theme=light] [style*="rgba(255, 255, 255, 0.1"]{border-color:#e2e8f0}[data-theme=light] [style*="background: rgba(255, 255, 255, 0.0"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.1"]{background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] [style*="background: rgba(16, 185, 129, 0.05)"],[data-theme=light] [style*="background: rgba(16, 185, 129, 0.1)"]{background:#ecfdf5!important;border-color:#a7f3d0!important}[data-theme=light] [style*="background: rgba(244, 63, 94, 0.12)"]{background:#fef2f2!important;border-color:#fecaca!important}[data-theme=light] [style*="background: rgba(0, 0, 0, 0.3)"],[data-theme=light] [style*="background: rgba(0, 0, 0, 0.25)"],[data-theme=light] [style*="background: rgba(10, 13, 20"],[data-theme=light] [style*="rgba(15, 23, 42, 0.6)"],[data-theme=light] [style*="rgba(17, 24, 39, 0.96)"]{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 10px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a!important}[data-theme=light] [style*=\#6ee7b7],[data-theme=light] [style*="rgb(110, 231, 183)"],[data-theme=light] [style*=\#34d399],[data-theme=light] [style*="rgb(52, 211, 153)"]{color:#059669!important}[data-theme=light] [style*=\#38bdf8],[data-theme=light] [style*="rgb(56, 189, 248)"]{color:#0284c7!important}[data-theme=light] [style*=\#c084fc],[data-theme=light] [style*="rgb(192, 132, 252)"]{color:#7c3aed!important}[data-theme=light] [style*=\#a5b4fc],[data-theme=light] [style*="rgb(165, 180, 252)"]{color:#4f46e5!important}[data-theme=light] [style*=\#f43f5e],[data-theme=light] [style*="rgb(244, 63, 94)"]{color:#e11d48!important}[data-theme=light] [style*=\#fbbf24],[data-theme=light] [style*="rgb(251, 191, 36)"]{color:#d97706!important}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}