:root{--brand-navy:220 60% 15%;--brand-navy-light:220 50% 22%;--brand-navy-dark:220 65% 10%;--brand-sky:200 80% 55%;--brand-cyan:185 70% 50%;--brand-cyan-light:185 60% 70%;--canvas:210 20% 98%;--surface:0 0% 100%;--surface-zebra:210 20% 97%;--surface-sunken:210 20% 96%;--surface-muted:210 20% 94%;--surface-inverse:220 60% 15%;--scrim:220 65% 10%;--border-subtle:214 25% 93%;--border:214 25% 90%;--border-strong:214 22% 58%;--border-inverse:200 60% 96%;--text-primary:220 40% 13%;--text-secondary:220 15% 46%;--text-inverse:200 60% 96%;--text-disabled:220 12% 62%;--interactive:200 80% 55%;--interactive-hover:200 80% 48%;--interactive-strong:200 80% 34%;--interactive-wash:200 80% 55%;--accent:185 70% 50%;--accent-on:220 60% 12%;--danger:0 84% 60%;--danger-strong:0 74% 45%;--danger-on:0 0% 100%;--warning:38 92% 50%;--warning-strong:30 85% 32%;--success:152 58% 40%;--success-strong:152 62% 30%;--info:185 70% 50%;--info-strong:200 75% 30%;--ring:200 80% 55%;--ring-width:2px;--ring-offset:2px;--ring-offset-color:var(--surface);--focus-ring:0 0 0 var(--ring-offset) hsl(var(--ring-offset-color)),0 0 0 calc(var(--ring-offset) + var(--ring-width)) hsl(var(--ring));--font-sans:var(--font-sans-loaded),"Inter",system-ui,sans-serif;--font-display:var(--font-display-loaded),"Space Grotesk","Inter",system-ui,sans-serif;--font-arabic:var(--font-arabic-loaded),"Noto Sans Arabic",system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xs:0.75rem;--lh-xs:1rem;--text-sm:0.8125rem;--lh-sm:1.125rem;--text-base:0.875rem;--lh-base:1.25rem;--text-md:1rem;--lh-md:1.5rem;--text-lg:1.125rem;--lh-lg:1.5rem;--text-xl:1.25rem;--lh-xl:1.625rem;--text-2xl:1.5rem;--lh-2xl:1.875rem;--text-3xl:1.875rem;--lh-3xl:2.25rem;--leading-prose:1.6;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-eyebrow:0.1em;--tracking-tight:-0.01em;--numeric-tabular:tabular-nums;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--pad-card:var(--space-6);--pad-card-lg:var(--space-8);--pad-cell-x:var(--space-3);--pad-cell-y:var(--space-2);--gap-grid:var(--space-3);--gap-grid-lg:var(--space-4);--gap-field:var(--space-4);--gap-label:var(--space-1);--stack-block:var(--space-6);--pad-section:var(--space-8);--pad-gutter:var(--space-4);--pad-gutter-lg:var(--space-6);--control-h-sm:2rem;--control-h:2.25rem;--control-h-lg:2.5rem;--row-h:2.75rem;--appbar-h:3.5rem;--sidebar-w:15rem;--icon-sm:14px;--icon:16px;--icon-lg:18px;--content-max:72rem;--measure:42rem;--radius:0.75rem;--radius-xs:0.25rem;--radius-control:0.5rem;--radius-card:0.75rem;--radius-panel:1rem;--radius-pill:9999px;--shadow-xs:0 1px 2px 0 hsl(220 60% 15%/0.06);--shadow-sm:0 2px 8px -2px hsl(220 60% 15%/0.08);--shadow-card:0 4px 24px -4px hsl(220 60% 15%/0.08);--shadow-popover:0 12px 40px -8px hsl(220 60% 15%/0.15);--shadow-modal:0 24px 64px -16px hsl(220 60% 15%/0.24);--shadow-flagship:0 20px 60px -12px hsl(200 80% 55%/0.30);--shadow-card-rest:0 1px 2px hsl(220 60% 15%/0.05),0 10px 28px -14px hsl(220 60% 15%/0.14);--shadow-card-lift:0 2px 6px hsl(220 60% 15%/0.06),0 18px 40px -16px hsl(220 60% 15%/0.20);--shadow-btn:0 1px 2px hsl(220 60% 15%/0.12),0 6px 16px -6px hsl(220 60% 15%/0.22);--shadow-btn-accent:0 2px 6px hsl(200 80% 55%/0.20),0 12px 28px -8px hsl(200 80% 55%/0.40);--gradient-accent:linear-gradient(135deg,hsl(200 80% 55%),hsl(185 70% 50%));--gradient-primary:linear-gradient(135deg,hsl(220 60% 15%),hsl(220 50% 25%));--gradient-auth-panel:linear-gradient(160deg,hsl(220 65% 10%),hsl(220 55% 20%),hsl(200 60% 25%));--ease-out-soft:cubic-bezier(0.22,1,0.36,1);--ease-standard:cubic-bezier(0.4,0,0.2,1);--dur-instant:80ms;--dur-fast:120ms;--dur-base:160ms;--dur-slow:240ms;--z-base:0;--z-sticky:10;--z-appbar:50;--z-dropdown:60;--z-overlay:70;--z-modal:80;--z-toast:90;--z-skiplink:100;--dir:1}[dir=rtl]{--dir:-1}:root{--background:var(--canvas);--foreground:var(--text-primary);--card:var(--surface);--card-foreground:var(--text-primary);--popover:var(--surface);--popover-foreground:var(--text-primary);--primary:var(--brand-navy);--primary-foreground:var(--text-inverse);--secondary:var(--interactive);--secondary-foreground:0 0% 100%;--muted:var(--surface-muted);--muted-foreground:var(--text-secondary);--accent-foreground:var(--accent-on);--destructive:var(--danger);--destructive-foreground:var(--danger-on);--input:var(--border-strong)}[dir=ltr]{--dir:1}*{box-sizing:border-box}:root{color-scheme:light}html{font-size:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);background:hsl(var(--canvas));color:hsl(var(--text-primary));-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}[dir=rtl]{font-family:var(--font-arabic),"Inter",system-ui,sans-serif}[dir=rtl] :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-arabic),"Space Grotesk",system-ui,sans-serif}[dir=rtl] :is(.input,.textarea,.btn,button,input,select,textarea){font-family:var(--font-arabic),"Inter",system-ui,sans-serif}:where(button,a,input,textarea,select,[role=button],[role=tab],[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}