:root{--color-primary: #2d8659;--color-primary-dark: #1e5c3d;--color-primary-darker: #0f3d28;--color-primary-light: #3ea06d;--color-primary-lighter: rgba(45, 134, 89, .1);--color-gold: #c4a030;--color-gold-light: #d4b84d;--color-gold-dark: #9a7d26;--color-gold-lighter: rgba(196, 160, 48, .1);--color-accent: #c4a030;--color-accent-light: #f5f0e1;--color-accent-dark: #9a7d26;--color-secondary: #c4a030;--color-secondary-dark: #9a7d26;--color-error-color: #b91c1c;--color-error-light: #fef2f2;--color-gray-50: #fafaf9;--color-gray-100: #f5f5f4;--color-gray-200: #e7e5e4;--color-gray-300: #d6d3d1;--color-gray-400: #a8a29e;--color-gray-500: #78716c;--color-gray-600: #57534e;--color-gray-700: #44403c;--color-gray-800: #292524;--color-gray-900: #1c1917;--color-success: #2d8659;--color-warning: #c4a030;--color-error: #b91c1c;--color-info: #3ea06d;--bg-primary: #ffffff;--bg-secondary: #fafaf9;--bg-tertiary: #f5f5f4;--bg-dark: #1c1917;--text-primary: #1c1917;--text-secondary: #57534e;--text-tertiary: #78716c;--text-inverse: #ffffff;--font-family-ar: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-family-en: "Inter", "Segoe UI", Tahoma, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--z-toast: 500}@media (prefers-color-scheme: dark){:root{--bg-primary: #1c1917;--bg-secondary: #292524;--bg-tertiary: #44403c;--text-primary: #fafaf9;--text-secondary: #d6d3d1;--text-tertiary: #9a958a}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-ar);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left;font-family:var(--font-family-en)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--spacing-md)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);color:var(--text-inverse)}.btn-secondary{background-color:var(--color-secondary);color:var(--text-inverse)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--text-inverse)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background-color:var(--color-error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem}.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.form-label .required{color:var(--color-error)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-family:inherit;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2d865926}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea{min-height:120px;resize:vertical}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:left .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:2.5rem}[dir=ltr] .form-select{background-position:right .5rem center;padding-inline-start:var(--spacing-md);padding-inline-end:2.5rem}.form-checkbox,.form-radio{width:1.125rem;height:1.125rem;margin-inline-end:var(--spacing-sm);cursor:pointer}.form-hint{margin-top:var(--spacing-xs);font-size:.875rem;color:var(--text-tertiary)}.form-error{margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-error)}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--color-error)}.file-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);background-color:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.file-upload:hover{border-color:var(--color-primary);background-color:#2d86590d}.file-upload.dragging{border-color:var(--color-primary);background-color:#2d86591a}.file-upload input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-icon{font-size:3rem;color:var(--color-gray-400);margin-bottom:var(--spacing-md)}.file-upload-text{color:var(--text-secondary);text-align:center}.card{background-color:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:0}.card-body{flex:1}.card-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.stat-card{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);color:var(--text-inverse)}.stat-card.secondary{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dark))}.stat-card.accent{background:linear-gradient(135deg,var(--color-gold-light),var(--color-gold));color:var(--text-primary)}.stat-label{font-size:.875rem;opacity:.9;margin-bottom:var(--spacing-xs)}.stat-value{font-size:2rem;font-weight:700}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase}.badge-success{background-color:#2d86591a;color:var(--color-success)}.badge-warning{background-color:#c4a03026;color:var(--color-gold-dark)}.badge-error{background-color:#b91c1c1a;color:var(--color-error)}.badge-info{background-color:#4281771a;color:var(--color-info)}.badge-neutral{background-color:var(--bg-tertiary);color:var(--text-secondary)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md)}.alert-icon{flex-shrink:0;font-size:1.25rem}.alert-success{background-color:#2d86591a;border:1px solid var(--color-success);color:var(--color-primary-dark)}.alert-warning{background-color:#c4a0301a;border:1px solid var(--color-warning);color:var(--color-gold-dark)}.alert-error{background-color:#b91c1c1a;border:1px solid var(--color-error);color:var(--color-error)}.alert-info{background-color:#2d86591a;border:1px solid var(--color-info);color:var(--color-primary-dark)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-md);text-align:inherit;border-bottom:1px solid var(--color-gray-200)}.table th{font-weight:600;background-color:var(--bg-secondary)}.table tbody tr:hover{background-color:var(--bg-secondary)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:var(--z-modal)}.modal{background-color:var(--bg-primary);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.25rem;font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-tertiary);padding:var(--spacing-xs)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.nav{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link.active{color:var(--color-primary);background-color:#2563eb1a}.sidebar{width:280px;background-color:var(--bg-secondary);border-inline-end:1px solid var(--color-gray-200);min-height:100vh;padding:var(--spacing-lg)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-link.active{background-color:var(--color-primary);color:var(--text-inverse)}.sidebar-link-icon{font-size:1.25rem;width:1.5rem;text-align:center}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,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)}@media (max-width: 1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,1fr)}}.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)}.m-0{margin:0}.m-auto{margin:auto}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.spinner{width:2rem;height:2rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:2px}.spinner-lg{width:3rem;height:3rem;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.toast-container{position:fixed;bottom:var(--spacing-lg);inset-inline-end:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);z-index:var(--z-toast)}.toast{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background-color:var(--bg-primary);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-md);animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRtl{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}[dir=rtl] .slide-in{animation-name:slideInRtl}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.sidebar{position:fixed;inset-inline-start:0;top:0;transform:translate(-100%);transition:transform var(--transition-normal);z-index:var(--z-modal)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)}}@media print{.no-print{display:none!important}}