:root{--c-surface: #ffffff;--c-surface-raised: #f4f6f7;--c-on-surface: #14182b;--c-primary: var(--pf-brand-primary, #2c3a8c);--c-on-primary: var(--pf-brand-on-primary, #ffffff);--c-accent: var(--pf-brand-accent, #e8902a);--c-on-accent: #ffffff;--c-success: #1d6b3a;--c-warning: #8a5a00;--c-danger: #b3261e;--c-muted: #5b617a;--c-border: var(--c-hairline, #e2e8ec);--c-border-strong: #868ca0;--c-neutral-0: #ffffff;--c-neutral-50: #f6f8f9;--c-neutral-100: #eef1f3;--c-neutral-200: #e2e8ec;--c-neutral-300: #cbd4da;--c-neutral-400: #9fadb6;--c-neutral-500: #73828c;--c-neutral-600: #566069;--c-neutral-700: #3d454c;--c-neutral-800: #262c31;--c-neutral-900: #141829;--c-hairline: var(--c-neutral-200);--c-primary-soft: color-mix(in srgb, var(--c-primary) 12%, transparent);--c-accent-soft: color-mix(in srgb, var(--c-accent) 14%, transparent);--c-overlay: rgba(9, 18, 30, .55);--c-focus-ring: color-mix(in srgb, var(--c-primary) 40%, transparent);--grad-brand: linear-gradient(135deg, var(--c-primary) 0%, color-mix(in srgb, var(--c-primary) 70%, var(--c-accent)) 100%);--grad-hero-veil: linear-gradient(180deg, rgba(9, 18, 30, 0) 0%, var(--c-overlay) 100%);--grad-sheen: linear-gradient(120deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0) 40%);--grad-subtle: linear-gradient(180deg, var(--c-surface-raised), var(--c-surface));--grad-signal: radial-gradient(circle at center, color-mix(in srgb, var(--c-accent) 22%, transparent) 0%, transparent 70%);--font-ar: "IBM Plex Sans Arabic", "Noto Kufi Arabic", "Tajawal", "Segoe UI", system-ui, -apple-system, sans-serif;--font-latin: "IBM Plex Sans Arabic", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", "Consolas", monospace;--font-display: "IBM Plex Sans Arabic", "Noto Kufi Arabic", "Tajawal", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.75rem;--fs-2xl: 2.25rem;--fs-3xl: 3rem;--fs-4xl: 3.75rem;--fs-5xl: 4.5rem;--ds-d1: clamp(2.5rem, 6vw, 4.5rem);--ds-d2: clamp(2rem, 4.5vw, 3.25rem);--ds-d3: clamp(1.6rem, 3vw, 2.25rem);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-display: 1.08;--lh-tight: 1.25;--lh-snug: 1.4;--lh-normal: 1.7;--lh-relaxed: 1.85;--ls-tighter: -.02em;--ls-normal: 0;--ls-tight: -.01em;--ls-wide: .02em;--sp-0: 0;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--sp-10: 8rem;--r-none: 0;--r-sm: .25rem;--r-md: .5rem;--r-lg: .875rem;--r-xl: 1.5rem;--r-pill: 999px;--sh-none: none;--sh-xs: 0 1px 2px rgba(13, 27, 42, .06);--sh-sm: 0 2px 6px rgba(13, 27, 42, .08);--sh-md: 0 8px 24px rgba(13, 27, 42, .1);--sh-lg: 0 16px 48px rgba(13, 27, 42, .14);--sh-xl: 0 28px 70px rgba(13, 27, 42, .18);--sh-focus: 0 0 0 3px var(--c-focus-ring);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s;--dur-deliberate: .52s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-entrance: cubic-bezier(.16, 1, .3, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}@media (prefers-color-scheme: dark){:root{--c-surface: #0a0c16;--c-surface-raised: #141829;--c-on-surface: #eef3f1;--c-primary: var(--pf-brand-primary, #8e9bf0);--c-on-primary: var(--pf-brand-on-primary, #0a0c16);--c-accent: var(--pf-brand-accent, #f4a33f);--c-on-accent: #241704;--c-success: #67d28a;--c-warning: #e6c14e;--c-danger: #f3897f;--c-muted: #a6acc0;--c-border: var(--c-hairline, #2a363d);--c-border-strong: #5f6680;--c-neutral-0: #0b0f12;--c-neutral-50: #11161a;--c-neutral-100: #161d22;--c-neutral-200: #1d262c;--c-neutral-300: #2a363d;--c-neutral-400: #3e4c55;--c-neutral-500: #5d6b74;--c-neutral-600: #859399;--c-neutral-700: #aab6bd;--c-neutral-800: #d2dadf;--c-neutral-900: #eef3f5;--c-hairline: var(--c-neutral-300);--c-overlay: rgba(2, 6, 14, .66);--sh-none: none;--sh-xs: 0 1px 2px rgba(0, 0, 0, .4);--sh-sm: 0 2px 6px rgba(0, 0, 0, .45);--sh-md: 0 8px 24px rgba(0, 0, 0, .5);--sh-lg: 0 16px 48px rgba(0, 0, 0, .55);--sh-xl: 0 28px 70px rgba(0, 0, 0, .6);--sh-focus: 0 0 0 3px var(--c-focus-ring)}}:root{--c-surface: #ffffff;--c-surface-raised: #f4f6f7;--c-on-surface: #14182b;--c-primary: var(--pf-brand-primary, #2c3a8c);--c-on-primary: var(--pf-brand-on-primary, #ffffff);--c-accent: var(--pf-brand-accent, #e8902a);--c-on-accent: var(--pf-brand-on-accent, #ffffff);--c-success: #1d6b3a;--c-warning: #8a5a00;--c-danger: #b3261e;--c-muted: #5b617a;--c-border: #e2e8ec;--c-border-strong: #868ca0;--c-neutral-0: #ffffff;--c-neutral-50: #f6f8f9;--c-neutral-100: #eef1f3;--c-neutral-200: #e2e8ec;--c-neutral-300: #cbd4da;--c-neutral-400: #9fadb6;--c-neutral-500: #73828c;--c-neutral-600: #566069;--c-neutral-700: #3d454c;--c-neutral-800: #262c31;--c-neutral-900: #141829;--c-hairline: var(--c-neutral-200);--c-primary-soft: color-mix(in srgb, var(--c-primary) 12%, transparent);--c-accent-soft: color-mix(in srgb, var(--c-accent) 14%, transparent);--c-overlay: rgba(9, 18, 30, .55);--c-focus-ring: color-mix(in srgb, var(--c-primary) 40%, transparent);--grad-brand: linear-gradient(135deg, var(--c-primary) 0%, color-mix(in srgb, var(--c-primary) 70%, var(--c-accent)) 100%);--grad-hero-veil: linear-gradient(180deg, rgba(9, 18, 30, 0) 0%, var(--c-overlay) 100%);--grad-sheen: linear-gradient(120deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0) 40%);--grad-subtle: linear-gradient(180deg, var(--c-surface-raised), var(--c-surface));--font-ar: "IBM Plex Sans Arabic", "Noto Kufi Arabic", "Tajawal", "Segoe UI", system-ui, -apple-system, sans-serif;--font-latin: "IBM Plex Sans Arabic", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", "Consolas", monospace;--font-display: var(--font-ar);--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.75rem;--fs-2xl: 2.25rem;--fs-3xl: 3rem;--fs-4xl: 3.75rem;--fs-5xl: 4.5rem;--ds-d1: clamp(2.5rem, 6vw, 4.5rem);--ds-d2: clamp(2rem, 4.5vw, 3.25rem);--ds-d3: clamp(1.6rem, 3vw, 2.25rem);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-display: 1.08;--lh-tight: 1.25;--lh-snug: 1.4;--lh-normal: 1.7;--lh-relaxed: 1.85;--ls-tighter: -.02em;--ls-tight: -.01em;--ls-normal: 0;--ls-wide: .02em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--sp-10: 8rem;--r-none: 0;--r-sm: .25rem;--r-md: .5rem;--r-lg: .875rem;--r-xl: 1.5rem;--r-pill: 999px;--sh-xs: 0 1px 2px rgba(13, 27, 42, .06);--sh-sm: 0 2px 6px rgba(13, 27, 42, .08);--sh-md: 0 8px 24px rgba(13, 27, 42, .1);--sh-lg: 0 16px 48px rgba(13, 27, 42, .14);--sh-xl: 0 28px 70px rgba(13, 27, 42, .18);--sh-focus: 0 0 0 3px var(--c-focus-ring);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s;--dur-deliberate: .52s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-entrance: cubic-bezier(.16, 1, .3, 1);--nav-width: 16rem;--topbar-height: 3.5rem;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}:root{--pf-dk-surface: #0a0c16;--pf-dk-surface-raised: #141829;--pf-dk-on-surface: #eef3f1;--pf-dk-success: #67d28a;--pf-dk-warning: #e6c14e;--pf-dk-danger: #f3897f;--pf-dk-muted: #a6acc0;--pf-dk-border: #2a363d;--pf-dk-border-strong: #5f6680;--pf-dk-neutral-0: #0b0f12;--pf-dk-neutral-50: #11161a;--pf-dk-neutral-100: #161d22;--pf-dk-neutral-200: #1d262c;--pf-dk-neutral-300: #2a363d;--pf-dk-neutral-400: #3e4c55;--pf-dk-neutral-500: #5d6b74;--pf-dk-neutral-600: #859399;--pf-dk-neutral-700: #aab6bd;--pf-dk-neutral-800: #d2dadf;--pf-dk-neutral-900: #eef3f5;--pf-dk-overlay: rgba(2, 6, 14, .66);--pf-dk-sh-xs: 0 1px 2px rgba(0, 0, 0, .4);--pf-dk-sh-sm: 0 2px 6px rgba(0, 0, 0, .45);--pf-dk-sh-md: 0 8px 24px rgba(0, 0, 0, .5);--pf-dk-sh-lg: 0 16px 48px rgba(0, 0, 0, .55);--pf-dk-sh-xl: 0 28px 70px rgba(0, 0, 0, .6)}.pf-scheme-dark{--c-surface: var(--pf-dk-surface);--c-surface-raised: var(--pf-dk-surface-raised);--c-on-surface: var(--pf-dk-on-surface);--c-success: var(--pf-dk-success);--c-warning: var(--pf-dk-warning);--c-danger: var(--pf-dk-danger);--c-muted: var(--pf-dk-muted);--c-border: var(--pf-dk-border);--c-border-strong: var(--pf-dk-border-strong);--c-neutral-0: var(--pf-dk-neutral-0);--c-neutral-50: var(--pf-dk-neutral-50);--c-neutral-100: var(--pf-dk-neutral-100);--c-neutral-200: var(--pf-dk-neutral-200);--c-neutral-300: var(--pf-dk-neutral-300);--c-neutral-400: var(--pf-dk-neutral-400);--c-neutral-500: var(--pf-dk-neutral-500);--c-neutral-600: var(--pf-dk-neutral-600);--c-neutral-700: var(--pf-dk-neutral-700);--c-neutral-800: var(--pf-dk-neutral-800);--c-neutral-900: var(--pf-dk-neutral-900);--c-hairline: var(--c-neutral-300);--c-overlay: var(--pf-dk-overlay);--sh-xs: var(--pf-dk-sh-xs);--sh-sm: var(--pf-dk-sh-sm);--sh-md: var(--pf-dk-sh-md);--sh-lg: var(--pf-dk-sh-lg);--sh-xl: var(--pf-dk-sh-xl);--sh-focus: 0 0 0 3px var(--c-focus-ring)}:root[data-scheme=dark]{--c-surface: var(--pf-dk-surface);--c-surface-raised: var(--pf-dk-surface-raised);--c-on-surface: var(--pf-dk-on-surface);--c-success: var(--pf-dk-success);--c-warning: var(--pf-dk-warning);--c-danger: var(--pf-dk-danger);--c-muted: var(--pf-dk-muted);--c-border: var(--pf-dk-border);--c-border-strong: var(--pf-dk-border-strong);--c-neutral-0: var(--pf-dk-neutral-0);--c-neutral-50: var(--pf-dk-neutral-50);--c-neutral-100: var(--pf-dk-neutral-100);--c-neutral-200: var(--pf-dk-neutral-200);--c-neutral-300: var(--pf-dk-neutral-300);--c-neutral-400: var(--pf-dk-neutral-400);--c-neutral-500: var(--pf-dk-neutral-500);--c-neutral-600: var(--pf-dk-neutral-600);--c-neutral-700: var(--pf-dk-neutral-700);--c-neutral-800: var(--pf-dk-neutral-800);--c-neutral-900: var(--pf-dk-neutral-900);--c-hairline: var(--c-neutral-300);--c-overlay: var(--pf-dk-overlay);--sh-xs: var(--pf-dk-sh-xs);--sh-sm: var(--pf-dk-sh-sm);--sh-md: var(--pf-dk-sh-md);--sh-lg: var(--pf-dk-sh-lg);--sh-xl: var(--pf-dk-sh-xl);--sh-focus: 0 0 0 3px var(--c-focus-ring)}@media (prefers-color-scheme: dark){:root:not([data-scheme=light]):not([data-scheme=dark]){--c-surface: var(--pf-dk-surface);--c-surface-raised: var(--pf-dk-surface-raised);--c-on-surface: var(--pf-dk-on-surface);--c-success: var(--pf-dk-success);--c-warning: var(--pf-dk-warning);--c-danger: var(--pf-dk-danger);--c-muted: var(--pf-dk-muted);--c-border: var(--pf-dk-border);--c-border-strong: var(--pf-dk-border-strong);--c-neutral-0: var(--pf-dk-neutral-0);--c-neutral-50: var(--pf-dk-neutral-50);--c-neutral-100: var(--pf-dk-neutral-100);--c-neutral-200: var(--pf-dk-neutral-200);--c-neutral-300: var(--pf-dk-neutral-300);--c-neutral-400: var(--pf-dk-neutral-400);--c-neutral-500: var(--pf-dk-neutral-500);--c-neutral-600: var(--pf-dk-neutral-600);--c-neutral-700: var(--pf-dk-neutral-700);--c-neutral-800: var(--pf-dk-neutral-800);--c-neutral-900: var(--pf-dk-neutral-900);--c-hairline: var(--c-neutral-300);--c-overlay: var(--pf-dk-overlay);--sh-xs: var(--pf-dk-sh-xs);--sh-sm: var(--pf-dk-sh-sm);--sh-md: var(--pf-dk-sh-md);--sh-lg: var(--pf-dk-sh-lg);--sh-xl: var(--pf-dk-sh-xl);--sh-focus: 0 0 0 3px var(--c-focus-ring)}}*{box-sizing:border-box}html,body{margin:0;height:100%}body.pf-operator-body,#pf-operator-root{height:100%;font-family:var(--font-ar);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--c-on-surface);background:var(--c-surface-raised)}:lang(en),[dir=ltr]{font-family:var(--font-latin)}button{font-family:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{display:grid;grid-template-columns:var(--nav-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"nav topbar" "nav main";height:100vh}.topbar{grid-area:topbar;display:flex;align-items:center;gap:var(--sp-3);padding-inline:var(--sp-5);background:var(--c-surface);border-block-end:1px solid var(--c-border);box-shadow:var(--sh-sm);z-index:var(--z-sticky)}.topbar__brand{font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--c-primary);white-space:nowrap}.topbar__spacer{flex:1}.sidenav{grid-area:nav;background:var(--c-surface);border-inline-end:1px solid var(--c-border);padding:var(--sp-4) var(--sp-3);overflow-y:auto}.sidenav__brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2);margin-block-end:var(--sp-4);min-block-size:44px}.sidenav__brand-name{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--c-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidenav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.sidenav__link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);min-height:44px;border-radius:var(--r-md);color:var(--c-on-surface);text-decoration:none;font-size:var(--fs-sm);font-weight:var(--fw-medium);border:none;background:transparent;cursor:pointer;inline-size:100%;text-align:start;transition:background var(--dur-fast) var(--ease-standard)}.sidenav__link:hover{background:var(--c-surface-raised)}.sidenav__link.is-active{background:var(--c-primary-soft);color:var(--c-primary);font-weight:var(--fw-semibold);box-shadow:inset 3px 0 0 0 var(--c-primary)}[dir=rtl] .sidenav__link.is-active{box-shadow:inset -3px 0 0 0 var(--c-primary)}.sidenav__icon{flex:0 0 auto;inline-size:18px;block-size:18px}.main{grid-area:main;overflow-y:auto;padding:var(--sp-6)}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.sidenav{position:fixed;inset-block:var(--topbar-height) 0;inset-inline-start:0;inline-size:var(--nav-width);transform:translate(0);z-index:var(--z-overlay);box-shadow:var(--sh-lg)}[dir=rtl] .sidenav{transform:translate(100%)}[dir=ltr] .sidenav{transform:translate(-100%)}.sidenav.is-open{transform:translate(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-5);border-radius:var(--r-md);border:1px solid transparent;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),opacity var(--dur-fast)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--c-primary);color:var(--c-on-primary)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--c-primary) 88%,black)}.btn--ghost{background:transparent;color:var(--c-on-surface);border-color:var(--c-border)}.btn--ghost:hover:not(:disabled){background:var(--c-surface-raised)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:var(--r-md);border:none;background:transparent;color:var(--c-on-surface);cursor:pointer}.icon-btn:hover{background:var(--c-surface-raised)}.field{display:flex;flex-direction:column;gap:var(--sp-2);margin-block-end:var(--sp-4)}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-on-surface)}.input{inline-size:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-on-surface);font-size:var(--fs-base);font-family:inherit}.input:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px;border-color:var(--c-primary)}.checkbox-row{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:var(--sp-5)}.card__title{margin:0 0 var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-muted)}.card__metric{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--c-on-surface)}.card__sub{margin-block-start:var(--sp-2);font-size:var(--fs-sm);color:var(--c-muted)}.card--hero{grid-column:1 / -1;background:linear-gradient(135deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 70%,var(--c-accent)));color:var(--c-on-primary);border:none}.card--hero .card__title,.card--hero .card__sub{color:color-mix(in srgb,var(--c-on-primary) 82%,transparent)}.card--hero .card__metric{color:var(--c-on-primary);font-size:var(--fs-3xl)}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1.4}.chip--neutral{background:var(--c-surface-raised);color:var(--c-muted)}.chip--info{background:color-mix(in srgb,var(--c-primary) 14%,transparent);color:var(--c-primary)}.chip--success{background:color-mix(in srgb,var(--c-success) 16%,transparent);color:var(--c-success)}.chip--warning{background:color-mix(in srgb,var(--c-warning) 18%,transparent);color:var(--c-warning)}.chip--danger{background:color-mix(in srgb,var(--c-danger) 16%,transparent);color:var(--c-danger)}.page-head{margin-block-end:var(--sp-5)}.page-head__title{margin:0;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.page-head__sub{margin:var(--sp-1) 0 0;color:var(--c-muted);font-size:var(--fs-sm)}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-5)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-6);text-align:center;color:var(--c-muted)}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--c-surface-raised) 25%,color-mix(in srgb,var(--c-border) 40%,transparent) 37%,var(--c-surface-raised) 63%);background-size:400% 100%;animation:pf-shimmer 1.4s ease infinite;block-size:1.5rem;inline-size:60%}@keyframes pf-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.spinner{inline-size:28px;block-size:28px;border-radius:50%;border:3px solid var(--c-border);border-top-color:var(--c-primary);animation:pf-spin .9s linear infinite}@keyframes pf-spin{to{transform:rotate(360deg)}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:var(--c-surface-raised)}.login-card{inline-size:100%;max-inline-size:24rem;background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:var(--sp-6)}.login-card__brand{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-primary);text-align:center;margin-block-end:var(--sp-2)}.login-card__heading{margin:0 0 var(--sp-1);font-size:var(--fs-md);font-weight:var(--fw-semibold);text-align:center}.login-card__sub{margin:0 0 var(--sp-5);color:var(--c-muted);font-size:var(--fs-sm);text-align:center}.login-error{background:color-mix(in srgb,var(--c-danger) 12%,transparent);color:var(--c-danger);border-radius:var(--r-md);padding:var(--sp-3);font-size:var(--fs-sm);margin-block-end:var(--sp-4)}.palette-overlay{position:fixed;inset:0;background:#0f171566;display:flex;align-items:flex-start;justify-content:center;padding-block-start:12vh;z-index:var(--z-modal)}.palette{inline-size:100%;max-inline-size:34rem;background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);overflow:hidden}.palette__input{inline-size:100%;border:none;border-block-end:1px solid var(--c-border);padding:var(--sp-4) var(--sp-5);font-size:var(--fs-md);background:var(--c-surface);color:var(--c-on-surface);font-family:inherit}.palette__input:focus-visible{outline:none}.palette__list{list-style:none;margin:0;padding:var(--sp-2);max-block-size:50vh;overflow-y:auto}.palette__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border-radius:var(--r-md);cursor:pointer;font-size:var(--fs-sm)}.palette__item.is-active{background:color-mix(in srgb,var(--c-primary) 12%,transparent);color:var(--c-primary)}.palette__hint{padding:var(--sp-2) var(--sp-5);font-size:var(--fs-xs);color:var(--c-muted);border-block-start:1px solid var(--c-border)}.menu{position:relative}.menu__panel{position:absolute;inset-block-start:calc(100% + 4px);inset-inline-end:0;min-inline-size:12rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-md);padding:var(--sp-2);z-index:var(--z-dropdown)}.menu__item{display:flex;align-items:center;gap:var(--sp-2);inline-size:100%;padding:var(--sp-2) var(--sp-3);border:none;background:transparent;border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);color:var(--c-on-surface);text-align:start}.menu__item:hover{background:var(--c-surface-raised)}.menu__user{padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--c-border);margin-block-end:var(--sp-2)}.menu__user-name{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.menu__user-role{font-size:var(--fs-xs);color:var(--c-muted)}.table{inline-size:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th,.table td{padding:var(--sp-3);text-align:start;border-block-end:1px solid var(--c-border)}.table th{color:var(--c-muted);font-weight:var(--fw-semibold)}.table td.num,.table th.num{text-align:end;font-variant-numeric:tabular-nums}.only-mobile{display:none}@media (max-width: 1024px){.only-mobile{display:inline-flex}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);text-align:center}.empty-cta__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:56px;block-size:56px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--c-primary) 12%,transparent);color:var(--c-primary)}.empty-cta__title{margin:0;font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--c-on-surface)}.empty-cta__hint{margin:0;max-inline-size:28rem;font-size:var(--fs-sm);color:var(--c-muted)}.card--hero .empty-cta__title{color:var(--c-on-primary)}.card--hero .empty-cta__hint{color:color-mix(in srgb,var(--c-on-primary) 82%,transparent)}.card--hero .empty-cta__icon{background:color-mix(in srgb,var(--c-on-primary) 20%,transparent);color:var(--c-on-primary)}.card--hero .empty-cta .btn--primary{background:var(--c-on-primary);color:var(--c-primary)}.onb{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:var(--sp-6) var(--sp-5);background:var(--c-surface-raised);overflow-y:auto}.onb__card{inline-size:100%;max-inline-size:40rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:var(--sp-6)}.onb__topbar{display:flex;align-items:center;gap:var(--sp-3);margin-block-end:var(--sp-5)}.onb__brand{flex:1;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--c-primary)}.onb__progress{display:flex;gap:var(--sp-2);margin-block-end:var(--sp-5)}.onb__progress-step{flex:1;block-size:4px;border-radius:var(--r-pill);background:var(--c-border)}.onb__progress-step.is-done{background:var(--c-primary)}.onb__progress-step.is-current{background:color-mix(in srgb,var(--c-primary) 60%,transparent)}.onb__step-count{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-muted);margin-block-end:var(--sp-2)}.onb__title{margin:0 0 var(--sp-1);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.onb__sub{margin:0 0 var(--sp-5);font-size:var(--fs-sm);color:var(--c-muted)}.onb__body{margin-block-end:var(--sp-6)}.onb__nav{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.onb__nav-spacer{flex:1}.onb__skip{appearance:none;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:var(--fs-sm);color:var(--c-muted);text-decoration:underline;padding:var(--sp-2)}.onb__skip:hover{color:var(--c-on-surface)}.onb__done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding-block:var(--sp-5)}.onb__done-mark{display:inline-flex;align-items:center;justify-content:center;inline-size:64px;block-size:64px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--c-success) 16%,transparent);color:var(--c-success)}:root[data-scheme=light]{color-scheme:light}:root[data-scheme=dark]{color-scheme:dark}.keystone-mark{display:inline-block;flex:0 0 auto;background:var(--grad-brand, var(--c-primary));border-radius:var(--r-lg);clip-path:polygon(38% 0,100% 0,100% 100%,0 100%,0 38%)}[dir=rtl] .keystone-mark{clip-path:polygon(0 0,62% 0,100% 38%,100% 100%,0 100%)}.brand-lockup{display:inline-flex;align-items:center;gap:var(--sp-2);min-block-size:44px}.brand-lockup__name{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--c-on-surface);white-space:nowrap}.chip--live,.chip--paid{background:var(--c-accent);color:var(--c-on-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-on-accent) 24%,transparent);font-weight:var(--fw-semibold)}.chip--live .led{inline-size:8px;block-size:8px;border-radius:var(--r-pill);background:var(--c-on-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c-on-accent) 35%,transparent);animation:pf-led-pulse 2s ease-in-out infinite}@keyframes pf-led-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.pf-lock-in{animation:pf-lock-in var(--dur-deliberate) var(--ease-spring) both}@keyframes pf-lock-in{0%{transform:translateY(8px) scale(.98);opacity:0}60%{transform:translateY(0) scale(1.01);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.pf-confirm{animation:pf-confirm .16s var(--ease-standard) both}@keyframes pf-confirm{0%{transform:scale(.96);opacity:.6}to{transform:scale(1);opacity:1}}.pf-enter{animation:pf-enter var(--dur-slow) var(--ease-entrance) both}@keyframes pf-enter{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.signal-halo{position:relative;isolation:isolate}.signal-halo:before{content:"";position:absolute;inset:-12%;z-index:-1;background:var(--grad-signal, radial-gradient(circle at center, color-mix(in srgb, var(--c-accent) 22%, transparent) 0%, transparent 70%));pointer-events:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;unicode-bidi:isolate;letter-spacing:var(--ls-normal)}:root[data-numerals=arab]{font-feature-settings:"tnum" 1}.topbar__brand,.topbar__health{display:inline-flex;align-items:center}@media (max-width: 720px){.topbar__health,.topbar__search span{display:none}}@media (prefers-reduced-motion: reduce){.chip--live .led{animation:none;opacity:1}.pf-lock-in,.pf-confirm,.pf-enter{animation:none}}