:root{--primary:#013E88;--secondary:#3A7DC2;--accent:#00A6A6;--background:#F5F8FC;--text:#0B1F3A;--navy:var(--primary);--blue:var(--secondary);--teal:var(--accent);--bg:var(--background);--ink:var(--text);--surface:#FFFFFF;--surface2:#EEF3FA;--surface3:#E4EDF8;--muted:#5A6E88;--faint:#8497B4;--border:#DEE7F3;--border2:#C8D7EB;--primary-ink:#FFFFFF;--link:#0C57A8;--ok:#0E8F6E;--ok-bg:#E2F5EF;--warn:#B0730B;--warn-bg:#FBEFDC;--bad:#C0392B;--bad-bg:#FBE7E4;--info:var(--secondary);--info-bg:#E7F0FB;--violet:#5B4FC0;--violet-bg:#EAE7FA;--grad-hero:linear-gradient(135deg,#013E88 0%,#0A4E9E 45%,#1E6FB8 75%,#00A6A6 140%);--grad-soft:linear-gradient(180deg,#F5F8FC 0%,#E9F1FA 100%);--grad-accent:linear-gradient(120deg,var(--secondary),var(--accent));--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:10px;--r:16px;--r-lg:22px;--r-pill:999px;--shadow-xs:0 1px 2px rgba(1,31,58,.06);--shadow-sm:0 2px 6px rgba(1,31,58,.06);--shadow:0 4px 16px rgba(1,31,58,.08);--shadow-lg:0 14px 40px rgba(1,31,58,.12);--shadow-hover:0 10px 28px rgba(1,62,136,.16);--t:.18s cubic-bezier(.4,0,.2,1);--font:"Cairo","Tajawal","Almarai","Segoe UI","Noto Sans Arabic",Tahoma,system-ui,sans-serif;--maxw:1200px}:root[data-theme=dark]{--background:#081426;--bg:#081426;--surface:#0E1E36;--surface2:#142744;--surface3:#1B3253;--text:#E8F0FB;--ink:#E8F0FB;--muted:#9CB0CE;--faint:#6C81A5;--border:#1F3355;--border2:#2A4468;--primary:#2F6FC4;--primary-ink:#04101F;--secondary:#4E90D6;--accent:#17BDBD;--link:#7FB4EA;--ok:#2FBE95;--ok-bg:#0D2C24;--warn:#DFA24C;--warn-bg:#2C2312;--bad:#E7695C;--bad-bg:#2D1613;--info:#5EA0E6;--info-bg:#102340;--violet:#A89FF0;--violet-bg:#221E44;--grad-hero:linear-gradient(135deg,#04244F 0%,#0A3670 45%,#12507F 75%,#0B6E6E 140%);--grad-soft:linear-gradient(180deg,#081426 0%,#0C1B31 100%);--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 2px 6px rgba(0,0,0,.4);--shadow:0 4px 16px rgba(0,0,0,.45);--shadow-lg:0 14px 40px rgba(0,0,0,.5);--shadow-hover:0 10px 28px rgba(0,0,0,.55)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--link);text-decoration:none;transition:color var(--t)}h1,h2,h3,h4{margin:0;line-height:1.25;text-wrap:balance;letter-spacing:-.01em;font-weight:800}p{margin:0}button{font-family:inherit}img{max-width:100%}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:8px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--s5)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:box-shadow var(--t),transform var(--t),border-color var(--t)}.card-hover:hover{box-shadow:var(--shadow-hover);border-color:var(--border2);transform:translateY(-2px)}.grid{display:grid;gap:var(--s4)}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.muted{color:var(--muted)}.mini{font-size:13px;color:var(--muted);line-height:1.6}.tag{background:var(--surface2);color:var(--muted);font-size:12px;font-weight:700;padding:5px 11px;border-radius:var(--r-pill);display:inline-block;border:1px solid var(--border)}.tag-accent{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 26%,transparent)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field label{font-size:13px;font-weight:700;color:var(--muted)}.input,.in{background:var(--surface);border:1.5px solid var(--border2);border-radius:var(--r-sm);padding:12px 14px;font-family:inherit;font-size:14.5px;color:var(--ink);width:100%;transition:border-color var(--t),box-shadow var(--t)}.input:focus,.in:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3.5px color-mix(in srgb,var(--secondary) 18%,transparent)}.eyebrow{display:inline-flex;align-items:center;gap:var(--s2);font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.page-title{font-size:26px;font-weight:800;margin-bottom:var(--s1)}.rule{height:1px;background:var(--border);margin:var(--s4) 0 var(--s5)}.section-title{font-size:22px;font-weight:800;margin-bottom:var(--s2)}.section-sub{color:var(--muted);font-size:15px;margin-bottom:var(--s5)}@media (max-width:1024px){.g4{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.wrap{padding:0 var(--s4)}.g3,.g2{grid-template-columns:1fr}.page-title{font-size:22px}}@media (max-width:520px){.g4{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}