@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-accent-400:#f472b6;--color-accent-500:#ec4899;--color-accent-600:#db2777;--color-success-50:#ecfdf5;--color-success-500:#10b981;--color-success-600:#059669;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-50:#fef2f2;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--font-ar:"IBM Plex Sans Arabic", sans-serif;--font-en:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.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:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 30px #6366f14d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--container-max:1280px;--sidebar-width:280px}[data-theme=light],:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--bg-elevated:#fff;--bg-overlay:#00000080;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-primary:#e5e7eb;--border-secondary:#f3f4f6;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--gradient-hero:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-card:linear-gradient(135deg, #6366f10d 0%, #a855f70d 100%);--gradient-accent:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%)}[data-theme=dark]{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-tertiary:#242736;--bg-card:#1a1d27;--bg-elevated:#242736;--bg-overlay:#000000b3;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#6b7280;--text-inverse:#111827;--border-primary:#2d3142;--border-secondary:#1f2233;--glass-bg:#1a1d27cc;--glass-border:#ffffff14;--gradient-hero:linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4c1d95 100%);--gradient-card:linear-gradient(135deg, #6366f11a 0%, #a855f71a 100%);--gradient-accent:linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #f472b6 100%);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000080;--shadow-glow:0 0 40px #6366f133}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-en);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6;overflow-x:hidden}[dir=rtl] body,.rtl{font-family:var(--font-ar)}[dir=ltr] body,.ltr{font-family:var(--font-en)}a{color:var(--color-primary-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-600)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-base);white-space:nowrap;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#fff3,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 15px #6366f166}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 25px #6366f180}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{border-color:var(--color-primary-400);background:var(--bg-tertiary)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:var(--color-danger-500);color:#fff}.btn-danger:hover{background:var(--color-danger-600)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-icon{border-radius:var(--radius-lg);width:40px;height:40px;padding:0}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f126}.input::placeholder{color:var(--text-tertiary)}.input-error{border-color:var(--color-danger-500)}.input-error:focus{box-shadow:0 0 0 3px #ef444426}.error-text{font-size:var(--text-xs);color:var(--color-danger-500)}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-300);transform:translateY(-2px)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.4;display:inline-flex}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-50);color:var(--color-success-600)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-600)}.badge-danger{background:var(--color-danger-50);color:var(--color-danger-600)}[data-theme=dark] .badge-primary{color:var(--color-primary-300);background:#6366f133}[data-theme=dark] .badge-success{color:#6ee7b7;background:#10b98133}[data-theme=dark] .badge-warning{color:#fcd34d;background:#f59e0b33}[data-theme=dark] .badge-danger{color:#fca5a5;background:#ef444433}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f166}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:.5s ease-out fadeIn}.animate-fade-in-up{animation:.6s ease-out fadeInUp}.animate-fade-in-down{animation:.6s ease-out fadeInDown}.animate-slide-in-right{animation:.6s ease-out slideInRight}.animate-slide-in-left{animation:.6s ease-out slideInLeft}.animate-scale-in{animation:.4s ease-out scaleIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-spin{animation:1s linear infinite spin}.stagger-1{animation-delay:.1s;animation-fill-mode:both}.stagger-2{animation-delay:.2s;animation-fill-mode:both}.stagger-3{animation-delay:.3s;animation-fill-mode:both}.stagger-4{animation-delay:.4s;animation-fill-mode:both}.stagger-5{animation-delay:.5s;animation-fill-mode:both}.stagger-6{animation-delay:.6s;animation-fill-mode:both}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-gray-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media (max-width:640px){:root{--text-5xl:2.25rem;--text-6xl:2.75rem}.container{padding:0 var(--space-4)}}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}.spinner{border:3px solid var(--border-primary);border-top-color:var(--color-primary-500);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}[dir=rtl] .toast-container{right:auto;left:var(--space-6)}.toast{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);align-items:center;gap:var(--space-3);min-width:300px;animation:.3s ease-out slideInRight;display:flex}.modal-overlay{background:var(--bg-overlay);z-index:var(--z-modal-backdrop);justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-8);width:90%;max-width:500px;max-height:85vh;box-shadow:var(--shadow-2xl);z-index:var(--z-modal);animation:.3s ease-out scaleIn;overflow-y:auto}@media (max-width:640px){.modal{padding:var(--space-5);width:95%}}.table-container{border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-4);text-align:start;font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.table td{padding:var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--border-secondary);color:var(--text-primary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-secondary)}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon{opacity:.4;font-size:3rem}.empty-state-title{font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.empty-state-text{font-size:var(--text-sm);color:var(--text-tertiary);max-width:400px}