@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&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #e2e8f0;--bg-elevated: #ffffff;--accent: #2563eb;--accent-light: #3b82f6;--accent-dark: #1d4ed8;--accent-darker: #1e40af;--amber: #f59e0b;--amber-light: #fbbf24;--amber-dark: #d97706;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverted: #f8fafc;--border: #e2e8f0;--border-light: #f1f5f9;--success: #10b981;--success-dark: #059669;--error: #ef4444;--error-dark: #dc2626;--warning: #f59e0b;--warning-dark: #d97706;--info: #06b6d4;--info-dark: #0891b2;--gradient-hero: linear-gradient(135deg, #1e3a8a 0%, #2563eb 40%, #3b82f6 70%, #60a5fa 100%);--gradient-hero-dark: linear-gradient(135deg, #0c1e4d 0%, #1d4ed8 40%, #2563eb 70%, #3b82f6 100%);--gradient-accent: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #3b82f6 100%);--gradient-accent-soft: linear-gradient(135deg, rgba(37, 99, 235, .08) 0%, rgba(59, 130, 246, .04) 100%);--gradient-card-hover: linear-gradient(135deg, rgba(37, 99, 235, .04) 0%, rgba(59, 130, 246, .02) 100%);--gradient-amber: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fbbf24 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-sidebar: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-strong: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .2);--glass-blur: 16px;--glass-blur-strong: 24px;--shadow-accent: 0 4px 20px rgba(37, 99, 235, .15);--shadow-accent-glow: 0 0 24px rgba(37, 99, 235, .2), 0 0 48px rgba(37, 99, 235, .1);--shadow-accent-subtle: 0 2px 12px rgba(37, 99, 235, .08);--shadow-glow: 0 0 32px rgba(37, 99, 235, .15);--shadow-card-hover: 0 8px 32px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04);--shadow-card-active: 0 4px 16px rgba(15, 23, 42, .12);--shadow-elevated: 0 12px 40px rgba(15, 23, 42, .1), 0 4px 12px rgba(15, 23, 42, .06);--brand-primary: #2563eb;--brand-secondary: #f59e0b;--accent-alpha-5: rgba(37, 99, 235, .05);--accent-alpha-8: rgba(37, 99, 235, .08);--accent-alpha-10: rgba(37, 99, 235, .1);--accent-alpha-15: rgba(37, 99, 235, .15);--accent-alpha-20: rgba(37, 99, 235, .2);--error-alpha-10: rgba(239, 68, 68, .1);--success-alpha-10: rgba(16, 185, 129, .1);--warning-alpha-10: rgba(245, 158, 11, .1);--info-alpha-10: rgba(6, 182, 212, .1);--overlay-dark: rgba(0, 0, 0, .6);--overlay-medium: rgba(0, 0, 0, .4);--overlay-light: rgba(0, 0, 0, .2);--overlay-blur: rgba(0, 0, 0, .3)}[data-theme=dark]{--bg-primary: #0c1222;--bg-secondary: #162032;--bg-tertiary: #1e2d45;--bg-card: #162032;--bg-hover: #243553;--bg-elevated: #1a2840;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #293d5a;--border-light: #1e2d45;--gradient-accent-soft: linear-gradient(135deg, rgba(37, 99, 235, .12) 0%, rgba(59, 130, 246, .06) 100%);--gradient-card-hover: linear-gradient(135deg, rgba(37, 99, 235, .08) 0%, rgba(59, 130, 246, .04) 100%);--gradient-sidebar: linear-gradient(180deg, #162032 0%, #0c1222 100%);--glass-bg: rgba(22, 32, 50, .7);--glass-bg-strong: rgba(22, 32, 50, .85);--glass-border: rgba(41, 61, 90, .4);--shadow-accent: 0 4px 20px rgba(37, 99, 235, .3);--shadow-accent-glow: 0 0 24px rgba(37, 99, 235, .3), 0 0 48px rgba(37, 99, 235, .15);--shadow-accent-subtle: 0 2px 12px rgba(37, 99, 235, .15);--shadow-glow: 0 0 32px rgba(37, 99, 235, .25);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .15);--shadow-card-active: 0 4px 16px rgba(0, 0, 0, .25);--shadow-elevated: 0 12px 40px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .2);--overlay-dark: rgba(0, 0, 0, .75);--overlay-medium: rgba(0, 0, 0, .55);--overlay-blur: rgba(0, 0, 0, .5)}:root{--font-family-primary: IBM Plex Sans Arabic, Noto Sans Arabic, sans-serif;--font-family-en: Inter, sans-serif;--font-family-mono: Fira Code, Consolas, monospace;--font-size-xs: .875rem;--font-size-sm: .9375rem;--font-size-base: 1.0625rem;--font-size-lg: 1.25rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.125rem;--font-size-4xl: 2.5rem}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:400;line-height:1.5;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}[dir=ltr] body{font-family:var(--font-family-en)}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--navbar-height: 64px;--sidebar-width: 272px;--sidebar-collapsed-width: 72px}[dir=rtl] .icon-arrow-left,[dir=rtl] .icon-chevron-left,[dir=rtl] .icon-arrow-right,[dir=rtl] .icon-chevron-right{transform:scaleX(-1)}[dir=rtl] .text-start{text-align:right}[dir=rtl] .text-end,[dir=ltr] .text-start{text-align:left}[dir=ltr] .text-end{text-align:right}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.ms-xs{margin-inline-start:var(--spacing-xs)}.me-xs{margin-inline-end:var(--spacing-xs)}.ps-xs{padding-inline-start:var(--spacing-xs)}.pe-xs{padding-inline-end:var(--spacing-xs)}.ms-sm{margin-inline-start:var(--spacing-sm)}.me-sm{margin-inline-end:var(--spacing-sm)}.ps-sm{padding-inline-start:var(--spacing-sm)}.pe-sm{padding-inline-end:var(--spacing-sm)}.ms-md{margin-inline-start:var(--spacing-md)}.me-md{margin-inline-end:var(--spacing-md)}.ps-md{padding-inline-start:var(--spacing-md)}.pe-md{padding-inline-end:var(--spacing-md)}.ms-lg{margin-inline-start:var(--spacing-lg)}.me-lg{margin-inline-end:var(--spacing-lg)}.ps-lg{padding-inline-start:var(--spacing-lg)}.pe-lg{padding-inline-end:var(--spacing-lg)}.ms-xl{margin-inline-start:var(--spacing-xl)}.me-xl{margin-inline-end:var(--spacing-xl)}.ps-xl{padding-inline-start:var(--spacing-xl)}.pe-xl{padding-inline-end:var(--spacing-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--accent-alpha-20)}50%{box-shadow:0 0 0 8px transparent}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes countBounce{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ripple{to{transform:scale(4);opacity:0}}.page-enter{animation:fadeInUp .45s cubic-bezier(.16,1,.3,1) both}.animate-stagger>*{opacity:0;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.animate-stagger>*:nth-child(1){animation-delay:0s}.animate-stagger>*:nth-child(2){animation-delay:.06s}.animate-stagger>*:nth-child(3){animation-delay:.12s}.animate-stagger>*:nth-child(4){animation-delay:.18s}.animate-stagger>*:nth-child(5){animation-delay:.24s}.animate-stagger>*:nth-child(6){animation-delay:.3s}.animate-stagger>*:nth-child(7){animation-delay:.36s}.animate-stagger>*:nth-child(8){animation-delay:.42s}.animate-stagger>*:nth-child(9){animation-delay:.48s}.animate-stagger>*:nth-child(10){animation-delay:.54s}.animate-stagger>*:nth-child(11){animation-delay:.6s}.animate-stagger>*:nth-child(12){animation-delay:.66s}.animate-scale-in{animation:scaleIn .35s cubic-bezier(.16,1,.3,1) both}.animate-fade-in{animation:fadeIn .3s ease both}.animate-slide-up{animation:slideUp .35s cubic-bezier(.16,1,.3,1) both}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-soft{animation:floatSoft 4s ease-in-out infinite}.animate-shake{animation:shake .4s ease}.animate-spin{animation:spin .7s linear infinite}.skeleton,.skeleton-card,.skeleton-circle,.skeleton-text{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md);color:transparent!important;-webkit-user-select:none;user-select:none;pointer-events:none}.skeleton *,.skeleton-card *,.skeleton-circle *,.skeleton-text *{visibility:hidden}.skeleton-text{height:1em;width:100%;margin-bottom:.5rem}.skeleton-text.skeleton-sm{width:40%}.skeleton-text.skeleton-md{width:65%}.skeleton-text.skeleton-lg{width:85%}.skeleton-circle{border-radius:50%}.skeleton-card{height:120px;width:100%}.spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}.spinner.spinner-sm{width:14px;height:14px}.spinner.spinner-lg{width:24px;height:24px;border-width:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton,.skeleton-text,.skeleton-circle,.skeleton-card{animation:none}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-dark) 0%,var(--accent) 100%);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-light)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background-color:var(--accent);color:#fff}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.flex-1{flex:1}.text-center{text-align:center}.text-start{text-align:start}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;border:none;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-accent-subtle)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-alpha-20);box-shadow:var(--shadow-sm)}.btn-danger{background:linear-gradient(135deg,var(--error-dark, #dc2626) 0%,var(--error) 100%);color:#fff;box-shadow:0 2px 8px #ef444426}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ef444440;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-outline:hover:not(:disabled){background:var(--accent-alpha-8);box-shadow:var(--shadow-accent-subtle)}.btn-lg{padding:1rem 2rem;font-size:var(--font-size-base);border-radius:var(--radius-lg)}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-xs)}.btn-icon{padding:.5rem;width:36px;height:36px;border-radius:var(--radius-md)}.card,.card-accent,.card-interactive{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .25s cubic-bezier(.16,1,.3,1)}.card-hover:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent-alpha-15);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent-alpha-15);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-card-active)}.card-accent{border-color:var(--accent-alpha-20);background:var(--gradient-accent-soft)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.glass-card-strong{background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-alpha-10),var(--shadow-accent-subtle)}.form-input:hover:not(:focus):not(:disabled),.form-select:hover:not(:focus):not(:disabled){border-color:var(--accent-alpha-20)}.form-input::placeholder,.form-select::placeholder{color:var(--text-muted)}.form-input:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}.form-input-error{border-color:var(--error)!important;box-shadow:0 0 0 3px var(--error-alpha-10)!important}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center;padding-inline-start:2.5rem}[dir=ltr] .form-select{background-position:right 1rem center;padding-inline-start:1rem;padding-inline-end:2.5rem}.form-error{font-size:var(--font-size-xs);color:var(--error);display:flex;align-items:center;gap:.25rem;animation:fadeInUp .2s ease}textarea.form-input,textarea.form-select{resize:vertical;min-height:100px}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap;letter-spacing:.01em}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.divider{height:1px;background:var(--border);margin:var(--spacing-lg) 0;border:none}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);border:none;margin:var(--spacing-lg) 0}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.page{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) both}.page-title{font-size:1.75rem;margin-bottom:var(--spacing-lg);font-weight:700;letter-spacing:-.01em}.section-heading{font-size:1.25rem;margin-bottom:var(--spacing-md);font-weight:600;color:var(--text-primary)}.overlay{position:fixed;inset:0;background:var(--overlay-blur);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:399;animation:fadeIn .2s ease}