@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cairo:wght@400;500;600;700&family=Tajawal:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0f2a4a;--primary-hover:#17406e;--primary-light:#17406e;--primary-soft:#e8eef6;--primary-line:#c7d5e8;--primary-dark:#091d34;--accent:#f59e0b;--accent-hover:#dd8a06;--accent-soft:#fef3c7;--accent-ink:#92400e;--bg:#f6f7f9;--surface:#fff;--text:#111827;--text-muted:#4b5563;--text-faint:#6b7280;--border:#e3e6eb;--border-strong:#c9cfd8;--success:#15803d;--success-soft:#dcfce7;--warning:#b45309;--warning-soft:#fef3c7;--danger:#b91c1c;--danger-soft:#fee2e2;--info:#1d4ed8;--info-soft:#dbeafe;--focus:#2563eb;--radius:.625rem;--radius-card:1rem;--radius-sheet:1.5rem;--shadow-soft:0 1px 2px #0f2a4a0d, 0 2px 8px #0f2a4a0f;--shadow-raised:0 4px 12px #0f2a4a14, 0 12px 28px -8px #0f2a4a1f;--shadow-pop:0 18px 48px -12px #0f2a4a59;--sidebar-w:240px;--header-h:64px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-family)}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;font-family:var(--font-family);text-rendering:optimizelegibility}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--accent-soft);color:var(--primary)}[dir=rtl] th{text-align:right}[dir=rtl] .page-header{flex-direction:row-reverse}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.btn{border-radius:var(--radius);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-soft)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:var(--bg);border-color:var(--border-strong)}.btn-sm{padding:5px 10px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:20px}.badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-gray{color:var(--text-muted);background:#f3f4f6}table{border-collapse:collapse;width:100%}thead tr{background:var(--bg)}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:10px 14px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--primary-soft)}.form-group{margin-bottom:16px}.form-group label{color:var(--text);margin-bottom:5px;font-size:13px;font-weight:500;display:block}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--primary);font-size:20px;font-weight:600}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:20px}.stat-value{color:var(--primary);font-size:28px;font-weight:700}.stat-label{color:var(--text-muted);margin-top:4px;font-size:13px}.loading{height:200px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.empty{text-align:center;color:var(--text-muted);padding:48px}html.modal-open{overflow:hidden}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.animate-in{animation:.18s ease-out fade-in}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}