:root{--ref-brand-50:#edf1f6;--ref-brand-500:#315b88;--ref-brand-700:#193e6b;--ref-brand-800:#122c4c;--ref-accent-50:#faf0e7;--ref-accent-100:#fff4eb;--ref-accent-300:#ff9b50;--ref-accent-600:#b4490a;--ref-accent-700:#973c08;--ref-accent-800:#7c3206;--ref-teal-50:#e8f4f8;--ref-teal-600:#1a6a8a;--ref-neutral-0:#ffffff;--ref-neutral-25:#f8fafb;--ref-neutral-50:#f4f5f7;--ref-neutral-100:#f0efe9;--ref-neutral-150:#e2e7ee;--ref-neutral-200:#e5e9ed;--ref-neutral-400:#96a2ad;--ref-neutral-500:#718096;--ref-neutral-600:#63758c;--ref-neutral-900:#172033;--ref-amber-50:#fff8e7;--ref-amber-500:#f59e0b;--ref-red-50:#fff1f2;--ref-red-500:#ef4444;--ref-red-700:#b42318;--color-bg:var(--ref-neutral-50);--color-surface:var(--ref-neutral-0);--color-surface-raised:var(--ref-neutral-0);--color-surface-sunken:var(--ref-neutral-25);--color-border:var(--ref-neutral-200);--color-border-subtle:var(--ref-neutral-100);--color-border-brand:rgba(25,62,107,0.16);--color-divider:var(--ref-neutral-150);--color-text:var(--ref-neutral-900);--color-text-heading:var(--ref-brand-700);--color-text-muted:var(--ref-neutral-600);--color-text-subtle:var(--ref-neutral-500);--color-text-placeholder:var(--ref-neutral-400);--color-brand:var(--ref-brand-700);--color-brand-strong:var(--ref-brand-800);--color-brand-muted:var(--ref-brand-500);--color-brand-subtle:var(--ref-brand-50);--color-brand-surface:var(--ref-brand-800);--color-brand-surface-end:var(--ref-brand-700);--color-on-brand-surface:var(--ref-neutral-0);--color-on-brand-surface-muted:rgba(255,255,255,0.74);--color-primary:var(--ref-accent-600);--color-primary-hover:var(--ref-accent-700);--color-primary-pressed:var(--ref-accent-800);--color-primary-subtle:var(--ref-accent-50);--color-primary-tint:var(--ref-accent-100);--color-on-primary:var(--ref-neutral-0);--color-highlight:var(--ref-accent-300);--color-highlight-soft:#dba476;--color-focus:var(--ref-accent-600);--color-accent:var(--ref-accent-300);--color-accent-subtle:var(--ref-accent-50);--color-on-accent:var(--ref-neutral-900);--color-secondary-50:#eff6ff;--color-secondary-100:#dbeafe;--color-secondary-200:#bfdbfe;--color-secondary-300:#93c5fd;--color-secondary-400:#60a5fa;--color-secondary-500:#3b82f6;--color-secondary-600:#2563eb;--color-secondary-700:#1d4ed8;--color-secondary-800:#1e40af;--color-secondary-900:#1e3a8a;--color-success:var(--ref-brand-500);--color-success-subtle:var(--ref-brand-50);--color-warning:var(--ref-amber-500);--color-warning-subtle:var(--ref-amber-50);--color-danger:var(--ref-red-500);--color-danger-subtle:var(--ref-red-50);--color-danger-strong:var(--ref-red-700);--color-info:var(--ref-teal-600);--color-info-subtle:var(--ref-teal-50);--font-sans:var(--font-plex),"IBM Plex Sans Arabic",system-ui,"Segoe UI",Tahoma,sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:0.75rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-body:1.6;--leading-heading:1.25;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-pill:999px;--shadow-1:0 3px 12px rgba(25,62,107,0.04);--shadow-2:0 8px 28px rgba(25,62,107,0.07);--shadow-3:0 20px 60px rgba(25,62,107,0.12);--shadow-surface:0 18px 40px -24px rgba(16,38,64,0.3),0 2px 6px rgba(16,38,64,0.035);--shadow-accent:0 16px 30px rgba(249,115,22,0.26);--duration-fast:150ms;--duration-base:200ms;--duration-slow:250ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-exit:cubic-bezier(0.4,0,1,1);--sidebar-width:288px;--control-height-sm:32px;--control-height-md:40px;--control-height-lg:48px;--control-radius:var(--radius-md);--control-border:var(--color-border);--control-border-hover:var(--color-text-placeholder);--control-bg:var(--color-surface);--control-bg-disabled:var(--color-surface-sunken);--button-primary-bg:var(--color-primary);--button-primary-bg-hover:var(--color-primary-hover);--button-primary-bg-pressed:var(--color-primary-pressed);--button-primary-fg:var(--color-on-primary);--button-secondary-bg:var(--color-surface);--button-secondary-fg:var(--color-text);--button-secondary-border:var(--color-border);--input-bg:var(--control-bg);--input-border:var(--control-border);--input-border-focus:var(--color-focus);--input-fg:var(--color-text);--card-bg:var(--color-surface);--card-border:var(--color-border);--card-radius:var(--radius-lg)}:root[data-mode=dark]{--color-bg:#0c0f12;--color-surface:#14171b;--color-surface-raised:#1a1e23;--color-surface-sunken:#0c0f12;--color-border:#2b2e32;--color-border-subtle:#1e2125;--color-border-brand:#3f4347;--color-divider:#2b2e32;--color-text:#eef0f2;--color-text-heading:#eef0f2;--color-text-muted:#a8abaf;--color-text-subtle:#a8abaf;--color-text-placeholder:#7d8186;--color-brand:#6c93c5;--color-brand-strong:#8aaedb;--color-brand-muted:#547bad;--color-brand-subtle:#1f2c3d;--color-brand-surface:#10233d;--color-brand-surface-end:#173a63;--color-on-brand-surface:#ffffff;--color-highlight-soft:#a87a54;--color-secondary-50:#172554;--color-secondary-100:#1e3a8a;--color-secondary-200:#1e40af;--color-secondary-300:#1d4ed8;--color-secondary-400:#2563eb;--color-secondary-500:#3b82f6;--color-secondary-600:#60a5fa;--color-secondary-700:#93c5fd;--color-secondary-800:#bfdbfe;--color-secondary-900:#dbeafe;--color-on-brand-surface-muted:rgba(255,255,255,0.74);--color-primary:#ef8e63;--color-primary-hover:#fcaf8e;--color-primary-pressed:#fdc4ab;--color-primary-subtle:#3f1300;--color-primary-tint:#3f1300;--color-on-primary:#15171c;--color-highlight:#fcaf8e;--color-focus:#ef8e63;--color-accent:#fcaf8e;--color-accent-subtle:#3f1300;--color-on-accent:#15171c;--color-success:#78d694;--color-success-subtle:#13331d;--color-warning:#f1af57;--color-warning-subtle:#3c2607;--color-danger:#ffa096;--color-danger-subtle:#43201c;--color-danger-strong:#ffa096;--color-info:#37d2f2;--color-info-subtle:#00323b;--shadow-1:0 3px 12px rgba(0,0,0,0.3);--shadow-2:0 8px 28px rgba(0,0,0,0.35);--shadow-3:0 20px 60px rgba(0,0,0,0.45);--shadow-surface:0 18px 40px -24px rgba(0,0,0,0.6),0 2px 6px rgba(0,0,0,0.3);color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms}}