.portal-scope{--surface-1:220 50% 97.6%;--surface-2:0 0% 100%;--surface-3:216 22% 91%;--surface-4:0 0% 100%;--app-canvas:220 50% 97.6%;--text-primary:213 52% 11%;--text-muted:213 18% 36%;--text-subtle:213 15% 40%;--text-inverse:0 0% 100%;--border-subtle:214 24% 90%;--border-default:215 22% 86.5%;--border-strong:216 14% 76%;--brand-primary:224 45% 35%;--brand-primary-hover:224 45% 27%;--brand-accent:213 52% 11%;--brand-subtle:225 89% 96%;--brand-subtle-edge:225 70% 90%;--brand-secondary:123 18% 38%;--brand-secondary-hover:123 20% 30%;--brand-secondary-soft:123 25% 82%;--primary:224 45% 35%;--ring:224 45% 35%;--banner-bg:130 30% 96.1%;--banner-border:124 27% 89.2%;--banner-progress-track:127 45% 88%;--banner-progress-fill:140 45% 33%;--accent-orange-solid:37.4 91.3% 54.9%;--accent-orange-subtle:33.9 100% 95.5%;--accent-orange-edge:36.7 90% 80.4%;--accent-orange-fg:33 92% 31%;--accent-violet-solid:256 60% 62%;--accent-violet-subtle:256 100% 96%;--accent-violet-edge:256 70% 86%;--accent-violet-fg:256 42% 40%;--accent-violet-badge:258 51% 56%;--state-info-subtle:189 45% 85%;--state-info-solid:189 42% 32%;--state-info-fg:190 45% 20%;--state-success-subtle:127 89% 96%;--state-success-solid:123 15% 53%;--state-success-fg:125 22% 28%;--state-warning-subtle:123 40% 91%;--state-warning-solid:123 18% 45%;--state-warning-fg:125 22% 28%;--skill-near-solid:68 50% 41%;--skill-amber-solid:40 55% 50%;--state-danger-subtle:213 30% 92%;--state-danger-solid:213 60% 14%;--state-danger-fg:0 0% 100%;--focus-ring:224 45% 35%;--shadow-xs:0 1px 2px 0 rgba(13,23,41,.04);--shadow-sm:0 1px 3px 0 rgba(13,23,41,.06),0 1px 2px -1px rgba(13,23,41,.05);--shadow-md:0 4px 6px -1px rgba(13,23,41,.08),0 2px 4px -2px rgba(13,23,41,.05);--shadow-lg:0 10px 15px -3px rgba(13,23,41,.1),0 4px 6px -4px rgba(13,23,41,.05);--shadow-overlay:0 24px 48px -12px rgba(13,23,41,.18);--app-bg:hsl(var(--surface-2));--app-bg-canvas:hsl(var(--surface-1));--app-bg-elevated:hsl(var(--surface-2));--app-border:hsl(var(--border-default));--app-border-strong:hsl(var(--border-strong));--app-text:hsl(var(--text-primary));--app-text-muted:hsl(var(--text-muted));--app-text-subtle:hsl(var(--text-subtle));--app-primary:hsl(var(--brand-primary));--app-primary-hover:hsl(var(--brand-primary-hover));--app-accent:hsl(var(--brand-accent));--app-danger:hsl(var(--state-danger-solid));--app-warning:hsl(var(--state-warning-solid));--app-success:hsl(var(--state-success-solid));background:hsl(var(--surface-1));color:hsl(var(--text-primary));font-family:var(--font-plex-arabic),system-ui,sans-serif;font-variant-numeric:proportional-nums lining-nums}.portal-scope .font-arabic,.portal-scope .font-bilingual-display,.portal-scope .font-display,.portal-scope .font-plex,.portal-scope .font-plex-ar,.portal-scope .font-sans,html[dir=rtl] .portal-scope{font-family:var(--font-plex-arabic),system-ui,sans-serif}.dark .portal-scope,.portal-scope.dark{--surface-1:214 60% 5%;--surface-2:214 34% 13%;--surface-3:214 22% 17%;--surface-4:214 32% 15%;--app-canvas:220 6% 11%;--text-primary:213 15% 96%;--text-muted:213 12% 72%;--text-subtle:213 10% 56%;--text-inverse:213 52% 11%;--border-subtle:214 24% 22%;--border-default:214 22% 30%;--border-strong:214 20% 38%;--brand-primary:224 65% 70%;--brand-primary-hover:224 65% 78%;--brand-accent:213 15% 96%;--brand-subtle:224 35% 18%;--brand-subtle-edge:224 30% 30%;--brand-secondary:123 22% 55%;--brand-secondary-hover:123 22% 63%;--brand-secondary-soft:123 18% 24%;--primary:224 65% 70%;--ring:224 65% 70%;--banner-bg:125 20% 13%;--banner-border:125 22% 30%;--banner-progress-track:125 20% 25%;--banner-progress-fill:140 45% 55%;--accent-orange-solid:37 80% 58%;--accent-orange-subtle:35 30% 15%;--accent-orange-edge:35 45% 30%;--accent-orange-fg:37 85% 72%;--accent-violet-solid:256 65% 72%;--accent-violet-subtle:256 26% 17%;--accent-violet-edge:256 30% 33%;--accent-violet-fg:256 85% 83%;--accent-violet-badge:256 53% 59%;--state-info-subtle:189 30% 17%;--state-info-solid:189 35% 62%;--state-info-fg:189 25% 90%;--state-success-subtle:125 18% 15%;--state-success-solid:123 22% 62%;--state-success-fg:123 30% 78%;--state-warning-subtle:123 20% 18%;--state-warning-solid:123 25% 55%;--state-warning-fg:123 30% 80%;--skill-near-solid:66 46% 60%;--skill-amber-solid:40 58% 62%;--state-danger-subtle:213 25% 22%;--state-danger-solid:213 15% 96%;--state-danger-fg:213 52% 8%;--focus-ring:224 65% 70%;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.4);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.5),0 1px 2px -1px rgba(0,0,0,.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,.55),0 2px 4px -2px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.6),0 4px 6px -4px rgba(0,0,0,.45);--shadow-overlay:0 24px 48px -12px rgba(0,0,0,.65)}.portal-scope h1{font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.01em}.portal-scope h2{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.005em}.portal-scope h3{font-size:17px;line-height:24px;font-weight:600}.portal-scope p{font-size:14px;line-height:20px}.portal-scope .text-xs{line-height:1.5}html[dir=rtl] .portal-scope :is(.tracking-tight,.tracking-tighter,.tracking-normal,.tracking-wide,.tracking-wider,.tracking-widest,[class*="tracking-["]),html[dir=rtl] .portal-scope h1,html[dir=rtl] .portal-scope h2{letter-spacing:0}.portal-scope .card{background:hsl(var(--surface-2));border:1px solid hsl(var(--border-subtle));border-radius:16px;padding:16px;box-shadow:var(--shadow-xs)}.portal-scope [data-slot=button]{border-radius:9999px}.surface{background:hsl(var(--surface-2))}.surface-subtle{background:hsl(var(--surface-3))}.surface-canvas{background:hsl(var(--surface-1))}.surface-overlay{background:hsl(var(--surface-4));box-shadow:var(--shadow-overlay)}.elevated{box-shadow:var(--shadow-md)}.divider{background:hsl(var(--border-subtle))}.portal-scope .canvas-soft{background:hsl(var(--surface-1))}.portal-scope .wash-brand{background:#eef4ff;border-color:#dce7fa}.portal-scope .wash-success{background:#eef8f1;border-color:#d9ede0}.portal-scope .wash-info{background:color-mix(in srgb,hsl(var(--state-info-solid)) 5%,hsl(var(--surface-2)))}.portal-scope .wash-warning{background:color-mix(in srgb,hsl(var(--state-warning-solid)) 8%,hsl(var(--surface-2)))}.portal-scope .wash-neutral{background:hsl(var(--surface-2))}.portal-scope .wash-orange{background:#fff6ea;border-color:#f3e6cd}.portal-scope .wash-violet{background:#f5f1ff;border-color:#e7dffa}.portal-scope .banner-brand{background:hsl(var(--banner-bg))}.portal-scope .banner-frame{border:1px solid hsl(var(--banner-border))}.portal-scope .banner-progress-track{background:hsl(var(--banner-progress-track))}.portal-scope .banner-chevron-chip,.portal-scope .banner-progress-fill{background:hsl(var(--banner-progress-fill))}.portal-scope .banner-chevron-chip{color:#fff}.dark .portal-scope .banner-chevron-chip{color:hsl(var(--banner-bg))}.portal-scope .header-band{background:hsl(var(--surface-2))}.portal-scope .chip-brand{background:hsl(var(--brand-subtle));color:hsl(var(--brand-primary))}.portal-scope .chip-success{background:hsl(var(--state-success-subtle));color:hsl(var(--state-success-fg))}.portal-scope .chip-info{background:hsl(var(--state-info-subtle));color:hsl(var(--state-info-fg))}.portal-scope .chip-warning{background:hsl(var(--state-warning-solid)/.16);color:hsl(var(--state-warning-fg))}.portal-scope .chip-orange{background:hsl(var(--accent-orange-solid)/.16);color:hsl(var(--accent-orange-fg))}.portal-scope .chip-violet{background:hsl(var(--accent-violet-solid)/.14);color:hsl(var(--accent-violet-fg))}.portal-scope .chip-neutral{background:hsl(var(--surface-3));color:hsl(var(--text-muted));box-shadow:inset 0 0 0 1px hsl(var(--border-subtle))}.portal-scope .lift{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.portal-scope .lift:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:hsl(var(--border-default))}.dark .portal-scope .wash-brand{background:color-mix(in srgb,hsl(var(--brand-primary)) 12%,hsl(var(--surface-2)));border-color:hsl(var(--brand-subtle-edge))}.dark .portal-scope .wash-success{background:color-mix(in srgb,hsl(var(--state-success-solid)) 11%,hsl(var(--surface-2)));border-color:#38573a}.dark .portal-scope .wash-info{background:color-mix(in srgb,hsl(var(--state-info-solid)) 11%,hsl(var(--surface-2)))}.dark .portal-scope .wash-warning{background:color-mix(in srgb,hsl(var(--state-warning-solid)) 12%,hsl(var(--surface-2)))}.dark .portal-scope .wash-orange{background:color-mix(in srgb,hsl(var(--accent-orange-solid)) 10%,hsl(var(--surface-2)));border-color:hsl(var(--accent-orange-edge))}.dark .portal-scope .wash-violet{background:color-mix(in srgb,hsl(var(--accent-violet-solid)) 10%,hsl(var(--surface-2)));border-color:hsl(var(--accent-violet-edge))}.dark .portal-scope .canvas-soft{background:hsl(var(--surface-1))}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:4px;background:hsl(var(--surface-3));border:solid hsl(var(--border-default));border-width:1px 1px 2px;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;font-size:11px;font-weight:500;color:hsl(var(--text-muted))}.tabular{font-variant-numeric:tabular-nums lining-nums}.portal-scope input[type=checkbox],.portal-scope input[type=radio]{accent-color:hsl(var(--brand-primary))}.portal-scope :focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px;border-radius:4px}.portal-scope .skip-link{position:absolute;inset-inline-start:50%;top:-40px;transform:translateX(-50%);z-index:100;padding:8px 16px;border-radius:6px;background:hsl(var(--brand-primary));color:#fff;font-size:13px;font-weight:500;transition:top .18s ease-out;text-decoration:none}.portal-scope .skip-link:focus,.portal-scope .skip-link:focus-visible{top:8px;outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.portal-scope *,.portal-scope :after,.portal-scope :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}