:root{--sng-primitive-color-neutral-0: #ffffff;--sng-primitive-color-neutral-50: #f8f9fb;--sng-primitive-color-neutral-100: #f4f5f7;--sng-primitive-color-neutral-200: #e2e4e9;--sng-primitive-color-neutral-300: #cdd1d8;--sng-primitive-color-neutral-400: #a2a7b0;--sng-primitive-color-neutral-500: #858c97;--sng-primitive-color-neutral-600: #626975;--sng-primitive-color-neutral-700: #454b55;--sng-primitive-color-neutral-800: #28282e;--sng-primitive-color-neutral-850: #1b1b1f;--sng-primitive-color-neutral-875: #17171a;--sng-primitive-color-neutral-900: #111113;--sng-primitive-color-neutral-950: #070708;--sng-primitive-color-neutral-1000: #000000;--sng-primitive-color-brand-50: #fff0f3;--sng-primitive-color-brand-100: #ffdce3;--sng-primitive-color-brand-200: #ffb8c7;--sng-primitive-color-brand-300: #ff8299;--sng-primitive-color-brand-400: #f94a68;--sng-primitive-color-brand-500: #ed0d32;--sng-primitive-color-brand-600: #ca0a2b;--sng-primitive-color-brand-700: #b80c2b;--sng-primitive-color-brand-800: #a90824;--sng-primitive-color-brand-900: #9c0823;--sng-primitive-color-brand-950: #53030f;--sng-primitive-color-success-50: #e8f7f1;--sng-primitive-color-success-100: #cff0e4;--sng-primitive-color-success-200: #96d5bf;--sng-primitive-color-success-500: #47c99c;--sng-primitive-color-success-600: #087b58;--sng-primitive-color-success-800: #245d4b;--sng-primitive-color-success-950: #102a22;--sng-primitive-color-warning-50: #fff5dc;--sng-primitive-color-warning-100: #ffebbd;--sng-primitive-color-warning-200: #e6c578;--sng-primitive-color-warning-500: #efb64f;--sng-primitive-color-warning-700: #9a5b00;--sng-primitive-color-warning-800: #655027;--sng-primitive-color-warning-950: #2e2412;--sng-primitive-color-info-50: #eaf4fc;--sng-primitive-color-info-100: #d4e9f8;--sng-primitive-color-info-200: #9cc8e9;--sng-primitive-color-info-500: #70b6e8;--sng-primitive-color-info-700: #1769aa;--sng-primitive-color-info-800: #295671;--sng-primitive-color-info-950: #102737;--sng-primitive-color-danger-50: #fff0f2;--sng-primitive-color-danger-100: #ffd9df;--sng-primitive-color-danger-200: #ecabb4;--sng-primitive-color-danger-400: #f06a79;--sng-primitive-color-danger-600: #c52035;--sng-primitive-color-danger-700: #b80f2e;--sng-primitive-color-danger-800: #a7192c;--sng-primitive-color-danger-900: #9d0b26;--sng-primitive-color-danger-950: #35151b;--sng-primitive-space-0: 0;--sng-primitive-space-1: .25rem;--sng-primitive-space-2: .5rem;--sng-primitive-space-3: .75rem;--sng-primitive-space-4: 1rem;--sng-primitive-space-5: 1.25rem;--sng-primitive-space-6: 1.5rem;--sng-primitive-space-8: 2rem;--sng-primitive-space-10: 2.5rem;--sng-primitive-space-12: 3rem;--sng-primitive-space-16: 4rem;--sng-primitive-space-20: 5rem;--sng-primitive-space-24: 6rem;--sng-primitive-radius-none: 0;--sng-primitive-radius-sm: .375rem;--sng-primitive-radius-md: .5rem;--sng-primitive-radius-lg: .75rem;--sng-primitive-radius-xl: 1rem;--sng-primitive-radius-full: 9999px;--sng-primitive-border-width-0: 0;--sng-primitive-border-width-1: 1px;--sng-primitive-border-width-2: 2px;--sng-primitive-border-width-3: 3px;--sng-primitive-typography-font-family-sans: Inter, "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sng-primitive-typography-font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sng-primitive-typography-font-size-xs: .75rem;--sng-primitive-typography-font-size-sm: .8125rem;--sng-primitive-typography-font-size-md: .875rem;--sng-primitive-typography-font-size-lg: 1rem;--sng-primitive-typography-font-size-xl: 1.375rem;--sng-primitive-typography-font-size-2xl: 2rem;--sng-primitive-typography-font-size-3xl: 2.5rem;--sng-primitive-typography-font-size-4xl: 3rem;--sng-primitive-typography-font-weight-regular: 400;--sng-primitive-typography-font-weight-medium: 500;--sng-primitive-typography-font-weight-semibold: 600;--sng-primitive-typography-font-weight-bold: 700;--sng-primitive-typography-line-height-none: 1;--sng-primitive-typography-line-height-tight: 1.25;--sng-primitive-typography-line-height-normal: 1.5;--sng-primitive-typography-line-height-relaxed: 1.65;--sng-primitive-typography-letter-spacing-tighter: -.04em;--sng-primitive-typography-letter-spacing-tight: -.02em;--sng-primitive-typography-letter-spacing-normal: 0;--sng-primitive-typography-letter-spacing-wide: .04em;--sng-primitive-shadow-none: none;--sng-primitive-shadow-subtle: 0 1px 2px rgb(17 19 24 / .06);--sng-primitive-shadow-raised: 0 5px 18px rgb(17 19 24 / .08);--sng-primitive-shadow-overlay: 0 18px 48px rgb(17 19 24 / .18);--sng-primitive-breakpoint-sm: 40rem;--sng-primitive-breakpoint-md: 48rem;--sng-primitive-breakpoint-lg: 64rem;--sng-primitive-breakpoint-xl: 80rem;--sng-primitive-breakpoint-2xl: 96rem;--sng-primitive-motion-duration-instant: 0ms;--sng-primitive-motion-duration-fast: .12s;--sng-primitive-motion-duration-normal: .18s;--sng-primitive-motion-duration-slow: .32s;--sng-primitive-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--sng-primitive-motion-easing-emphasized: cubic-bezier(.2, .8, .2, 1);--sng-primitive-z-index-base: 0;--sng-primitive-z-index-sticky: 20;--sng-primitive-z-index-dropdown: 40;--sng-primitive-z-index-overlay: 60;--sng-primitive-z-index-modal: 70;--sng-primitive-z-index-toast: 80;--sng-primitive-sizing-control-sm: 2rem;--sng-primitive-sizing-control-md: 2.5rem;--sng-primitive-sizing-control-lg: 3rem;--sng-primitive-sizing-touch-target: 2.75rem;--sng-primitive-sizing-content-width: 90rem;--sng-primitive-sizing-reading-width: 44rem}:root,[data-theme=light]{color-scheme:light;--sng-color-canvas: var(--sng-primitive-color-neutral-100);--sng-color-background-primary: var(--sng-color-canvas);--sng-color-background-secondary: var(--sng-primitive-color-neutral-50);--sng-color-background-surface: var(--sng-color-surface);--sng-color-background-subtle: var(--sng-color-surface-subtle);--sng-color-surface: var(--sng-primitive-color-neutral-0);--sng-color-surface-raised: var(--sng-primitive-color-neutral-0);--sng-color-surface-subtle: var(--sng-primitive-color-neutral-50);--sng-color-background-elevated: var(--sng-color-surface-raised);--sng-color-surface-overlay: var(--sng-primitive-color-neutral-0);--sng-color-overlay-backdrop: rgb(7 7 8 / .58);--sng-color-border: var(--sng-primitive-color-neutral-200);--sng-color-border-default: var(--sng-color-border);--sng-color-border-subtle: var(--sng-primitive-color-neutral-200);--sng-color-border-strong: var(--sng-primitive-color-neutral-300);--sng-color-text: #111318;--sng-color-text-primary: var(--sng-color-text);--sng-color-text-muted: var(--sng-primitive-color-neutral-600);--sng-color-text-secondary: var(--sng-color-text-muted);--sng-color-text-subtle: var(--sng-primitive-color-neutral-500);--sng-color-text-disabled: var(--sng-primitive-color-neutral-400);--sng-color-text-inverse: var(--sng-primitive-color-neutral-0);--sng-color-brand-mark: var(--sng-primitive-color-brand-500);--sng-color-brand: var(--sng-primitive-color-brand-600);--sng-color-brand-primary: var(--sng-color-brand);--sng-color-brand-text: #ba0927;--sng-color-brand-hover: var(--sng-primitive-color-brand-800);--sng-color-brand-active: var(--sng-primitive-color-brand-900);--sng-color-brand-soft: var(--sng-primitive-color-brand-50);--sng-color-interactive-primary: var(--sng-color-brand);--sng-color-interactive-primary-hover: var(--sng-color-brand-hover);--sng-color-interactive-primary-active: var(--sng-color-brand-active);--sng-color-focus-ring: rgb(202 10 43 / .26);--sng-color-disabled-background: var(--sng-primitive-color-neutral-100);--sng-color-disabled-text: var(--sng-primitive-color-neutral-500);--sng-color-success: var(--sng-primitive-color-success-600);--sng-color-status-success: var(--sng-color-success);--sng-color-success-soft: var(--sng-primitive-color-success-50);--sng-color-success-border: var(--sng-primitive-color-success-200);--sng-color-warning: var(--sng-primitive-color-warning-700);--sng-color-status-warning: var(--sng-color-warning);--sng-color-warning-soft: var(--sng-primitive-color-warning-50);--sng-color-warning-border: var(--sng-primitive-color-warning-200);--sng-color-info: var(--sng-primitive-color-info-700);--sng-color-status-info: var(--sng-color-info);--sng-color-info-soft: var(--sng-primitive-color-info-50);--sng-color-info-border: var(--sng-primitive-color-info-200);--sng-color-danger: var(--sng-primitive-color-danger-600);--sng-color-status-danger: var(--sng-color-danger);--sng-color-danger-fill: var(--sng-primitive-color-danger-600);--sng-color-danger-fill-hover: var(--sng-primitive-color-danger-800);--sng-color-danger-hover: var(--sng-primitive-color-danger-800);--sng-color-danger-soft: var(--sng-primitive-color-danger-50);--sng-color-danger-border: var(--sng-primitive-color-danger-200);--sng-font-sans: var(--sng-primitive-typography-font-family-sans);--sng-font-mono: var(--sng-primitive-typography-font-family-mono);--sng-font-size-xs: var(--sng-primitive-typography-font-size-xs);--sng-font-size-sm: var(--sng-primitive-typography-font-size-sm);--sng-font-size-md: var(--sng-primitive-typography-font-size-md);--sng-font-size-lg: var(--sng-primitive-typography-font-size-lg);--sng-font-size-xl: var(--sng-primitive-typography-font-size-xl);--sng-font-size-2xl: var(--sng-primitive-typography-font-size-2xl);--sng-line-height-tight: var(--sng-primitive-typography-line-height-tight);--sng-line-height-normal: var(--sng-primitive-typography-line-height-normal);--sng-line-height-relaxed: var(--sng-primitive-typography-line-height-relaxed);--sng-font-weight-regular: var(--sng-primitive-typography-font-weight-regular);--sng-font-weight-medium: var(--sng-primitive-typography-font-weight-medium);--sng-font-weight-semibold: var(--sng-primitive-typography-font-weight-semibold);--sng-font-weight-bold: var(--sng-primitive-typography-font-weight-bold);--sng-letter-spacing-tight: var(--sng-primitive-typography-letter-spacing-tight);--sng-letter-spacing-normal: var(--sng-primitive-typography-letter-spacing-normal);--sng-letter-spacing-wide: var(--sng-primitive-typography-letter-spacing-wide);--sng-font-size-display: var(--sng-primitive-typography-font-size-4xl);--sng-line-height-display: var(--sng-primitive-typography-line-height-none);--sng-font-size-heading-1: var(--sng-primitive-typography-font-size-3xl);--sng-line-height-heading-1: var(--sng-primitive-typography-line-height-tight);--sng-font-size-heading-2: var(--sng-primitive-typography-font-size-2xl);--sng-line-height-heading-2: var(--sng-primitive-typography-line-height-tight);--sng-font-size-heading-3: var(--sng-primitive-typography-font-size-xl);--sng-line-height-heading-3: var(--sng-primitive-typography-line-height-tight);--sng-font-size-heading-4: var(--sng-primitive-typography-font-size-lg);--sng-line-height-heading-4: var(--sng-primitive-typography-line-height-tight);--sng-font-size-body-lg: var(--sng-primitive-typography-font-size-lg);--sng-line-height-body-lg: var(--sng-primitive-typography-line-height-normal);--sng-font-size-body: var(--sng-primitive-typography-font-size-md);--sng-line-height-body: var(--sng-primitive-typography-line-height-normal);--sng-font-size-body-sm: var(--sng-primitive-typography-font-size-sm);--sng-line-height-body-sm: var(--sng-primitive-typography-line-height-normal);--sng-font-size-label: var(--sng-primitive-typography-font-size-sm);--sng-line-height-label: var(--sng-primitive-typography-line-height-tight);--sng-font-size-caption: var(--sng-primitive-typography-font-size-xs);--sng-line-height-caption: var(--sng-primitive-typography-line-height-normal);--sng-font-size-code: var(--sng-primitive-typography-font-size-sm);--sng-line-height-code: var(--sng-primitive-typography-line-height-normal);--sng-font-size-title-sm: var(--sng-font-size-heading-4);--sng-line-height-title-sm: var(--sng-line-height-heading-4);--sng-font-size-title: var(--sng-font-size-heading-3);--sng-line-height-title: var(--sng-line-height-heading-3);--sng-font-size-page-title: var(--sng-font-size-heading-2);--sng-line-height-page-title: 1.15;--sng-space-1: var(--sng-primitive-space-1);--sng-space-2: var(--sng-primitive-space-2);--sng-space-3: var(--sng-primitive-space-3);--sng-space-4: var(--sng-primitive-space-4);--sng-space-5: var(--sng-primitive-space-5);--sng-space-6: var(--sng-primitive-space-6);--sng-space-8: var(--sng-primitive-space-8);--sng-space-10: var(--sng-primitive-space-10);--sng-space-12: var(--sng-primitive-space-12);--sng-space-16: var(--sng-primitive-space-16);--sng-space-20: var(--sng-primitive-space-20);--sng-space-24: var(--sng-primitive-space-24);--sng-radius-sm: var(--sng-primitive-radius-sm);--sng-radius-md: var(--sng-primitive-radius-md);--sng-radius-lg: var(--sng-primitive-radius-lg);--sng-radius-xl: var(--sng-primitive-radius-xl);--sng-radius-full: var(--sng-primitive-radius-full);--sng-border-width-default: var(--sng-primitive-border-width-1);--sng-border-width-strong: var(--sng-primitive-border-width-2);--sng-shadow-1: var(--sng-primitive-shadow-subtle);--sng-shadow-2: var(--sng-primitive-shadow-raised);--sng-shadow-overlay: var(--sng-primitive-shadow-overlay);--sng-control-height-sm: var(--sng-primitive-sizing-control-sm);--sng-control-height-md: var(--sng-primitive-sizing-control-md);--sng-control-height-lg: var(--sng-primitive-sizing-control-lg);--sng-touch-target: var(--sng-primitive-sizing-touch-target);--sng-content-width: var(--sng-primitive-sizing-content-width);--sng-reading-width: var(--sng-primitive-sizing-reading-width);--sng-duration-fast: var(--sng-primitive-motion-duration-fast);--sng-duration-normal: var(--sng-primitive-motion-duration-normal);--sng-duration-slow: var(--sng-primitive-motion-duration-slow);--sng-ease-standard: var(--sng-primitive-motion-easing-standard);--sng-ease-emphasized: var(--sng-primitive-motion-easing-emphasized);--sng-z-sticky: var(--sng-primitive-z-index-sticky);--sng-z-dropdown: var(--sng-primitive-z-index-dropdown);--sng-z-overlay: var(--sng-primitive-z-index-overlay);--sng-z-modal: var(--sng-primitive-z-index-modal);--sng-z-toast: var(--sng-primitive-z-index-toast)}:root[data-theme=dark],[data-theme=dark],:root.dark,.dark{color-scheme:dark;--sng-color-canvas: var(--sng-primitive-color-neutral-950);--sng-color-background-primary: var(--sng-color-canvas);--sng-color-background-secondary: var(--sng-primitive-color-neutral-850);--sng-color-background-surface: var(--sng-color-surface);--sng-color-background-subtle: var(--sng-color-surface-subtle);--sng-color-surface: var(--sng-primitive-color-neutral-900);--sng-color-surface-raised: var(--sng-primitive-color-neutral-875);--sng-color-surface-subtle: var(--sng-primitive-color-neutral-850);--sng-color-background-elevated: var(--sng-color-surface-raised);--sng-color-surface-overlay: var(--sng-primitive-color-neutral-875);--sng-color-overlay-backdrop: rgb(0 0 0 / .72);--sng-color-border: var(--sng-primitive-color-neutral-800);--sng-color-border-default: var(--sng-color-border);--sng-color-border-subtle: var(--sng-primitive-color-neutral-800);--sng-color-border-strong: #393941;--sng-color-text: #ededf0;--sng-color-text-primary: var(--sng-color-text);--sng-color-text-muted: #a2a2aa;--sng-color-text-secondary: var(--sng-color-text-muted);--sng-color-text-subtle: #777780;--sng-color-text-disabled: #62626b;--sng-color-text-inverse: var(--sng-primitive-color-neutral-0);--sng-color-brand-mark: var(--sng-primitive-color-brand-500);--sng-color-brand: var(--sng-primitive-color-brand-700);--sng-color-brand-primary: var(--sng-color-brand);--sng-color-brand-text: #ff6b83;--sng-color-brand-hover: var(--sng-primitive-color-brand-900);--sng-color-brand-active: var(--sng-primitive-color-brand-950);--sng-color-brand-soft: #321018;--sng-color-interactive-primary: var(--sng-color-brand);--sng-color-interactive-primary-hover: var(--sng-color-brand-hover);--sng-color-interactive-primary-active: var(--sng-color-brand-active);--sng-color-focus-ring: rgb(237 13 50 / .34);--sng-color-disabled-background: var(--sng-primitive-color-neutral-850);--sng-color-disabled-text: #777780;--sng-color-success: var(--sng-primitive-color-success-500);--sng-color-status-success: var(--sng-color-success);--sng-color-success-soft: var(--sng-primitive-color-success-950);--sng-color-success-border: var(--sng-primitive-color-success-800);--sng-color-warning: var(--sng-primitive-color-warning-500);--sng-color-status-warning: var(--sng-color-warning);--sng-color-warning-soft: var(--sng-primitive-color-warning-950);--sng-color-warning-border: var(--sng-primitive-color-warning-800);--sng-color-info: var(--sng-primitive-color-info-500);--sng-color-status-info: var(--sng-color-info);--sng-color-info-soft: var(--sng-primitive-color-info-950);--sng-color-info-border: var(--sng-primitive-color-info-800);--sng-color-danger: var(--sng-primitive-color-danger-400);--sng-color-status-danger: var(--sng-color-danger);--sng-color-danger-fill: var(--sng-primitive-color-danger-700);--sng-color-danger-fill-hover: var(--sng-primitive-color-danger-900);--sng-color-danger-hover: var(--sng-primitive-color-danger-900);--sng-color-danger-soft: var(--sng-primitive-color-danger-950);--sng-color-danger-border: #6c2b35;--sng-shadow-1: 0 1px 2px rgb(0 0 0 / .3);--sng-shadow-2: 0 7px 22px rgb(0 0 0 / .38);--sng-shadow-overlay: 0 20px 56px rgb(0 0 0 / .6)}@media(prefers-reduced-motion:reduce){:root{--sng-duration-fast: .01ms;--sng-duration-normal: .01ms;--sng-duration-slow: .01ms}}:root{--sng-component-button-height-sm: var(--sng-control-height-sm);--sng-component-button-height-md: var(--sng-control-height-md);--sng-component-button-height-lg: var(--sng-control-height-lg);--sng-component-button-radius: var(--sng-radius-md);--sng-component-button-gap: var(--sng-space-2);--sng-component-button-font-size: var(--sng-font-size-body);--sng-component-button-font-weight: var(--sng-font-weight-semibold);--sng-component-button-primary-background: var(--sng-color-interactive-primary);--sng-component-button-primary-background-hover: var(--sng-color-interactive-primary-hover);--sng-component-button-primary-background-active: var(--sng-color-interactive-primary-active);--sng-component-button-primary-text: var(--sng-color-text-inverse);--sng-component-field-height-sm: var(--sng-control-height-sm);--sng-component-field-height-md: var(--sng-control-height-md);--sng-component-field-height-lg: var(--sng-control-height-lg);--sng-component-field-radius: var(--sng-radius-md);--sng-component-field-padding-inline: var(--sng-space-4);--sng-component-field-background: var(--sng-color-surface);--sng-component-field-border: var(--sng-color-border-strong);--sng-component-field-border-hover: var(--sng-color-text-subtle);--sng-component-field-border-focus: var(--sng-color-brand);--sng-component-field-text: var(--sng-color-text);--sng-component-field-placeholder: var(--sng-color-text-subtle);--sng-component-card-radius: var(--sng-radius-lg);--sng-component-card-padding-sm: var(--sng-space-4);--sng-component-card-padding-md: var(--sng-space-6);--sng-component-card-padding-lg: var(--sng-space-8);--sng-component-card-background: var(--sng-color-surface);--sng-component-card-border: var(--sng-color-border);--sng-component-card-shadow-raised: var(--sng-shadow-2);--sng-component-badge-radius: var(--sng-radius-full);--sng-component-badge-padding-inline: var(--sng-space-2);--sng-component-badge-font-size: var(--sng-font-size-caption);--sng-component-badge-font-weight: var(--sng-font-weight-semibold);--sng-component-alert-radius: var(--sng-radius-md);--sng-component-alert-padding: var(--sng-space-4);--sng-component-alert-gap: var(--sng-space-3);--sng-component-alert-accent-width: var(--sng-primitive-border-width-3);--sng-component-overlay-radius: var(--sng-radius-lg);--sng-component-overlay-background: var(--sng-color-surface-overlay);--sng-component-overlay-border: var(--sng-color-border);--sng-component-overlay-shadow: var(--sng-shadow-overlay);--sng-component-overlay-backdrop: var(--sng-color-overlay-backdrop);--sng-component-tabs-height: var(--sng-control-height-md);--sng-component-tabs-gap: var(--sng-space-1);--sng-component-tabs-indicator: var(--sng-color-brand);--sng-component-tooltip-radius: var(--sng-radius-md);--sng-component-tooltip-padding-block: var(--sng-space-2);--sng-component-tooltip-padding-inline: var(--sng-space-3);--sng-component-tooltip-background: var(--sng-primitive-color-neutral-900);--sng-component-tooltip-text: var(--sng-primitive-color-neutral-0);--sng-component-resource-meter-height: .375rem;--sng-component-resource-meter-track: var(--sng-color-surface-subtle);--sng-component-resource-meter-healthy: var(--sng-color-success);--sng-component-resource-meter-warning: var(--sng-color-warning);--sng-component-resource-meter-critical: var(--sng-color-danger);--sng-component-page-max-width: var(--sng-content-width);--sng-component-page-gutter-sm: var(--sng-space-4);--sng-component-page-gutter-md: var(--sng-space-6);--sng-component-page-section-gap: var(--sng-space-6);--sng-component-shell-sidebar-width: 17rem;--sng-component-shell-topbar-height: 4rem;--background-hsl: 220 16% 96%;--foreground-hsl: 224 17% 8%;--surface-hsl: 0 0% 100%;--surface-alt-hsl: 220 18% 98%;--border-hsl: 220 11% 90%;--muted-hsl: 220 18% 98%;--muted-foreground-hsl: 220 9% 42%;--primary-hsl: 347 91% 42%;--primary-soft-hsl: 347 100% 97%;--primary-soft-foreground-hsl: 347 91% 36%;--page: var(--sng-color-canvas);--white: var(--sng-color-surface);--surface: var(--sng-color-surface);--surface-alt: var(--sng-color-surface-subtle);--surface-hover: var(--sng-color-surface-subtle);--ink: var(--sng-color-text);--ink2: var(--sng-color-text-muted);--ink3: var(--sng-color-text-subtle);--text-main: var(--sng-color-text);--text-muted: var(--sng-color-text-muted);--border: var(--sng-color-border);--border-strong: var(--sng-color-border-strong);--primary: var(--sng-color-brand);--red: var(--sng-color-brand);--red-hover: var(--sng-color-brand-hover);--red-soft: var(--sng-color-brand-soft);--red-subtle: var(--sng-color-focus-ring);--red-soft-foreground: var(--sng-color-brand-text);--sidebar-bg: var(--sng-color-surface);--sidebar-active: var(--sng-color-brand-soft);--sidebar-hover: var(--sng-color-surface-subtle);--input-bg: var(--sng-color-surface);--input-border: var(--sng-color-border-strong);--todo-card-bg: var(--sng-color-surface);--todo-card-border: var(--sng-color-border);--green: var(--sng-color-success);--green-soft: var(--sng-color-success-soft);--amber: var(--sng-color-warning);--amber-soft: var(--sng-color-warning-soft);--blue: var(--sng-color-info);--blue-soft: var(--sng-color-info-soft);--danger: var(--sng-color-danger)}:root[data-theme=dark],[data-theme=dark],:root.dark,.dark{--background-hsl: 240 7% 3%;--foreground-hsl: 240 9% 93%;--surface-hsl: 240 6% 7%;--surface-alt-hsl: 240 7% 11%;--border-hsl: 240 7% 17%;--muted-hsl: 240 7% 11%;--muted-foreground-hsl: 240 4% 64%;--primary-hsl: 347 82% 47%;--primary-soft-hsl: 347 52% 13%;--primary-soft-foreground-hsl: 347 84% 72%}html,body,#root{min-height:100%}body{margin:0;background:var(--sng-color-canvas);color:var(--sng-color-text);font-family:var(--sng-font-sans);font-size:var(--sng-font-size-body);line-height:var(--sng-line-height-body);transition:background-color var(--sng-duration-normal) var(--sng-ease-standard),color var(--sng-duration-normal) var(--sng-ease-standard)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline-color:var(--sng-color-brand)}.page-shell{min-height:100vh;background:var(--sng-color-canvas);transition:background-color var(--sng-duration-normal) var(--sng-ease-standard)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--sng-font-sans),Inter,"Noto Sans Arabic","Segoe UI",sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--sng-font-mono),"SFMono-Regular",Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-sng-4{left:var(--sng-space-4);right:var(--sng-space-4)}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-sng-4{bottom:var(--sng-space-4)}.end-0{inset-inline-end:0px}.end-1{inset-inline-end:.25rem}.end-2{inset-inline-end:.5rem}.end-3{inset-inline-end:.75rem}.left-1\/2{left:50%}.start-0{inset-inline-start:0px}.start-1{inset-inline-start:.25rem}.start-3{inset-inline-start:.75rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.z-dropdown{z-index:var(--sng-z-dropdown)}.z-modal{z-index:var(--sng-z-modal)}.z-overlay{z-index:var(--sng-z-overlay)}.z-sticky{z-index:var(--sng-z-sticky)}.z-toast{z-index:var(--sng-z-toast)}.m-0{margin:0}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-sng-2{margin-bottom:var(--sng-space-2)}.mb-sng-3{margin-bottom:var(--sng-space-3)}.ms-1{margin-inline-start:.25rem}.ms-2{margin-inline-start:.5rem}.ms-auto{margin-inline-start:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-auto{margin-top:auto}.mt-sng-2{margin-top:var(--sng-space-2)}.mt-sng-3{margin-top:var(--sng-space-3)}.mt-sng-6{margin-top:var(--sng-space-6)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[var\(--sng-control-height-lg\)\]{height:var(--sng-control-height-lg)}.h-\[var\(--sng-control-height-md\)\]{height:var(--sng-control-height-md)}.h-\[var\(--sng-control-height-sm\)\]{height:var(--sng-control-height-sm)}.h-full{height:100%}.h-px{height:1px}.h-sng-control-sm{height:var(--sng-control-height-sm)}.max-h-\[85vh\]{max-height:85vh}.max-h-\[min\(88vh\,48rem\)\]{max-height:min(88vh,48rem)}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-16{min-height:4rem}.min-h-28{min-height:7rem}.min-h-5{min-height:1.25rem}.min-h-6{min-height:1.5rem}.min-h-9{min-height:2.25rem}.min-h-\[var\(--sng-component-shell-topbar-height\)\]{min-height:var(--sng-component-shell-topbar-height)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[calc\(100\%_-_2rem\)\]{width:calc(100% - 2rem)}.w-\[min\(90vw\,26rem\)\]{width:min(90vw,26rem)}.w-\[var\(--sng-component-shell-sidebar-width\)\]{width:var(--sng-component-shell-sidebar-width)}.w-\[var\(--sng-control-height-lg\)\]{width:var(--sng-control-height-lg)}.w-\[var\(--sng-control-height-md\)\]{width:var(--sng-control-height-md)}.w-\[var\(--sng-control-height-sm\)\]{width:var(--sng-control-height-sm)}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-44{min-width:11rem}.min-w-48{min-width:12rem}.min-w-8{min-width:2rem}.max-w-3xl{max-width:48rem}.max-w-64{max-width:16rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sng-content{max-width:var(--sng-content-width)}.max-w-sng-reading{max-width:var(--sng-reading-width)}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:left}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-20{--tw-translate-y: -5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-sng-4{gap:var(--sng-space-4)}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-sng-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--sng-space-4) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--sng-space-4) * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[var\(--sng-color-border\)\]>:not([hidden])~:not([hidden]){border-color:var(--sng-color-border)}.divide-sng-border>:not([hidden])~:not([hidden]){border-color:var(--sng-color-border)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-\[var\(--sng-radius-full\)\]{border-radius:var(--sng-radius-full)}.rounded-\[var\(--sng-radius-lg\)\]{border-radius:var(--sng-radius-lg)}.rounded-\[var\(--sng-radius-md\)\]{border-radius:var(--sng-radius-md)}.rounded-\[var\(--sng-radius-sm\)\]{border-radius:var(--sng-radius-sm)}.rounded-full{border-radius:9999px}.rounded-sng-lg{border-radius:var(--sng-radius-lg)}.rounded-sng-md{border-radius:var(--sng-radius-md)}.rounded-sng-xl{border-radius:var(--sng-radius-xl)}.rounded-t-sng-xl{border-top-left-radius:var(--sng-radius-xl);border-top-right-radius:var(--sng-radius-xl)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-e{border-inline-end-width:1px}.border-s{border-inline-start-width:1px}.border-s-2{border-inline-start-width:2px}.border-t{border-top-width:1px}.border-\[var\(--sng-color-border\)\]{border-color:var(--sng-color-border)}.border-\[var\(--sng-color-border-strong\)\]{border-color:var(--sng-color-border-strong)}.border-current{border-color:currentColor}.border-sng-border{border-color:var(--sng-color-border)}.border-sng-border-strong{border-color:var(--sng-color-border-strong)}.border-sng-danger-border{border-color:var(--sng-color-danger-border)}.border-sng-info-border{border-color:var(--sng-color-info-border)}.border-sng-success-border{border-color:var(--sng-color-success-border)}.border-sng-warning-border{border-color:var(--sng-color-warning-border)}.border-transparent{border-color:transparent}.border-e-transparent{border-inline-end-color:transparent}.border-s-sng-danger{border-inline-start-color:var(--sng-color-danger)}.border-s-sng-info{border-inline-start-color:var(--sng-color-info)}.border-s-sng-success{border-inline-start-color:var(--sng-color-success)}.border-s-sng-warning{border-inline-start-color:var(--sng-color-warning)}.border-t-\[var\(--sng-color-brand\)\]{border-top-color:var(--sng-color-brand)}.bg-\[var\(--sng-color-border-strong\)\]{background-color:var(--sng-color-border-strong)}.bg-\[var\(--sng-color-brand\)\]{background-color:var(--sng-color-brand)}.bg-\[var\(--sng-color-danger\)\]{background-color:var(--sng-color-danger)}.bg-\[var\(--sng-color-danger-fill\)\]{background-color:var(--sng-color-danger-fill)}.bg-\[var\(--sng-color-danger-soft\)\]{background-color:var(--sng-color-danger-soft)}.bg-\[var\(--sng-color-info\)\]{background-color:var(--sng-color-info)}.bg-\[var\(--sng-color-info-soft\)\]{background-color:var(--sng-color-info-soft)}.bg-\[var\(--sng-color-success\)\]{background-color:var(--sng-color-success)}.bg-\[var\(--sng-color-success-soft\)\]{background-color:var(--sng-color-success-soft)}.bg-\[var\(--sng-color-surface\)\]{background-color:var(--sng-color-surface)}.bg-\[var\(--sng-color-surface-raised\)\]{background-color:var(--sng-color-surface-raised)}.bg-\[var\(--sng-color-surface-subtle\)\]{background-color:var(--sng-color-surface-subtle)}.bg-\[var\(--sng-color-text-inverse\)\]{background-color:var(--sng-color-text-inverse)}.bg-\[var\(--sng-color-text-subtle\)\]{background-color:var(--sng-color-text-subtle)}.bg-\[var\(--sng-color-warning\)\]{background-color:var(--sng-color-warning)}.bg-\[var\(--sng-color-warning-soft\)\]{background-color:var(--sng-color-warning-soft)}.bg-\[var\(--sng-component-overlay-backdrop\)\]{background-color:var(--sng-component-overlay-backdrop)}.bg-\[var\(--sng-component-tooltip-background\)\]{background-color:var(--sng-component-tooltip-background)}.bg-sng-border{background-color:var(--sng-color-border)}.bg-sng-border-strong{background-color:var(--sng-color-border-strong)}.bg-sng-brand{background-color:var(--sng-color-brand)}.bg-sng-brand-soft{background-color:var(--sng-color-brand-soft)}.bg-sng-canvas{background-color:var(--sng-color-canvas)}.bg-sng-danger{background-color:var(--sng-color-danger)}.bg-sng-danger-soft{background-color:var(--sng-color-danger-soft)}.bg-sng-info{background-color:var(--sng-color-info)}.bg-sng-info-soft{background-color:var(--sng-color-info-soft)}.bg-sng-success{background-color:var(--sng-color-success)}.bg-sng-success-soft{background-color:var(--sng-color-success-soft)}.bg-sng-surface{background-color:var(--sng-color-surface)}.bg-sng-surface-raised{background-color:var(--sng-color-surface-raised)}.bg-sng-surface-subtle{background-color:var(--sng-color-surface-subtle)}.bg-sng-text-inverse{background-color:var(--sng-color-text-inverse)}.bg-sng-text-muted{background-color:var(--sng-color-text-muted)}.bg-sng-warning{background-color:var(--sng-color-warning)}.bg-sng-warning-soft{background-color:var(--sng-color-warning-soft)}.bg-transparent{background-color:transparent}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.p-sng-4{padding:var(--sng-space-4)}.p-sng-6{padding:var(--sng-space-6)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-sng-4{padding-left:var(--sng-space-4);padding-right:var(--sng-space-4)}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-sng-3{padding-top:var(--sng-space-3);padding-bottom:var(--sng-space-3)}.py-sng-6{padding-top:var(--sng-space-6);padding-bottom:var(--sng-space-6)}.pb-sng-6{padding-bottom:var(--sng-space-6)}.pe-10{padding-inline-end:2.5rem}.pe-11{padding-inline-end:2.75rem}.pe-12{padding-inline-end:3rem}.pe-3{padding-inline-end:.75rem}.ps-10{padding-inline-start:2.5rem}.ps-5{padding-inline-start:1.25rem}.ps-9{padding-inline-start:2.25rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.align-middle{vertical-align:middle}.text-sng-body{font-size:var(--sng-font-size-body);line-height:var(--sng-line-height-body)}.text-sng-body-sm{font-size:var(--sng-font-size-body-sm);line-height:var(--sng-line-height-body-sm)}.text-sng-caption{font-size:var(--sng-font-size-caption);line-height:var(--sng-line-height-caption)}.text-sng-heading-3{font-size:var(--sng-font-size-heading-3);line-height:var(--sng-line-height-heading-3)}.text-sng-page-title{font-size:var(--sng-font-size-page-title);line-height:var(--sng-line-height-page-title)}.text-sng-title{font-size:var(--sng-font-size-title);line-height:var(--sng-line-height-title)}.text-sng-title-sm{font-size:var(--sng-font-size-title-sm);line-height:var(--sng-line-height-title-sm)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[var\(--sng-line-height-normal\)\]{line-height:var(--sng-line-height-normal)}.leading-\[var\(--sng-line-height-relaxed\)\]{line-height:var(--sng-line-height-relaxed)}.leading-\[var\(--sng-line-height-tight\)\]{line-height:var(--sng-line-height-tight)}.leading-none{line-height:1}.tracking-\[-0\.015em\]{letter-spacing:-.015em}.tracking-\[-0\.025em\]{letter-spacing:-.025em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-tight{letter-spacing:-.025em}.text-\[var\(--sng-color-danger\)\]{color:var(--sng-color-danger)}.text-\[var\(--sng-color-info\)\]{color:var(--sng-color-info)}.text-\[var\(--sng-color-success\)\]{color:var(--sng-color-success)}.text-\[var\(--sng-color-text\)\]{color:var(--sng-color-text)}.text-\[var\(--sng-color-text-muted\)\]{color:var(--sng-color-text-muted)}.text-\[var\(--sng-color-text-subtle\)\]{color:var(--sng-color-text-subtle)}.text-\[var\(--sng-color-warning\)\]{color:var(--sng-color-warning)}.text-\[var\(--sng-component-tooltip-text\)\]{color:var(--sng-component-tooltip-text)}.text-\[var\(--sng-font-size-2xl\)\]{color:var(--sng-font-size-2xl)}.text-\[var\(--sng-font-size-lg\)\]{color:var(--sng-font-size-lg)}.text-\[var\(--sng-font-size-md\)\]{color:var(--sng-font-size-md)}.text-\[var\(--sng-font-size-sm\)\]{color:var(--sng-font-size-sm)}.text-\[var\(--sng-font-size-xl\)\]{color:var(--sng-font-size-xl)}.text-\[var\(--sng-font-size-xs\)\]{color:var(--sng-font-size-xs)}.text-sng-brand-text{color:var(--sng-color-brand-text)}.text-sng-danger{color:var(--sng-color-danger)}.text-sng-text{color:var(--sng-color-text)}.text-sng-text-inverse{color:var(--sng-color-text-inverse)}.text-sng-text-muted{color:var(--sng-color-text-muted)}.text-sng-text-subtle{color:var(--sng-color-text-subtle)}.accent-\[var\(--sng-color-brand\)\],.accent-sng-brand{accent-color:var(--sng-color-brand)}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.shadow-sng-overlay{--tw-shadow: var(--sng-shadow-overlay);--tw-shadow-colored: var(--sng-shadow-overlay);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--sng-shadow-1\)\]{--tw-shadow-color: var(--sng-shadow-1);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[var\(--sng-shadow-2\)\]{--tw-shadow-color: var(--sng-shadow-2);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[background-color\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,border-color\,color\,box-shadow\,transform\]{transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-\[var\(--sng-duration-fast\)\]{transition-duration:var(--sng-duration-fast)}.duration-\[var\(--sng-duration-slow\)\]{transition-duration:var(--sng-duration-slow)}.duration-sng-normal{transition-duration:var(--sng-duration-normal)}.duration-sng-slow{transition-duration:var(--sng-duration-slow)}.ease-\[var\(--sng-ease-standard\)\],.ease-sng{transition-timing-function:var(--sng-ease-standard)}html{overflow-y:scroll}body{min-width:320px}::-moz-selection{background:var(--sng-color-brand-soft)}::selection{background:var(--sng-color-brand-soft)}.ops-safe-value{overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:767px){.ops-responsive-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ops-responsive-table tbody,.ops-responsive-table tr,.ops-responsive-table td{display:block;width:100%}.ops-responsive-table tr{padding:var(--sng-space-4)}.ops-responsive-table td{border:0;padding:var(--sng-space-1) 0}.ops-responsive-table td:before{content:attr(data-label);display:block;margin-bottom:.125rem;color:var(--sng-color-text-subtle);font-size:var(--sng-font-size-xs);font-weight:var(--sng-font-weight-semibold);text-transform:uppercase}}.placeholder\:text-\[var\(--sng-color-text-subtle\)\]::-moz-placeholder{color:var(--sng-color-text-subtle)}.placeholder\:text-\[var\(--sng-color-text-subtle\)\]::placeholder{color:var(--sng-color-text-subtle)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-x-0:after{content:var(--tw-content);left:0;right:0}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:h-0\.5:after{content:var(--tw-content);height:.125rem}.after\:origin-center:after{content:var(--tw-content);transform-origin:center}.after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:bg-sng-brand:after{content:var(--tw-content);background-color:var(--sng-color-brand)}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:duration-sng-fast:after{content:var(--tw-content);transition-duration:var(--sng-duration-fast)}.first\:pt-0:first-child{padding-top:0}.last\:border-0:last-child{border-width:0px}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-\[var\(--sng-color-border-strong\)\]:focus-within{border-color:var(--sng-color-border-strong)}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-\[var\(--sng-color-focus-ring\)\]:focus-within{--tw-ring-color: var(--sng-color-focus-ring)}.hover\:border-\[var\(--sng-color-border-strong\)\]:hover{border-color:var(--sng-color-border-strong)}.hover\:border-\[var\(--sng-color-brand-text\)\]:hover{border-color:var(--sng-color-brand-text)}.hover\:border-\[var\(--sng-color-text-subtle\)\]:hover{border-color:var(--sng-color-text-subtle)}.hover\:bg-\[var\(--sng-color-brand-hover\)\]:hover{background-color:var(--sng-color-brand-hover)}.hover\:bg-\[var\(--sng-color-danger-fill-hover\)\]:hover{background-color:var(--sng-color-danger-fill-hover)}.hover\:bg-\[var\(--sng-color-surface-subtle\)\]:hover,.hover\:bg-sng-surface-subtle:hover{background-color:var(--sng-color-surface-subtle)}.hover\:text-\[var\(--sng-color-brand-text\)\]:hover{color:var(--sng-color-brand-text)}.hover\:text-\[var\(--sng-color-text\)\]:hover,.hover\:text-sng-text:hover{color:var(--sng-color-text)}.hover\:shadow-\[var\(--sng-shadow-2\)\]:hover{--tw-shadow-color: var(--sng-shadow-2);--tw-shadow: var(--tw-shadow-colored)}.focus\:translate-y-0:focus{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:border-\[var\(--sng-color-brand\)\]:focus{border-color:var(--sng-color-brand)}.focus\:bg-sng-danger-soft:focus{background-color:var(--sng-color-danger-soft)}.focus\:bg-sng-surface-subtle:focus{background-color:var(--sng-color-surface-subtle)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--sng-color-focus-ring\)\]:focus{--tw-ring-color: var(--sng-color-focus-ring)}.focus-visible\:rounded-sng-md:focus-visible{border-radius:var(--sng-radius-md)}.focus-visible\:rounded-t-sng-md:focus-visible{border-top-left-radius:var(--sng-radius-md);border-top-right-radius:var(--sng-radius-md)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[var\(--sng-color-focus-ring\)\]:focus-visible{--tw-ring-color: var(--sng-color-focus-ring)}.focus-visible\:ring-sng-brand:focus-visible{--tw-ring-color: var(--sng-color-brand)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-\[var\(--sng-color-canvas\)\]:focus-visible{--tw-ring-offset-color: var(--sng-color-canvas)}.active\:translate-y-px:active{--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-\[var\(--sng-color-surface-subtle\)\]:disabled{background-color:var(--sng-color-surface-subtle)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.aria-\[invalid\=true\]\:border-\[var\(--sng-color-danger\)\][aria-invalid=true]{border-color:var(--sng-color-danger)}.aria-\[invalid\=true\]\:ring-2[aria-invalid=true]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.aria-\[invalid\=true\]\:ring-\[var\(--sng-color-danger-soft\)\][aria-invalid=true]{--tw-ring-color: var(--sng-color-danger-soft)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=closed\]\:scale-\[0\.98\][data-state=closed]{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:scale-100[data-state=open]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:bg-sng-surface-subtle[data-state=open]{background-color:var(--sng-color-surface-subtle)}.data-\[state\=active\]\:text-sng-text[data-state=active]{color:var(--sng-color-text)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=closed\]\:opacity-0[data-state=closed]{opacity:0}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=active\]\:after\:scale-x-100[data-state=active]:after{content:var(--tw-content);--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(prefers-reduced-motion:no-preference){@keyframes spin{to{transform:rotate(360deg)}}.motion-safe\:animate-spin{animation:spin 1s linear infinite}}@media(min-width:640px){.sm\:start-auto{inset-inline-start:auto}.sm\:w-96{width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:px-sng-6{padding-left:var(--sng-space-6);padding-right:var(--sng-space-6)}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:p-8{padding:2rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:ps-64{padding-inline-start:16rem}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(18rem\,1fr\)\]{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr)}.lg\:px-sng-8{padding-left:var(--sng-space-8);padding-right:var(--sng-space-8)}.lg\:ps-\[var\(--sng-component-shell-sidebar-width\)\]{padding-inline-start:var(--sng-component-shell-sidebar-width)}}@media(min-width:1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ltr\:translate-x-4:where([dir=ltr],[dir=ltr] *){--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ltr\:translate-x-5:where([dir=ltr],[dir=ltr] *){--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:origin-right:where([dir=rtl],[dir=rtl] *){transform-origin:right}.rtl\:-translate-x-4:where([dir=rtl],[dir=rtl] *){--tw-translate-x: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:-translate-x-5:where([dir=rtl],[dir=rtl] *){--tw-translate-x: -1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}