:root{--clr-primary-900: #0a2540;--clr-primary-800: #0d3560;--clr-primary-700: #1558A0;--clr-primary-600: #2172C7;--clr-primary: #4DA3E8;--clr-primary-400: #74BAED;--clr-primary-100: rgba(77,163,232,.18);--clr-primary-50: rgba(77,163,232,.08);--clr-success: #22C55E;--clr-success-bg: rgba(34,197,94,.1);--clr-warning: #F59E0B;--clr-warning-bg: rgba(245,158,11,.1);--clr-error: #EF4444;--clr-error-bg: rgba(239,68,68,.1);--clr-info: #4DA3E8;--clr-info-bg: rgba(77,163,232,.1);--clr-gray-50: rgba(255,255,255,.03);--clr-gray-100: rgba(255,255,255,.06);--clr-gray-200: rgba(255,255,255,.1);--clr-gray-300: #d1d5db;--clr-gray-400: #9ca3af;--clr-gray-500: #6b7280;--clr-gray-600: #4b5563;--clr-gray-700: #374151;--clr-gray-800: #1f2937;--clr-gray-900: #111928;--clr-bg: #07111D;--clr-surface: #0F1B2D;--clr-surface-2: #162437;--clr-border: rgba(255,255,255,.09);--clr-border-focus:#4DA3E8;--clr-text-primary: #FFFFFF;--clr-text-secondary: rgba(255,255,255,.7);--clr-text-muted: rgba(255,255,255,.4);--clr-text-inverse: #07111D;--clr-text-link: #4DA3E8;--font-sans: "DM Sans", "Noto Sans Arabic", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "Fira Code", "Courier New", monospace;--font-arabic:"Noto Sans Arabic", "DM Sans", system-ui, 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;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed:1.625;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--border-width: 1px;--border-width-2: 2px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--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);--shadow-focus: 0 0 0 3px rgb(77 163 232 / .25);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-raised: 10;--z-dropdown:100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}[dir=rtl]{--font-sans: "Noto Sans Arabic", "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-regular);line-height:var(--leading-normal);color:var(--clr-text-primary);background-color:var(--clr-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--leading-tight);color:var(--clr-text-primary)}a{color:var(--clr-text-link);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100dvh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-ring:focus-visible{outline:2px solid var(--clr-border-focus);outline-offset:2px}.mono{font-family:var(--font-mono);font-size:.9em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);line-height:1;border:var(--border-width) solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--clr-primary);color:#07111d;border-color:var(--clr-primary);box-shadow:0 2px 8px #4da3e847;transform:translateY(0);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn-primary:hover:not(:disabled){background-color:var(--clr-primary-400);border-color:var(--clr-primary-400);box-shadow:0 4px 16px #4da3e861;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--clr-primary-600);box-shadow:0 1px 4px #4da3e82e;transform:translateY(0)}.btn-ghost{background-color:transparent;color:var(--clr-text-secondary);border-color:var(--clr-border)}.btn-ghost:hover:not(:disabled){background-color:var(--clr-gray-100);color:var(--clr-text-primary)}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs)}.btn-lg{padding:var(--sp-4) var(--sp-6);font-size:var(--text-base)}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary)}.form-input{width:100%;padding:var(--sp-3) var(--sp-4);background-color:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--clr-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input::placeholder{color:var(--clr-text-muted)}.form-input:focus{outline:none;border-color:var(--clr-border-focus);box-shadow:0 0 0 3px #4da3e82e}.form-input:disabled{background-color:var(--clr-gray-100);cursor:not-allowed}.form-error{font-size:var(--text-xs);color:var(--clr-error);display:flex;align-items:center;gap:var(--sp-1)}.card{background-color:var(--clr-surface);border:var(--border-width) solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:1.25em;height:1.25em;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn var(--transition-slow) ease both}:lang(ar),[dir=rtl]{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}[dir=rtl] p,[dir=rtl] li,[dir=rtl] td{line-height:1.9}[dir=rtl] .metric-number{direction:ltr;display:inline-block;unicode-bidi:isolate;font-family:DM Mono,monospace}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] p,[dir=rtl] span,[dir=rtl] label,[dir=rtl] td,[dir=rtl] th,[dir=rtl] dt,[dir=rtl] dd,[dir=rtl] button{letter-spacing:0!important;word-spacing:.05em}[data-radix-popper-content-wrapper]{z-index:9999!important}.dashboard-zone{padding:var(--sp-6)}.page-content{max-width:1100px;margin-inline:auto;width:100%;padding:var(--sp-6)}.data-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--clr-border);background:var(--clr-surface)}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--clr-surface)}.data-table thead th{text-align:start;padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--clr-text-muted);background:var(--clr-surface-2);border-block-end:1px solid var(--clr-border)}.data-table td{padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);border-block-end:1px solid var(--clr-border);vertical-align:middle}.data-table tbody tr:last-child td{border-block-end:none}.data-table tbody tr{cursor:pointer;transition:background-color var(--transition-fast)}.data-table tbody tr:hover,.table-row-clickable:hover{background-color:var(--clr-primary-50)}.data-table tbody tr:focus-visible{outline:2px solid var(--clr-border-focus);outline-offset:-2px}.badge-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.form-field,.input{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--clr-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-field::placeholder,.input::placeholder{color:var(--clr-text-muted)}.form-field:focus,.input:focus{outline:none;border-color:var(--clr-border-focus);box-shadow:0 0 0 3px #4da3e82e}.form-field:disabled,.input:disabled{background-color:var(--clr-gray-100);cursor:not-allowed}select.form-field,select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}select,select option{background-color:var(--clr-surface);color:var(--clr-text-primary)}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)}textarea.form-field,textarea.input{resize:vertical;line-height:var(--leading-relaxed)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding-block-end:var(--sp-4)}.page-title{font-size:var(--text-2xl);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin:0;line-height:var(--leading-tight)}.page-subtitle{font-size:var(--text-sm);color:var(--clr-text-muted);margin:var(--sp-1) 0 0}@keyframes qv-pulse{0%,to{opacity:1}50%{opacity:.78}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.modal-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;width:min(580px,100%);max-height:90vh;overflow-y:auto;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin:0}.modal-close{background:none;border:none;color:var(--clr-text-muted);cursor:pointer;font-size:var(--text-lg);padding:var(--sp-1);line-height:1;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.modal-close:hover{color:var(--clr-text-primary)}.modal-form{display:flex;flex-direction:column;gap:var(--sp-4)}.modal-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;padding-block-start:var(--sp-2)}.sop-content{font-family:var(--font-sans);font-size:.9rem;line-height:1.7;color:var(--clr-text-primary)}.sop-content h1,.sop-content h2,.sop-content h3{font-weight:600;margin-top:1.2em;margin-bottom:.4em;color:var(--clr-text-primary)}.sop-content h1{font-size:1.15rem}.sop-content h2{font-size:1.05rem}.sop-content h3{font-size:.95rem}.sop-content p{margin-bottom:.8em}.sop-content ul,.sop-content ol{padding-left:1.4em;margin-bottom:.8em}.sop-content li{margin-bottom:.3em}.sop-content strong{font-weight:700}.sop-content table{width:100%;border-collapse:collapse;margin-block:.8em;font-size:.85rem}.sop-content th,.sop-content td{border:1px solid var(--clr-border);padding:6px 10px;text-align:start}.sop-content thead tr{background:var(--clr-surface-2)}.sop-content code{font-family:var(--font-mono);font-size:.85em;background:var(--clr-surface-2);padding:1px 4px;border-radius:3px}.alert{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.alert-warning{background:var(--clr-warning-bg);border:1px solid rgba(245,158,11,.3);color:var(--clr-warning)}.form-select,.form-textarea{width:100%;padding:var(--sp-3) var(--sp-4);background-color:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--clr-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--clr-border-focus);box-shadow:0 0 0 3px #4da3e82e}.form-select:disabled,.form-textarea:disabled{background-color:var(--clr-gray-100);cursor:not-allowed}.form-textarea{resize:vertical;line-height:var(--leading-relaxed)}.form-select-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);background-color:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text-primary)}.form-fieldset{border:none;padding:0;margin:0}.form-legend{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary);margin-block-end:var(--sp-2)}.form-radio-group{display:flex;gap:var(--sp-4);flex-wrap:wrap}.form-radio-label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--clr-text-secondary);cursor:pointer}.rt-table-wrap{overflow-x:auto}.rt-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--clr-surface)}.rt-th{text-align:start;padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--clr-text-muted);background:var(--clr-surface-2);border-block-end:1px solid var(--clr-border);white-space:nowrap}.rt-td{padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);border-block-end:1px solid var(--clr-border);vertical-align:middle}.rt-tr{transition:background-color var(--transition-fast)}.rt-tr-clickable{cursor:pointer}.rt-tr-clickable:hover{background-color:var(--clr-primary-50)}.rt-tr-clickable:focus-visible{outline:2px solid var(--clr-border-focus);outline-offset:-2px}.rt-empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--clr-text-muted);font-size:var(--text-sm)}