:root{--brand-navy: #042c53;--brand-deep-blue: #0c447c;--brand-signal: #378add;--brand-tint: #e6f1fb;--color-primary: #042c53;--color-primary-dark: #02203f;--color-primary-light: #e6f1fb;--color-secondary: #0c447c;--color-secondary-dark: #042c53;--color-accent: #378add;--color-tint: #e6f1fb;--color-on-tint: #042c53;--color-background: #f4f6f8;--color-surface: #ffffff;--color-surface-alt: #edf2f7;--color-border: #dde4ea;--color-text: #2c2c2a;--color-text-muted: #8a97a3;--color-on-primary: #e6f1fb;--color-on-danger: #ffffff;--color-disabled: #d9dfe4;--color-on-disabled: #8a97a3;--color-overlay: rgba(4, 44, 83, .55);--color-success: #639922;--color-success-bg: #e9f3dd;--color-success-text: #2a4d0c;--color-pending: #ba7517;--color-pending-bg: #faeeda;--color-pending-text: #854f0b;--color-danger: #c4433b;--color-danger-bg: #fbe8e6;--color-danger-text: #7a241f;--color-stat-surface: #042c53;--color-stat-label: #85b7eb;--color-stat-value: #e6f1fb;--color-device-bezel: #1b2a3d;--color-device-notch: #0b1520;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(4, 44, 83, .06);--shadow-md: 0 6px 20px rgba(4, 44, 83, .1);--gradient-hero: linear-gradient(135deg, var(--brand-deep-blue) 0%, var(--brand-navy) 100%);--glow-primary: rgba(55, 138, 221, .28);--glow-secondary: rgba(12, 68, 124, .22);--font-sans: "IBM Plex Sans Arabic", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Space Grotesk", "IBM Plex Sans Arabic", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}:root[data-theme=dark]{--brand-navy: #042c53;--brand-deep-blue: #0c447c;--brand-signal: #4e9be8;--brand-tint: #9fc3e9;--color-primary: #378add;--color-primary-dark: #2b74c0;--color-primary-light: #16293f;--color-secondary: #5aa5ea;--color-secondary-dark: #378add;--color-accent: #4e9be8;--color-tint: #16293f;--color-on-tint: #9fc3e9;--color-background: #0b1520;--color-surface: #121f30;--color-surface-alt: #1b2a3d;--color-border: #24374d;--color-text: #f4f7fa;--color-text-muted: #8fa3b8;--color-on-primary: #042c53;--color-on-danger: #ffffff;--color-disabled: #253546;--color-on-disabled: #67798c;--color-overlay: rgba(3, 10, 18, .72);--color-success: #97c459;--color-success-bg: #1e2f15;--color-success-text: #c8e2ad;--color-pending: #e0a040;--color-pending-bg: #332612;--color-pending-text: #f0cf9a;--color-danger: #e07a72;--color-danger-bg: #331917;--color-danger-text: #f3b6ae;--color-stat-surface: #10304f;--color-stat-label: #85b7eb;--color-stat-value: #e6f1fb;--color-device-bezel: #16222f;--color-device-notch: #000000;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 6px 22px rgba(0, 0, 0, .55);--glow-primary: rgba(55, 138, 221, .3);--glow-secondary: rgba(90, 165, 234, .22)}.page{display:flex;flex-direction:column;gap:1.5rem;max-width:72rem;margin:0 auto}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page__title{margin:0 0 .25rem;font-size:1.6rem;color:var(--color-text)}.section-title{margin:0 0 1rem;padding-inline-start:.85rem;border-inline-start:4px solid var(--color-accent);font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--color-text)}.section-label{margin:0 0 .5rem;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.page__subtitle{margin:0;color:var(--color-text-muted);font-size:.95rem}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.toolbar__search{flex:1;min-width:15rem;max-width:24rem}.panel{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.panel__footer{padding:1rem 1.25rem;border-block-start:1px solid var(--color-border)}.row-card{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;border-radius:var(--radius-md);background:var(--color-surface)}.tint-panel{padding:.9rem 1rem;border-radius:var(--radius-md);background:var(--color-tint);color:var(--color-on-tint)}.icon-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:8px;background:var(--color-tint);color:var(--color-secondary)}.stat{padding:1rem 1.1rem;border-radius:var(--radius-md);background:var(--color-stat-surface)}.stat__label{margin:0 0 .25rem;font-size:.78rem;color:var(--color-stat-label)}.stat__value{margin:0;font-family:var(--font-display);font-size:1.65rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-stat-value)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;min-height:16rem;color:var(--color-text-muted)}.state--error{color:var(--color-danger)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table thead th{padding:.85rem 1.25rem;text-align:start;font-size:.8rem;font-weight:500;color:var(--color-text-muted);background:var(--color-surface-alt);white-space:nowrap}.table tbody td{padding:.85rem 1.25rem;border-block-end:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.table tbody tr:last-child td{border-block-end:none}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--color-surface-alt)}.table__actions-col{text-align:end;width:1%;white-space:nowrap}.row-actions{display:inline-flex;align-items:center;gap:.15rem;justify-content:flex-end}.form{display:flex;flex-direction:column;gap:1.25rem}.form__actions{display:contents}.form__group{display:flex;flex-direction:column;gap:.4rem}.form__label{font-size:.85rem;font-weight:600;color:var(--color-text)}.form__note{margin:0;font-size:.88rem;line-height:1.5;color:var(--color-text-muted)}.form__state{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:6rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted)}.form__state--error{flex-direction:column;color:var(--color-danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tbody tr{padding:.5rem 1rem;border-block-end:1px solid var(--color-border)}.table tbody td{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.4rem 0;border:none}.table tbody td:before{content:attr(data-label);flex-shrink:0;font-size:.78rem;font-weight:500;color:var(--color-text-muted)}.table__actions-col{text-align:start;width:auto;white-space:normal}.row-actions{flex-wrap:wrap;justify-content:flex-end}}html,body{margin:0;height:100%;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.figure{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums}body,body *{transition:background-color .25s ease,border-color .25s ease,color .25s ease}.scroll-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}