/*! Cloudstaff Design System v2.38.0 | https://cloudstaff.com/design-system | @license see LICENSE */ @layer reset,foundation,theme,semantic,component-tokens,layout,typography,components,utilities;/*! Cloudstaff Design System — Tokens * All design tokens (colours,spacing,typography,radii,shadows,motion,z-index,* and component-level token mappings). * To rebrand:load this file,then a theme-X.css that re-declares:root tokens. * https://cloudstaff.com/design-system */ @layer foundation{:root{--color-static-black:#000000;--color-static-white:#ffffff;--color-base-primary:var(--color-static-black);--color-base-primary-contrast:var(--color-static-white);--color-base-secondary:#50505c;--color-base-secondary-contrast:var(--color-static-white);--color-brand-primary:#007aff;--color-brand-primary-contrast:var(--color-static-white);--color-brand-secondary:#00ab9c;--color-brand-secondary-contrast:var(--color-static-white);--color-brand-primary-soft:color-mix(in oklch,var(--color-brand-primary),white 85%);--color-brand-primary-accent:color-mix(in oklch,var(--color-brand-primary),white 70%);--color-brand-primary-bold:color-mix(in oklch,var(--color-brand-primary),black 18%);--color-brand-secondary-soft:color-mix(in oklch,var(--color-brand-secondary),white 85%);--color-brand-secondary-accent:color-mix(in oklch,var(--color-brand-secondary),white 70%);--color-brand-secondary-bold:color-mix(in oklch,var(--color-brand-secondary),black 18%);--color-brand-primary-strong:color-mix(in oklch,var(--color-brand-primary),black 8%);--color-brand-secondary-strong:color-mix(in oklch,var(--color-brand-secondary),black 25%);--color-brand-primary-hover:color-mix(in oklch,var(--color-brand-primary),white 94%);--color-brand-primary-selected:color-mix(in oklch,var(--color-brand-primary),white 88%);--color-brand-primary-active:color-mix(in oklch,var(--color-brand-primary),white 82%);--color-feature-01:#00ab9c;--color-feature-01-contrast:var(--color-static-white);--color-feature-01-soft:color-mix(in oklch,var(--color-feature-01),white 85%);--color-feature-01-accent:color-mix(in oklch,var(--color-feature-01),white 70%);--color-feature-01-bold:color-mix(in oklch,var(--color-feature-01),black 18%);--color-feature-02:#ffc426;--color-feature-02-contrast:var(--color-static-black);--color-feature-02-soft:color-mix(in oklch,var(--color-feature-02),white 85%);--color-feature-02-accent:color-mix(in oklch,var(--color-feature-02),white 70%);--color-feature-02-bold:color-mix(in oklch,var(--color-feature-02),black 18%);--color-feature-03:#e34678;--color-feature-03-contrast:var(--color-static-white);--color-feature-03-soft:color-mix(in oklch,var(--color-feature-03),white 85%);--color-feature-03-accent:color-mix(in oklch,var(--color-feature-03),white 70%);--color-feature-03-bold:color-mix(in oklch,var(--color-feature-03),black 18%);--color-feature-04:#4121a9;--color-feature-04-contrast:var(--color-static-white);--color-feature-04-soft:color-mix(in oklch,var(--color-feature-04),white 85%);--color-feature-04-accent:color-mix(in oklch,var(--color-feature-04),white 70%);--color-feature-04-bold:color-mix(in oklch,var(--color-feature-04),black 18%);--color-feature-05:#aa67fd;--color-feature-05-contrast:var(--color-static-white);--color-feature-05-soft:color-mix(in oklch,var(--color-feature-05),white 85%);--color-feature-05-accent:color-mix(in oklch,var(--color-feature-05),white 70%);--color-feature-05-bold:color-mix(in oklch,var(--color-feature-05),black 18%);--color-feature-06:#f22c46;--color-feature-06-contrast:var(--color-static-white);--color-feature-06-soft:color-mix(in oklch,var(--color-feature-06),white 85%);--color-feature-06-accent:color-mix(in oklch,var(--color-feature-06),white 70%);--color-feature-06-bold:color-mix(in oklch,var(--color-feature-06),black 18%);--color-feature-07:#f46600;--color-feature-07-contrast:var(--color-static-white);--color-feature-07-soft:color-mix(in oklch,var(--color-feature-07),white 85%);--color-feature-07-accent:color-mix(in oklch,var(--color-feature-07),white 70%);--color-feature-07-bold:color-mix(in oklch,var(--color-feature-07),black 18%);--color-feature-08:#36d6e7;--color-feature-08-contrast:var(--color-static-black);--color-feature-08-soft:color-mix(in oklch,var(--color-feature-08),white 85%);--color-feature-08-accent:color-mix(in oklch,var(--color-feature-08),white 70%);--color-feature-08-bold:color-mix(in oklch,var(--color-feature-08),black 18%);--color-feature-09:#87dd7d;--color-feature-09-contrast:var(--color-static-black);--color-feature-09-soft:color-mix(in oklch,var(--color-feature-09),white 85%);--color-feature-09-accent:color-mix(in oklch,var(--color-feature-09),white 70%);--color-feature-09-bold:color-mix(in oklch,var(--color-feature-09),black 18%);--color-feature-10:#50505c;--color-feature-10-contrast:var(--color-static-white);--color-feature-10-soft:color-mix(in oklch,var(--color-feature-10),white 85%);--color-feature-10-accent:color-mix(in oklch,var(--color-feature-10),white 70%);--color-feature-10-bold:color-mix(in oklch,var(--color-feature-10),black 18%);--color-utility-success:#00ab9c;--color-utility-success-contrast:var(--color-static-white);--color-utility-success-soft:color-mix(in oklch,var(--color-utility-success),white 85%);--color-utility-success-accent:color-mix(in oklch,var(--color-utility-success),white 70%);--color-utility-success-bold:color-mix(in oklch,var(--color-utility-success),black 18%);--color-utility-warning:#ffc426;--color-utility-warning-contrast:var(--color-static-black);--color-utility-warning-soft:color-mix(in oklch,var(--color-utility-warning),white 85%);--color-utility-warning-accent:color-mix(in oklch,var(--color-utility-warning),white 70%);--color-utility-warning-bold:color-mix(in oklch,var(--color-utility-warning),black 18%);--color-utility-danger:#f22c46;--color-utility-danger-contrast:var(--color-static-white);--color-utility-danger-soft:color-mix(in oklch,var(--color-utility-danger),white 85%);--color-utility-danger-accent:color-mix(in oklch,var(--color-utility-danger),white 70%);--color-utility-danger-bold:color-mix(in oklch,var(--color-utility-danger),black 18%);--color-utility-info:var(--color-brand-primary);--color-utility-info-contrast:var(--color-static-white);--color-utility-info-soft:color-mix(in oklch,var(--color-utility-info),white 85%);--color-utility-info-accent:color-mix(in oklch,var(--color-utility-info),white 70%);--color-utility-info-bold:color-mix(in oklch,var(--color-utility-info),black 18%);--color-utility-muted:#99a1b3;--color-utility-muted-contrast:var(--color-static-white);--color-utility-muted-soft:color-mix(in oklch,var(--color-utility-muted),white 85%);--color-utility-muted-accent:color-mix(in oklch,var(--color-utility-muted),white 70%);--color-utility-muted-bold:color-mix(in oklch,var(--color-utility-muted),black 18%);--color-surface-page:#f3f5f8;--color-surface-page-contrast:#171a21;--color-surface-canvas:#ffffff;--color-surface-canvas-contrast:#171a21;--color-surface-primary:#ffffff;--color-surface-primary-contrast:#1f2430;--color-surface-secondary:#eef2f7;--color-surface-secondary-contrast:#1f2430;--color-surface-tertiary:#e3e8f0;--color-surface-tertiary-contrast:#1f2430;--color-surface-inverse:#1f2430;--color-surface-inverse-contrast:#ffffff;--color-surface-scrim:rgba(9,13,22,.72);--color-surface-page-soft:color-mix(in oklch,var(--color-surface-page),white 25%);--color-surface-page-accent:color-mix(in oklch,var(--color-surface-page),var(--color-brand-primary) 6%);--color-surface-page-bold:color-mix(in oklch,var(--color-surface-page),black 7%);--color-surface-primary-soft:color-mix(in oklch,var(--color-surface-primary),white 20%);--color-surface-primary-accent:color-mix(in oklch,var(--color-surface-primary),var(--color-brand-primary) 8%);--color-surface-primary-bold:color-mix(in oklch,var(--color-surface-primary),black 8%);--color-surface-secondary-soft:color-mix(in oklch,var(--color-surface-secondary),white 18%);--color-surface-secondary-accent:color-mix(in oklch,var(--color-surface-secondary),var(--color-brand-primary) 8%);--color-surface-secondary-bold:color-mix(in oklch,var(--color-surface-secondary),black 10%);--color-surface-tertiary-soft:color-mix(in oklch,var(--color-surface-tertiary),white 16%);--color-surface-tertiary-accent:color-mix(in oklch,var(--color-surface-tertiary),var(--color-brand-primary) 8%);--color-surface-tertiary-bold:color-mix(in oklch,var(--color-surface-tertiary),black 12%);--color-text-base-primary:#252938;--color-text-base-primary-contrast:var(--color-static-white);--color-text-base-secondary:#4e5667;--color-text-base-secondary-contrast:var(--color-static-white);--color-text-base-muted:#737c90;--color-text-base-muted-contrast:var(--color-static-white);--color-text-base-disabled:#9aa3b7;--color-text-base-disabled-contrast:var(--color-static-white);--color-text-base-link:var(--color-brand-primary);--color-text-base-link-contrast:var(--color-brand-primary-contrast);--border-color-subtle:color-mix(in oklch,var(--color-surface-tertiary),white 15%);--border-color-default:#dce3ee;--border-color-strong:#c9d2e1;--border-color-inverse:rgba(255,255,255,.16);--radius-none:0;--radius-2xs:.125rem;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.625rem;--radius-lg:.75rem;--radius-xl:.875rem;--radius-2xl:1rem;--radius-3xl:1.25rem;--radius-pill:9999px;--radius-round:50%;--border-width-none:0;--border-width-xs:1px;--border-width-sm:2px;--border-width-md:3px;--border-width-lg:4px;--space-0:0;--space-2xs:.125rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3rem;--space-5xl:4rem;--space-6xl:5rem;--margin-0:var(--space-0);--margin-2xs:var(--space-2xs);--margin-xs:var(--space-xs);--margin-sm:var(--space-sm);--margin-md:var(--space-md);--margin-lg:var(--space-lg);--margin-xl:var(--space-xl);--margin-2xl:var(--space-2xl);--margin-3xl:var(--space-3xl);--margin-4xl:var(--space-4xl);--margin-5xl:var(--space-5xl);--margin-6xl:var(--space-6xl);--padding-0:var(--space-0);--padding-2xs:var(--space-2xs);--padding-xs:var(--space-xs);--padding-sm:var(--space-sm);--padding-md:var(--space-md);--padding-lg:var(--space-lg);--padding-xl:var(--space-xl);--padding-2xl:var(--space-2xl);--padding-3xl:var(--space-3xl);--padding-4xl:var(--space-4xl);--padding-5xl:var(--space-5xl);--padding-6xl:var(--space-6xl);--size-2xs:1rem;--size-xs:1.5rem;--size-sm:2rem;--size-md:2.5rem;--size-lg:3rem;--size-xl:3.5rem;--size-2xl:4rem;--size-3xl:5rem;--size-4xl:6rem;--container-xs:420px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--container-3xl:1680px;--container-fluid:100%;--font-family-heading:"Poppins","Segoe UI",Roboto,Arial,sans-serif;--font-family-body:"Manrope","Segoe UI",Roboto,Arial,sans-serif;--font-family-base:var(--font-family-body);--font-family-accent:"Google Sans Flex","Poppins","Segoe UI",sans-serif;--font-family-serif:Georgia,"Times New Roman",serif;--font-family-script:"Pacifico",cursive;--font-family-code:"Courier New",Courier,ui-monospace,monospace;--font-family-mono:"Chivo Mono",ui-monospace,monospace;--font-size-2xs:.6875rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.15;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--shadow-xs:0 1px 2px rgba(16,24,40,.04);--shadow-sm:0 2px 8px rgba(16,24,40,.06);--shadow-md:0 8px 18px rgba(16,24,40,.08);--shadow-lg:0 16px 32px rgba(16,24,40,.12);--shadow-xl:0 24px 48px rgba(16,24,40,.16);--shadow-overlay:0 24px 64px rgba(0,0,0,.28);--shadow-focus:0 0 0 4px color-mix(in oklch,var(--color-brand-primary),white 75%);--shadow-inset:inset 0 1px 2px rgba(16,24,40,.08);--blur-sm:blur(4px);--blur-md:blur(10px);--blur-lg:blur(16px);--duration-instant:80ms;--duration-fast:140ms;--duration-standard:220ms;--duration-slow:320ms;--duration-slower:480ms;--ease-standard:cubic-bezier(.2,0,.2,1);--ease-enter:cubic-bezier(.16,1,.3,1);--ease-exit:cubic-bezier(.4,0,1,1);--ease-emphasis:cubic-bezier(.2,0,0,1);--z-index-base:1;--z-index-sticky:100;--z-index-topbar:200;--z-index-dropdown:500;--z-index-drawer:800;--z-index-overlay:900;--z-index-modal:1000;--z-index-toast:1100;--z-index-tooltip:1200;--z-index-max:2147483647;--icon-size-xs:.75rem;--icon-size-sm:.875rem;--icon-size-md:1rem;--icon-size-lg:1.25rem;--icon-size-xl:1.5rem;--icon-size-2xl:2rem;--icon-size-3xl:2.5rem;--icon-size-4xl:3rem;--icon-size-5xl:4rem;--icon-size-6xl:5rem;--breakpoint-xs:420px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--touch-target-min:44px;--touch-target-comfortable:48px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--content-width-prose:65ch;--content-width-narrow:32rem;--content-width-medium:48rem;--content-width-wide:72rem;--content-width-full:90rem;--header-height:60px;--logo-height-header:50px;--logo-height-collapsed:50px;--logo-height-footer:40px;--logo-height-hero:60px;--logo-portrait-height-sm:72px;--logo-portrait-height-md:104px;--logo-portrait-height-lg:140px;--logo-lockup-emblem-size:36px}}@layer foundation{:root{--color-surface-sunken:color-mix(in oklch,var(--color-background-page),black 4%);--color-surface-base:var(--color-background-canvas);--color-surface-raised:var(--color-background-primary);--color-surface-overlay:color-mix(in oklch,var(--color-background-canvas),white 8%);--color-surface-floating:var(--color-background-canvas);--color-surface-warm:color-mix(in oklch,var(--color-background-canvas),#fff5e8 65%);--color-surface-cool:color-mix(in oklch,var(--color-background-canvas),#e8f1ff 65%);--color-surface-brand:color-mix(in oklch,var(--color-brand-primary),white 92%);--color-surface-secondary-brand:color-mix(in oklch,var(--color-brand-secondary),white 92%);--color-surface-success:color-mix(in oklch,var(--color-utility-success),white 88%);--color-surface-warning:color-mix(in oklch,var(--color-utility-warning),white 86%);--color-surface-danger:color-mix(in oklch,var(--color-utility-danger),white 90%);--color-surface-info:color-mix(in oklch,var(--color-utility-info),white 90%);--color-border-warm:color-mix(in oklch,#e8a052,white 65%);--color-border-cool:color-mix(in oklch,#4a90e2,white 65%);--color-border-success:color-mix(in oklch,var(--color-utility-success),white 60%);--color-border-warning:color-mix(in oklch,var(--color-utility-warning),white 50%);--color-border-danger:color-mix(in oklch,var(--color-utility-danger),white 60%);--color-border-info:color-mix(in oklch,var(--color-utility-info),white 60%)}html[data-theme="dark"]{--color-surface-sunken:color-mix(in oklch,var(--color-background-page),black 30%);--color-surface-base:var(--color-background-canvas);--color-surface-raised:color-mix(in oklch,var(--color-background-canvas),white 4%);--color-surface-overlay:color-mix(in oklch,var(--color-background-canvas),white 8%);--color-surface-floating:color-mix(in oklch,var(--color-background-canvas),white 6%);--color-surface-warm:color-mix(in oklch,var(--color-background-canvas),#5a3920 30%);--color-surface-cool:color-mix(in oklch,var(--color-background-canvas),#1a3050 30%);--color-surface-brand:color-mix(in oklch,var(--color-brand-primary),black 60%);--color-surface-secondary-brand:color-mix(in oklch,var(--color-brand-secondary),black 60%);--color-surface-success:color-mix(in oklch,var(--color-utility-success),black 60%);--color-surface-warning:color-mix(in oklch,var(--color-utility-warning),black 60%);--color-surface-danger:color-mix(in oklch,var(--color-utility-danger),black 60%);--color-surface-info:color-mix(in oklch,var(--color-utility-info),black 60%)}}@layer theme{:root{color-scheme:light}html[data-theme="dark"]{color-scheme:dark;--color-surface-page:#0f1218;--color-surface-page-contrast:#f3f5f9;--color-surface-canvas:#121721;--color-surface-canvas-contrast:#f3f5f9;--color-surface-primary:#161c26;--color-surface-primary-contrast:#f3f5f9;--color-surface-secondary:#1b2431;--color-surface-secondary-contrast:#f3f5f9;--color-surface-tertiary:#253040;--color-surface-tertiary-contrast:#f3f5f9;--color-surface-inverse:#f3f5f9;--color-surface-inverse-contrast:#141924;--color-text-base-primary:#f3f5f9;--color-text-base-secondary:#d3d9e5;--color-text-base-muted:#aab3c4;--color-text-base-disabled:#778096;--border-color-subtle:rgba(255,255,255,.045);--border-color-default:rgba(255,255,255,.075);--border-color-strong:rgba(255,255,255,.12);--shadow-xs:0 1px 2px rgba(0,0,0,.18);--shadow-sm:0 6px 16px rgba(0,0,0,.18);--shadow-md:0 14px 28px rgba(0,0,0,.22);--shadow-lg:0 24px 48px rgba(0,0,0,.28);--shadow-xl:0 32px 72px rgba(0,0,0,.34);--shadow-focus:0 0 0 4px color-mix(in oklch,var(--color-brand-primary),transparent 70%);--color-overlay-scrim:rgba(0,0,0,.6);--color-brand-primary-hover:color-mix(in oklch,var(--color-brand-primary),black 70%);--color-brand-primary-selected:color-mix(in oklch,var(--color-brand-primary),black 55%);--color-brand-primary-active:color-mix(in oklch,var(--color-brand-primary),black 40%);--color-brand-primary-bold:color-mix(in oklch,var(--color-brand-primary),white 30%);--color-brand-primary-soft:color-mix(in oklch,var(--color-brand-primary),black 65%);--color-brand-primary-hover-foreground:var(--color-foreground-primary);--gradient-subtle:linear-gradient(135deg,color-mix(in oklch,var(--color-brand-primary),black 78%) 0%,color-mix(in oklch,var(--color-feature-05),black 78%) 100%)}}@layer semantic{:root{--color-background-page:var(--color-surface-page);--color-background-page-contrast:var(--color-surface-page-contrast);--color-background-canvas:var(--color-surface-canvas);--color-background-canvas-contrast:var(--color-surface-canvas-contrast);--color-background-primary:var(--color-surface-primary);--color-background-primary-contrast:var(--color-surface-primary-contrast);--color-background-secondary:var(--color-surface-secondary);--color-background-secondary-contrast:var(--color-surface-secondary-contrast);--color-background-tertiary:var(--color-surface-tertiary);--color-background-tertiary-contrast:var(--color-surface-tertiary-contrast);--color-background-inverse:var(--color-surface-inverse);--color-background-inverse-contrast:var(--color-surface-inverse-contrast);--color-background-brand-primary:var(--color-brand-primary-strong);--color-background-brand-primary-contrast:var(--color-brand-primary-contrast);--color-background-brand-secondary:var(--color-brand-secondary-strong);--color-background-brand-secondary-contrast:var(--color-brand-secondary-contrast);--color-background-accent:var(--color-brand-primary-soft);--color-background-accent-contrast:var(--color-text-base-primary);--color-background-overlay:var(--color-surface-overlay);--color-background-scrim:var(--color-surface-scrim);--color-foreground-primary:var(--color-text-base-primary);--color-foreground-secondary:var(--color-text-base-secondary);--color-foreground-muted:var(--color-text-base-muted);--color-foreground-disabled:var(--color-text-base-disabled);--color-foreground-link:var(--color-text-base-link);--color-foreground-link-hover:var(--color-brand-primary-bold);--color-foreground-inverse:var(--color-background-inverse-contrast);--color-foreground-brand-primary:var(--color-brand-primary);--color-foreground-brand-secondary:var(--color-brand-secondary);--color-border-subtle:var(--border-color-subtle);--color-border-primary:var(--border-color-default);--color-border-strong:var(--border-color-strong);--color-border-inverse:var(--border-color-inverse);--color-divider:var(--border-color-default);--color-overlay-scrim:rgba(15,23,42,.55);--color-overlay-blur:4px;--color-action-primary:var(--color-brand-primary-strong);--color-action-primary-contrast:var(--color-brand-primary-contrast);--color-action-primary-hover:var(--color-brand-primary-bold);--color-action-primary-active:color-mix(in oklch,var(--color-brand-primary),black 28%);--color-action-primary-soft:var(--color-brand-primary-soft);--color-action-secondary:var(--color-surface-primary);--color-action-secondary-contrast:var(--color-foreground-primary);--color-action-secondary-hover:var(--color-brand-primary-hover);--color-action-secondary-active:var(--color-brand-primary-selected);--color-action-secondary-soft:var(--color-surface-primary-soft);--color-action-tertiary:transparent;--color-action-tertiary-contrast:var(--color-foreground-primary);--color-action-tertiary-hover:var(--color-brand-primary-hover);--color-action-tertiary-active:var(--color-brand-primary-selected);--color-action-disabled:var(--color-surface-secondary);--color-action-disabled-contrast:var(--color-foreground-disabled);--color-feedback-success:var(--color-utility-success);--color-feedback-success-contrast:var(--color-utility-success-contrast);--color-feedback-success-soft:var(--color-utility-success-soft);--color-feedback-warning:var(--color-utility-warning);--color-feedback-warning-contrast:var(--color-utility-warning-contrast);--color-feedback-warning-soft:var(--color-utility-warning-soft);--color-feedback-danger:var(--color-utility-danger);--color-feedback-danger-contrast:var(--color-utility-danger-contrast);--color-feedback-danger-soft:var(--color-utility-danger-soft);--color-feedback-info:var(--color-utility-info);--color-feedback-info-contrast:var(--color-utility-info-contrast);--color-feedback-info-soft:var(--color-utility-info-soft);--color-feedback-muted:var(--color-utility-muted);--color-feedback-muted-contrast:var(--color-utility-muted-contrast);--color-feedback-muted-soft:var(--color-utility-muted-soft);--color-focus-ring:var(--color-brand-primary-accent);--color-focus-ring-strong:var(--color-brand-primary);--color-selection-background:var(--color-brand-primary-soft);--color-selection-foreground:var(--color-foreground-primary);--gradient-brand:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-feature-05) 100%);--gradient-vibrant:linear-gradient(135deg,var(--color-feature-03) 0%,var(--color-feature-05) 100%);--gradient-warm:linear-gradient(135deg,var(--color-feature-07) 0%,var(--color-feature-03) 50%,var(--color-feature-05) 100%);--gradient-cool:linear-gradient(135deg,var(--color-feature-04) 0%,var(--color-feature-08) 50%,var(--color-feature-09) 100%);--gradient-subtle:linear-gradient(135deg,color-mix(in oklch,var(--color-brand-primary),white 88%) 0%,color-mix(in oklch,var(--color-feature-05),white 88%) 100%)}}@layer component-tokens{:root{--control-height-sm:1.75rem;--control-height-md:2.25rem;--control-height-lg:2.75rem;--control-padding-inline-sm:.75rem;--control-padding-inline-md:1rem;--control-padding-inline-lg:1.25rem;--component-topbar-background:var(--color-surface-base);--component-topbar-foreground:var(--color-foreground-primary);--component-topbar-border:var(--color-border-subtle);--component-menu-item-background:transparent;--component-menu-item-foreground:var(--color-foreground-secondary);--component-menu-item-hover-background:var(--color-background-secondary);--component-menu-item-hover-foreground:var(--color-foreground-primary);--component-menu-item-active-background:var(--color-brand-primary-soft);--component-menu-item-active-foreground:var(--color-brand-primary-bold);--component-menu-item-active-border:color-mix(in oklch,var(--color-brand-primary),white 60%);--component-menu-item-disabled-opacity:.5;--component-card-background:var(--color-background-primary);--component-card-foreground:var(--color-foreground-primary);--component-card-border:var(--color-border-subtle);--component-card-radius:var(--radius-xl);--component-card-shadow:var(--shadow-sm);--component-card-padding:var(--space-xl);--component-pane-padding:var(--space-2xl);--component-pane-padding-block-end:var(--space-2xl);--component-pane-gap:var(--space-2xl);--component-pane-rule-color:var(--color-divider);--component-pane-rule-width:1px;--component-tile-padding:var(--space-lg);--component-tile-radius:var(--radius-xl);--component-tile-shadow:var(--shadow-sm);--component-tile-gap:var(--space-lg);--component-button-radius:var(--radius-pill);--component-pill-radius:var(--radius-pill);--component-container-radius:var(--radius-lg);--component-button-primary-background:var(--color-action-primary);--component-button-primary-foreground:var(--color-action-primary-contrast);--component-button-primary-hover-background:var(--color-action-primary-hover);--component-button-primary-active-background:var(--color-action-primary-active);--component-button-primary-border:transparent;--component-button-secondary-background:var(--color-action-secondary);--component-button-secondary-foreground:var(--color-action-secondary-contrast);--component-button-secondary-hover-background:var(--color-action-secondary-hover);--component-button-secondary-active-background:var(--color-action-secondary-active);--component-button-secondary-border:var(--color-border-primary);--component-button-tertiary-background:transparent;--component-button-tertiary-foreground:var(--color-action-tertiary-contrast);--component-button-tertiary-hover-background:var(--color-action-tertiary-hover);--component-button-tertiary-active-background:var(--color-action-tertiary-active);--component-button-tertiary-border:transparent;--component-input-background:var(--color-background-primary);--component-input-foreground:var(--color-foreground-primary);--component-input-border:var(--color-border-primary);--component-input-hover-border:var(--color-border-strong);--component-input-focus-border:var(--color-focus-ring-strong);--component-input-radius:var(--radius-lg);--component-input-placeholder:var(--color-foreground-muted);--component-badge-neutral-background:var(--color-background-secondary);--component-badge-neutral-foreground:var(--color-foreground-secondary);--component-badge-neutral-border:var(--color-border-subtle);--component-badge-brand-background:var(--color-brand-primary-soft);--component-badge-brand-foreground:var(--color-brand-primary-bold);--component-badge-brand-border:color-mix(in oklch,var(--color-brand-primary),white 58%);--component-modal-background:var(--color-background-canvas);--component-modal-foreground:var(--color-foreground-primary);--component-modal-border:var(--color-border-subtle);--component-modal-shadow:var(--shadow-overlay);--component-modal-radius:var(--radius-2xl);--component-drawer-background:var(--color-background-canvas);--component-drawer-border:var(--color-border-subtle);--component-drawer-shadow:var(--shadow-overlay);--component-tab-foreground:var(--color-foreground-secondary);--component-tab-hover-background:var(--color-background-secondary);--component-tab-hover-foreground:var(--color-foreground-primary);--component-tab-active-foreground:var(--color-brand-primary);--component-tab-active-indicator:var(--color-brand-primary);--component-table-background:var(--color-background-primary);--component-table-border:var(--color-border-subtle);--component-table-header-background:var(--color-surface-base);--component-table-header-foreground:var(--color-brand-primary);--component-table-row-hover:var(--color-background-secondary)}}/*! Cloudstaff Design System — Base * Browser reset+body/HTML defaults. Loads after tokens. */ @layer reset{*,*::before,*::after{box-sizing:border-box}*{min-width:0}html,body{min-height:100%}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd{margin:0}img,svg,video,canvas,iframe,embed,object{max-width:100%}img,video,canvas{height:auto}pre{max-width:100%;overflow-x:auto}table{max-width:100%}body{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4rem}img,picture,svg,canvas,video{display:block;max-width:100%}input,button,textarea,select{font:inherit}button,[role="button"]{cursor:pointer}button:disabled,[role="button"][aria-disabled="true"]{cursor:not-allowed}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}table{border-collapse:collapse;border-spacing:0}@media (hover:none) and (pointer:coarse){a,button,[role="button"],input,label,select,textarea{-webkit-tap-highlight-color:transparent}button,[role="button"],.button,.menu-item,.tab,.badge{-webkit-user-select:none;user-select:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}}/*! Cloudstaff Design System — Components * Buttons,cards,inputs,modals,navigation,sliders,dates,AI chat,etc. * All references tokens — never hardcodes colours. * * ============================================================ * TABLE OF CONTENTS * ============================================================ * Sections appear in this rough order. Major banner comments * divide the file (boxed in equals-sign borders). Search for a * section title to jump. * * TYPOGRAPHY (@layer typography) * Headings h1–h6,prose styles,lists,gradient text * * TYPE * Buttons & button states * Form fields,inputs,textareas,selects * Form validation v2 — policies (validate-on-submit/-blur/-eager),* display variants (.field-error / .has-error-tooltip / * .has-error-icon-only / .form-error-summary / .form-success-summary) * * CARDS & SURFACES * Card variants,card-header (title+tools) * Stat/metric/dashboard tiles,feature/promo tiles * Avatars (sizes,status,progress ring) * * TABLES * Table base+row variants * Table cards (mobile transform) * Action column (.table-action) * .table-compact for narrow in-card reference tables * * BADGES & PILLS * Badges,status pills,tags * * NAVIGATION * Topbar,sidebar (fixed+floating),mega-menu * Tabs,breadcrumbs,pagination * Mobile tab bar (.bottom-tabs) * Arrow stepper,progress track * * OVERLAYS * Modal/Dialog,Drawer * Dropdown menu (with leading-bar hover indicator) * Tooltip,Popover * Toast/snackbar * * FEEDBACK & STATE * Empty state,Skeleton loader * Progress bar,Stepper indicator * * FORM CONTROLS * Switch / toggle,Checkbox & radio * File upload zone * Slider (single+range),Date picker * Drag-and-drop sortable list,Colour picker * * SEARCH & COMMAND * Search input,Combobox,Command palette (cmdk) * * COMPLEX COMPONENTS * AI chat,Data grid * Stepper wizard (multi-step nav),Tree view * * MARKETING & LANDERS (v2.9.0+) * Lander page system (.lander+5 section types) * Mobile event tiles (slim banner rows:-birthday / -anniversary * / -achievement / -system) * Mobile event cards (larger portrait,avatar-top,4 headline styles * × 10 feature colors+.mobile-event-card-gradient) * Testimonial,Carousel,Animation entrance variants * * DASHBOARD WIDGETS * Star rating,Gauges (linear/circle/semi) * Chart primitives (sparkline,donut,bar) * * TOUCH TUNING * ≥44px touch targets on mobile breakpoint * * See AGENTS.md → "Demo structure" for the matching demo navigation * and "Notification & Communication rules" for which surface to pick * in a given user-messaging situation. * ============================================================ */ @layer typography{h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-foreground-primary);letter-spacing:var(--tracking-tight);line-height:var(--line-height-tight)}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:var(--font-weight-bold)}h2{font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}p{color:var(--color-foreground-primary)}.text-lead{font-size:var(--font-size-lg);color:var(--color-foreground-secondary)}.text-secondary{color:var(--color-foreground-secondary)}.text-muted{color:var(--color-foreground-muted)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-2xl{font-size:var(--font-size-2xl)}.weight-semibold{font-weight:var(--font-weight-semibold)}.weight-bold{font-weight:var(--font-weight-bold)}.font-mono{font-family:var(--font-family-mono)}}@layer components{.topbar{position:sticky;top:0;z-index:var(--z-index-topbar);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-lg);min-height:4.75rem;padding:var(--space-sm) var(--space-xl);background:var(--component-topbar-background);color:var(--component-topbar-foreground);border-bottom:var(--border-width-xs) solid var(--component-topbar-border);backdrop-filter:var(--blur-md);overflow:visible}html[data-theme="dark"] .topbar{border-color:rgba(255,255,255,.06);background:color-mix(in oklch,var(--color-background-canvas),transparent 8%)}.topbar-nav-wrap{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);min-width:0;width:100%}.topbar-brand{display:inline-flex;align-items:baseline;gap:var(--space-md);min-width:0}.topbar-website{grid-template-columns:auto 1fr auto}.topbar-website>.menu-bar{justify-self:end}.topbar-auth{display:inline-flex;align-items:center;gap:var(--space-sm);justify-self:end}.topbar-website>.topbar-auth{gap:var(--space-lg)}@media (max-width:767.98px){.topbar-website{grid-template-columns:auto 1fr}.topbar-website>.topbar-auth{justify-self:end}}.topbar-search-panel{position:relative;z-index:calc(var(--z-index-topbar) - 1);background:var(--color-brand-primary);overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);transform-origin:top center;transition:max-height var(--duration-slow) var(--ease-standard),opacity var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard)}.topbar-search-panel.is-sticky{position:sticky;top:4.75rem}.topbar-search-panel[data-open="true"]{max-height:8rem;opacity:1;transform:translateY(0)}.topbar-search-panel[hidden]{display:block}.topbar-search-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);max-width:var(--container-max-width,80rem);margin:0 auto}.topbar-search-icon{color:var(--color-brand-primary-contrast);opacity:.7;font-size:1.25rem}.topbar-search-input{width:100%;background:var(--color-static-white);border:0;border-radius:var(--radius-pill);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-md);color:var(--color-foreground-primary);line-height:1.2}.topbar-search-input::placeholder{color:var(--color-foreground-muted)}.topbar-search-input:focus{outline:0;box-shadow:0 0 0 3px color-mix(in oklch,var(--color-static-white),transparent 60%)}.topbar-search-hint{font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:.125rem .5rem;border-radius:var(--radius-sm);background:color-mix(in oklch,var(--color-static-white),transparent 80%);color:var(--color-brand-primary-contrast);flex-shrink:0}.topbar-search-panel[data-open="true"].has-results{max-height:24rem}.topbar-search-results{max-height:16rem;overflow-y:auto;padding:0 var(--space-xl) var(--space-md);max-width:var(--container-max-width,80rem);margin:0 auto}.topbar-divider{width:1px;height:1.5rem;background:var(--color-divider);font-size:0;flex:0 0 auto}.icon-group{display:flex;align-items:center;gap:var(--space-2xs);flex:0 0 auto}.brand-lockup{display:inline-flex;align-items:center;gap:var(--space-md);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);min-width:0;white-space:nowrap}.brand-lockup .brand-logo{flex:0 0 auto;display:block;max-width:100%;object-fit:contain}.brand-sub-label{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-foreground-secondary);padding-left:var(--space-md);border-left:1px solid var(--color-divider)}.brand-mark{width:2rem;height:2rem;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-brand-primary),color-mix(in oklch,var(--color-brand-primary),white 25%));display:inline-grid;place-items:center;color:white}.app-shell{display:grid;grid-template-columns:var(--app-sidebar-width,16rem) 1fr;min-height:100vh;position:relative;transition:grid-template-columns var(--duration-slow) var(--ease-emphasis)}.app-shell:has(.app-sidebar.is-collapsed){grid-template-columns:4.5rem 1fr}.app-shell.app-shell-no-sidebar-column{grid-template-columns:1fr}.app-sidebar{display:flex;flex-direction:column;min-height:100vh;background:var(--color-surface-base);border-right:var(--border-width-xs) solid var(--color-border-subtle);position:relative;overflow:hidden;transition:width var(--duration-slow) var(--ease-emphasis)}.app-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);border-bottom:var(--border-width-xs) solid var(--color-divider);min-height:4.75rem}.app-sidebar-nav{flex:1 1 auto;overflow-y:auto;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-2xs)}.app-sidebar-nav>a,.app-sidebar-nav>button{display:grid;grid-template-columns:1.25rem 1fr;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-foreground-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:transparent;border:0;cursor:pointer;text-align:left;width:100%;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.app-sidebar-nav>a:hover,.app-sidebar-nav>button:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.app-sidebar-nav>a.is-active,.app-sidebar-nav>button.is-active{background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.app-sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:var(--border-width-xs) solid var(--color-divider)}.app-sidebar-toggle{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;background:transparent;color:var(--color-foreground-muted);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-standard) var(--ease-standard)}.app-sidebar-toggle:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.app-sidebar-label,.brand-lockup>:not(.brand-logo),.app-sidebar-footer{transition:opacity var(--duration-standard) var(--ease-standard)}.app-sidebar.is-collapsed .app-sidebar-toggle{transform:rotate(180deg)}.app-sidebar.is-collapsed{}.app-sidebar.is-collapsed .app-sidebar-label,.app-sidebar.is-collapsed .brand-lockup>:not(.brand-logo){display:none}.app-sidebar.is-collapsed .app-sidebar-footer{opacity:0;pointer-events:none}.app-sidebar.is-collapsed .app-sidebar-nav>a,.app-sidebar.is-collapsed .app-sidebar-nav>button{display:flex;align-items:center;justify-content:center;grid-template-columns:none;padding:var(--space-2xs);min-height:2rem;height:2rem;width:2rem;margin-inline:auto;line-height:1}.app-sidebar.is-collapsed .app-sidebar-nav>a>i,.app-sidebar.is-collapsed .app-sidebar-nav>a>svg,.app-sidebar.is-collapsed .app-sidebar-nav>button>i,.app-sidebar.is-collapsed .app-sidebar-nav>button>svg{line-height:1;display:block}.app-sidebar.is-collapsed .app-sidebar-header{padding-inline:var(--space-sm);justify-content:center}.app-sidebar-floating{position:fixed;top:0;left:0;bottom:0;width:18rem;z-index:var(--z-index-drawer);transform:translateX(-100%);opacity:0;transition:transform var(--duration-slow) var(--ease-emphasis),opacity var(--duration-slow) var(--ease-standard);box-shadow:var(--shadow-xl)}.app-sidebar-floating[data-open="true"]{transform:translateX(0);opacity:1}.app-sidebar-floating.is-collapsed{width:4.5rem}.app-sidebar-backdrop{position:fixed;inset:0;background:color-mix(in oklch,var(--color-foreground-primary),transparent 50%);z-index:calc(var(--z-index-drawer) - 1);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-standard)}.app-sidebar-backdrop.is-active{opacity:1;pointer-events:auto}.app-main{min-width:0;overflow:auto;padding:var(--space-2xl)}@media (max-width:768px){.app-shell{grid-template-columns:1fr}.app-shell:has(.app-sidebar.is-collapsed){grid-template-columns:1fr}.app-sidebar:not(.app-sidebar-floating){position:fixed;top:0;left:0;bottom:0;width:18rem;z-index:var(--z-index-drawer);transform:translateX(-100%);transition:transform var(--duration-standard) var(--ease-standard);box-shadow:var(--shadow-xl)}.app-sidebar:not(.app-sidebar-floating)[data-open="true"]{transform:translateX(0)}.app-main{padding:var(--space-lg)}}.menu,.nav,.sidebar-nav{display:grid;grid-auto-columns:max-content;justify-items:start;gap:var(--space-xs)}.menu.is-stretch,.nav.is-stretch,.sidebar-nav.is-stretch{grid-auto-columns:1fr;justify-items:stretch}.menu-bar{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;padding:var(--space-xs);background:var(--color-background-primary);border:1px solid color-mix(in oklch,var(--color-brand-primary),white 78%);border-radius:var(--radius-pill);width:max-content;max-width:100%}.menu-bar.is-plain{background:transparent;border:0;padding:0;border-radius:0;width:auto;margin-left:auto;display:flex;align-items:center;gap:var(--space-md);flex-wrap:nowrap;white-space:nowrap}.menu-bar.is-plain::before{content:"";display:none}.menu-bar.is-plain .menu-item,.menu-bar.is-plain .nav-link,.menu-bar.is-plain .sidebar-link{min-height:auto;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);position:relative;display:inline-flex;align-items:center;white-space:nowrap}.menu-bar.is-plain .menu-item:hover,.menu-bar.is-plain .nav-link:hover,.menu-bar.is-plain .sidebar-link:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.menu-bar.is-plain .menu-item.is-active,.menu-bar.is-plain .nav-link.is-active,.menu-bar.is-plain .sidebar-link.is-active{background:transparent;color:var(--color-brand-primary);box-shadow:none}.nav-dropdown{position:relative}.nav-submenu{position:absolute;top:calc(100%+var(--space-md));left:0;min-width:14rem;padding:var(--space-sm);background:var(--color-background-canvas);border:1px solid color-mix(in oklch,var(--color-brand-primary),white 78%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:none;z-index:var(--z-index-dropdown)}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.is-open .nav-submenu{display:grid;gap:var(--space-xs)}.nav-submenu .menu-item{min-height:2.5rem;padding:0 var(--space-md);border-radius:var(--radius-lg)}.menu-bar .menu-item,.menu-bar .nav-link,.menu-bar .sidebar-link{min-height:2.5rem;padding:0 var(--space-lg);border-radius:var(--radius-pill);white-space:nowrap}.menu-bar.is-plain .menu-item,.menu-bar.is-plain .nav-link,.menu-bar.is-plain .sidebar-link{min-height:auto;padding:0 var(--space-sm);border-radius:var(--radius-pill)}.menu-label{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-foreground-muted)}.menu-item,.nav-link,.sidebar-link{position:relative;display:flex;align-items:center;gap:var(--space-md);align-self:start;width:max-content;max-width:100%;min-height:2.75rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);background:var(--component-menu-item-background);color:var(--component-menu-item-foreground);transition:background var(--duration-standard) var(--ease-standard),color var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard)}.sidebar-link{min-height:2.125rem;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);gap:var(--space-sm)}.menu-item:hover,.nav-link:hover,.sidebar-link:hover{background:var(--color-brand-primary-hover);color:var(--color-brand-primary-bold)}.menu-item.is-active,.nav-link.is-active,.sidebar-link.is-active{background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);box-shadow:inset 0 0 0 1px var(--component-menu-item-active-border);font-weight:var(--font-weight-semibold)}.menu-item.is-disabled{opacity:var(--component-menu-item-disabled-opacity);pointer-events:none}.menu-item-icon,.nav-icon,.icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:var(--icon-size-md);flex:0 0 auto}.menu-item-label{flex:1 1 auto}.sidebar-demo{background:var(--color-background-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-lg);max-width:18rem}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:2.5rem;padding:var(--space-sm) var(--space-lg);border:var(--border-width-xs) solid transparent;border-radius:var(--component-button-radius);font-weight:var(--font-weight-semibold);line-height:1;font-size:var(--font-size-sm);letter-spacing:.01em;transition:background var(--duration-standard) var(--ease-standard),border-color var(--duration-standard) var(--ease-standard),color var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard),opacity var(--duration-standard) var(--ease-standard)}.button[hidden],.btn[hidden]{display:none}.button-primary{background:var(--component-button-primary-background);color:var(--component-button-primary-foreground);border-color:var(--component-button-primary-border)}.button-primary:hover{background:var(--component-button-primary-hover-background)}.button-primary:active{background:var(--component-button-primary-active-background);transform:translateY(1px)}.button-secondary{background:var(--component-button-secondary-background);color:var(--component-button-secondary-foreground);border-color:var(--component-button-secondary-border)}.button-secondary:hover{background:var(--component-button-secondary-hover-background)}.button-secondary:active{background:var(--component-button-secondary-active-background)}.button-tertiary{background:var(--component-button-tertiary-background);color:var(--component-button-tertiary-foreground);border-color:var(--component-button-tertiary-border)}.button-tertiary:hover{background:var(--component-button-tertiary-hover-background)}.button-tertiary:active{background:var(--component-button-tertiary-active-background)}.button-danger{background:var(--color-feedback-danger);color:var(--color-feedback-danger-contrast)}.button-success{background:var(--color-feedback-success);color:var(--color-feedback-success-contrast)}.button-inverse{background:var(--color-static-white);color:var(--button-inverse-foreground,var(--color-brand-primary));border-color:transparent;box-shadow:var(--shadow-sm)}.button-inverse:hover{background:color-mix(in oklch,var(--color-static-white),var(--button-inverse-foreground,var(--color-brand-primary)) 8%)}.button-inverse:active{background:color-mix(in oklch,var(--color-static-white),var(--button-inverse-foreground,var(--color-brand-primary)) 14%);transform:translateY(1px)}.button-link{background:transparent;border-color:transparent;color:var(--color-brand-primary);min-height:auto;padding:0;letter-spacing:normal;box-shadow:none}.button-link:hover{color:color-mix(in oklch,var(--color-brand-primary),black 15%);text-decoration:underline}.button-link:active{color:color-mix(in oklch,var(--color-brand-primary),black 25%)}.button-link.button-sm,.button-link.button-md,.button-link.button-lg{min-height:auto;padding:0}.button-sm{min-height:2rem;padding:var(--space-xs) var(--space-md)}.button-md{min-height:2.5rem;padding:var(--space-sm) var(--space-lg)}.button-lg{min-height:3rem;padding:var(--space-md) var(--space-xl)}.button-block{width:100%}.field,.form-field{display:grid;gap:var(--space-sm)}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary)}.field-hint{font-size:var(--font-size-xs);color:var(--color-foreground-muted)}.input,.select,.textarea,.form-control{width:100%;min-height:var(--control-height-md);padding:0 var(--control-padding-inline-md);border:var(--border-width-xs) solid var(--component-input-border);border-radius:var(--component-input-radius);background:var(--component-input-background);color:var(--component-input-foreground);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);appearance:none;-webkit-appearance:none;transition:border-color var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard),background var(--duration-standard) var(--ease-standard)}.input-sm,.select-sm{min-height:var(--control-height-sm);padding-inline:var(--control-padding-inline-sm);font-size:var(--font-size-sm)}.input-md,.select-md{min-height:var(--control-height-md);padding-inline:var(--control-padding-inline-md);font-size:var(--font-size-md)}.input-lg,.select-lg{min-height:var(--control-height-lg);padding-inline:var(--control-padding-inline-lg);font-size:var(--font-size-lg)}.input[type="date"],.input[type="datetime-local"],.input[type="time"],.input[type="month"],.input[type="week"],input.input[type="date"],input.input[type="datetime-local"],input.input[type="time"]{min-height:var(--control-height-lg);font-size:var(--font-size-md);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";padding-inline:var(--control-padding-inline-lg);line-height:1.4}.textarea{min-height:7rem;padding-block:var(--space-md);resize:vertical;font-size:var(--font-size-md)}.select{padding-right:calc(var(--control-padding-inline-md)+1.5rem);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23737c90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:.875rem}.input:hover,.select:hover,.textarea:hover,.form-control:hover{border-color:var(--component-input-hover-border)}html[data-theme="dark"] .input,html[data-theme="dark"] .select,html[data-theme="dark"] .textarea,html[data-theme="dark"] .form-control{border-color:rgba(255,255,255,.08);background:color-mix(in oklch,var(--color-background-primary),white 2%)}html[data-theme="dark"] .input:hover,html[data-theme="dark"] .select:hover,html[data-theme="dark"] .textarea:hover,html[data-theme="dark"] .form-control:hover{border-color:rgba(255,255,255,.14)}.input:focus,.select:focus,.textarea:focus,.form-control:focus{border-color:var(--component-input-focus-border);outline:none;box-shadow:none}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.form-control:focus-visible{box-shadow:none;outline:none}.input::placeholder,.textarea::placeholder{color:var(--component-input-placeholder)}.input:disabled,.select:disabled,.textarea:disabled,.form-control:disabled,.input.is-disabled,.select.is-disabled,.textarea.is-disabled,.form-control.is-disabled{background:color-mix(in oklch,var(--component-input-background),var(--color-foreground-muted) 6%);color:var(--color-foreground-muted);cursor:not-allowed;opacity:.7}.input:disabled:hover,.select:disabled:hover,.textarea:disabled:hover{border-color:var(--component-input-border)}html[data-theme="dark"] .input:disabled,html[data-theme="dark"] .select:disabled,html[data-theme="dark"] .textarea:disabled{background:rgba(255,255,255,.04);color:rgba(255,255,255,.4)}.field.is-disabled .field-label,.field:has(.input:disabled) .field-label,.field:has(.select:disabled) .field-label,.field:has(.textarea:disabled) .field-label{color:var(--color-foreground-muted)}.card,.panel,.widget,.module{display:grid;gap:var(--space-lg);align-content:start;padding:var(--component-card-padding);background:var(--component-card-background);color:var(--component-card-foreground);border:var(--border-width-xs) solid var(--component-card-border);border-radius:var(--component-card-radius);box-shadow:var(--component-card-shadow);min-width:0;overflow-wrap:anywhere;word-break:break-word;transition:border-color var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard),background var(--duration-standard) var(--ease-standard)}.grid>.card,.grid>.panel,.grid>.widget,.grid>.module,.grid-2>.card,.grid-2>.panel,.grid-2>.widget,.grid-2>.module,.grid-3>.card,.grid-3>.panel,.grid-3>.widget,.grid-3>.module,.grid-4>.card,.grid-4>.panel,.grid-4>.widget,.grid-4>.module,.grid-12>.card,.grid-12>.panel,.grid-12>.widget,.grid-12>.module,.auto-grid>.card,.auto-grid>.panel,.auto-grid>.widget,.auto-grid>.module,.card-row-stretch{height:100%}.card>*,.panel>*,.widget>*,.module>*{min-width:0}.card>*:not(.button):not(.btn):not(.input):not(.select):not(.textarea):not(.form-control),.panel>*:not(.button):not(.btn):not(.input):not(.select):not(.textarea):not(.form-control),.widget>*:not(.button):not(.btn):not(.input):not(.select):not(.textarea):not(.form-control),.module>*:not(.button):not(.btn):not(.input):not(.select):not(.textarea):not(.form-control){min-height:0}.card-self-fit{height:auto}.card-scrollable{overflow:auto}html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .widget,html[data-theme="dark"] .module{border-color:rgba(255,255,255,.06);box-shadow:0 12px 32px rgba(0,0,0,.2)}.card-compact{padding:var(--space-lg);border-radius:var(--radius-xl)}.card:has(>.button:last-child),.card:has(>.btn:last-child),.card:has(>button:last-child),.card:has(>.cluster:last-child>.button:last-child),.card:has(>.cluster:last-child>button:last-child),.card:has(>.stack-sm:last-child>.button:last-child),.card:has(>.stack-sm:last-child>button:last-child),.card:has(>.stack-md:last-child>.button:last-child),.card:has(>.stack-md:last-child>button:last-child){padding-bottom:var(--space-md)}.card-brand-primary{background:var(--color-background-brand-primary);color:var(--color-background-brand-primary-contrast);border-color:transparent}.card-brand-primary h1,.card-brand-primary h2,.card-brand-primary h3,.card-brand-primary h4,.card-brand-primary h5,.card-brand-primary h6,.card-brand-primary p,.card-brand-primary span,.card-brand-primary strong{color:var(--color-background-brand-primary-contrast)}.card-brand-secondary{background:var(--color-background-brand-secondary);color:var(--color-background-brand-secondary-contrast);border-color:transparent}.card-brand-secondary h1,.card-brand-secondary h2,.card-brand-secondary h3,.card-brand-secondary h4,.card-brand-secondary h5,.card-brand-secondary h6,.card-brand-secondary p,.card-brand-secondary span,.card-brand-secondary strong{color:var(--color-background-brand-secondary-contrast)}.card-feature-01{background:var(--color-feature-01);color:var(--color-feature-01-contrast);border-color:transparent}.card-feature-01 h1,.card-feature-01 h2,.card-feature-01 h3,.card-feature-01 h4,.card-feature-01 h5,.card-feature-01 h6,.card-feature-01 p,.card-feature-01 span,.card-feature-01 strong{color:var(--color-feature-01-contrast)}.card-feature-02{background:var(--color-feature-02);color:var(--color-feature-02-contrast);border-color:transparent}.card-feature-02 h1,.card-feature-02 h2,.card-feature-02 h3,.card-feature-02 h4,.card-feature-02 h5,.card-feature-02 h6,.card-feature-02 p,.card-feature-02 span,.card-feature-02 strong{color:var(--color-feature-02-contrast)}.card-feature-03{background:var(--color-feature-03);color:var(--color-feature-03-contrast);border-color:transparent}.card-feature-03 h1,.card-feature-03 h2,.card-feature-03 h3,.card-feature-03 h4,.card-feature-03 h5,.card-feature-03 h6,.card-feature-03 p,.card-feature-03 span,.card-feature-03 strong{color:var(--color-feature-03-contrast)}.card-feature-04{background:var(--color-feature-04);color:var(--color-feature-04-contrast);border-color:transparent}.card-feature-04 h1,.card-feature-04 h2,.card-feature-04 h3,.card-feature-04 h4,.card-feature-04 h5,.card-feature-04 h6,.card-feature-04 p,.card-feature-04 span,.card-feature-04 strong{color:var(--color-feature-04-contrast)}.card-feature-05{background:var(--color-feature-05);color:var(--color-feature-05-contrast);border-color:transparent}.card-feature-05 h1,.card-feature-05 h2,.card-feature-05 h3,.card-feature-05 h4,.card-feature-05 h5,.card-feature-05 h6,.card-feature-05 p,.card-feature-05 span,.card-feature-05 strong{color:var(--color-feature-05-contrast)}.card-feature-06{background:var(--color-feature-06);color:var(--color-feature-06-contrast);border-color:transparent}.card-feature-06 h1,.card-feature-06 h2,.card-feature-06 h3,.card-feature-06 h4,.card-feature-06 h5,.card-feature-06 h6,.card-feature-06 p,.card-feature-06 span,.card-feature-06 strong{color:var(--color-feature-06-contrast)}.card-feature-07{background:var(--color-feature-07);color:var(--color-feature-07-contrast);border-color:transparent}.card-feature-07 h1,.card-feature-07 h2,.card-feature-07 h3,.card-feature-07 h4,.card-feature-07 h5,.card-feature-07 h6,.card-feature-07 p,.card-feature-07 span,.card-feature-07 strong{color:var(--color-feature-07-contrast)}.card-feature-08{background:var(--color-feature-08);color:var(--color-feature-08-contrast);border-color:transparent}.card-feature-08 h1,.card-feature-08 h2,.card-feature-08 h3,.card-feature-08 h4,.card-feature-08 h5,.card-feature-08 h6,.card-feature-08 p,.card-feature-08 span,.card-feature-08 strong{color:var(--color-feature-08-contrast)}.card-feature-09{background:var(--color-feature-09);color:var(--color-feature-09-contrast);border-color:transparent}.card-feature-09 h1,.card-feature-09 h2,.card-feature-09 h3,.card-feature-09 h4,.card-feature-09 h5,.card-feature-09 h6,.card-feature-09 p,.card-feature-09 span,.card-feature-09 strong{color:var(--color-feature-09-contrast)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg)}.card-header-titles{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;flex:1}.card-header-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);line-height:var(--line-height-tight);color:var(--color-foreground-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground-secondary);line-height:1.4}.card-header-tools{display:inline-flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.button-icon-only{display:inline-grid;place-items:center;width:2rem;height:2rem;min-height:0;padding:0;background:transparent;color:var(--color-foreground-secondary);border:1px solid transparent;border-radius:50%;font-size:.875rem;line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.button-icon-only:hover{background:var(--color-brand-primary-hover);color:var(--color-brand-primary-bold)}.button-icon-only:active{background:var(--color-brand-primary-active);color:var(--color-brand-primary)}.button-icon-only.button-sm{width:1.75rem;height:1.75rem;font-size:.75rem}.button-icon-only.button-lg{width:2.5rem;height:2.5rem;font-size:1rem}.button-icon-only>i.fa-solid::before,.button-icon-only>i.fa-regular::before,.button-icon-only>i.fa-light::before,.button-icon-only>i.fa-thin::before,.button-icon-only>i.fa-brands::before{width:1em;text-align:center;display:inline-block}@media (max-width:480px){.card-header{flex-direction:column;gap:var(--space-md)}.card-header-tools{width:100%}}.table-wrap{overflow:auto;background:var(--component-table-background);border:var(--border-width-xs) solid var(--component-table-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.table{width:100%;min-width:40rem}.table th,.table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:var(--border-width-xs) solid var(--color-divider)}.table th{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--component-table-header-foreground);background:var(--component-table-header-background)}.table tbody tr:hover{background:var(--component-table-row-hover)}@layer components{.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;min-width:0}.toolbar-titles{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;flex:1 1 auto}.toolbar-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);line-height:var(--line-height-tight);color:var(--color-foreground-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground-secondary);line-height:1.4}.toolbar-tools{display:inline-flex;align-items:center;gap:var(--space-sm);flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end}.toolbar-tools>*{flex-shrink:0}.toolbar-bordered{padding-bottom:var(--space-md);border-bottom:var(--border-width-xs) solid var(--color-divider)}.toolbar-sticky{position:sticky;top:0;z-index:var(--z-index-sticky,100);background:var(--color-background-canvas)}.toolbar-tools .search-input-wrap{width:13rem;flex:0 0 auto}}.table-compact{min-width:0;font-size:var(--font-size-sm)}.table-compact th,.table-compact td{padding:var(--space-sm) var(--space-md)}.table-compact th{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:none;letter-spacing:0;color:var(--color-foreground-secondary);background:transparent}.table-compact tbody tr:hover{background:transparent}.table th.table-action,.table td.table-action{text-align:right;white-space:nowrap;width:1%}.table td.table-action{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.table td.table-action>*+*{margin-left:var(--space-2xs)}.badge,.pill,.tag,.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);height:1.75rem;min-height:1.75rem;max-height:1.75rem;width:fit-content;max-width:fit-content;flex:0 0 auto;justify-self:start;padding:0 var(--space-md);border-radius:var(--component-pill-radius);border:var(--border-width-xs) solid transparent;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap;box-sizing:border-box;vertical-align:middle}.pill-sm,.badge-sm{height:1.375rem;min-height:1.375rem;max-height:1.375rem;font-size:var(--font-size-2xs);padding:0 var(--space-sm)}.pill-lg,.badge-lg{height:2.25rem;min-height:2.25rem;max-height:2.25rem;font-size:var(--font-size-sm);padding:0 var(--space-lg)}.badge-neutral{background:var(--component-badge-neutral-background);color:var(--component-badge-neutral-foreground);border-color:var(--component-badge-neutral-border)}.badge-brand{background:var(--component-badge-brand-background);color:var(--component-badge-brand-foreground);border-color:var(--component-badge-brand-border)}.badge-success{background:var(--color-feedback-success-soft);color:var(--color-feedback-success);border-color:color-mix(in oklch,var(--color-feedback-success),white 58%)}.badge-warning{background:var(--color-feedback-warning-soft);color:color-mix(in oklch,var(--color-feedback-warning),black 35%);border-color:color-mix(in oklch,var(--color-feedback-warning),white 58%)}.badge-danger{background:var(--color-feedback-danger-soft);color:var(--color-feedback-danger);border-color:color-mix(in oklch,var(--color-feedback-danger),white 58%)}.badge-info{background:var(--color-feedback-info-soft);color:var(--color-feedback-info);border-color:color-mix(in oklch,var(--color-feedback-info),white 58%)}.avatar{--avatar-size:2.25rem;position:relative;display:inline-grid;place-items:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-round);background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);font-weight:var(--font-weight-bold);font-size:calc(var(--avatar-size) * .4);letter-spacing:.02em;flex-shrink:0;line-height:1}.avatar-with-status,.avatar-with-ring{overflow:visible}.avatar>img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar-neutral{background:var(--color-background-tertiary);color:var(--color-foreground-primary)}.avatar-overflow{background:var(--color-foreground-primary);color:var(--color-background-canvas)}.avatar-success{background:var(--color-utility-success);color:var(--color-utility-success-contrast,var(--color-static-white))}.avatar-warning{background:var(--color-utility-warning);color:var(--color-utility-warning-contrast,var(--color-foreground-primary))}.avatar-danger{background:var(--color-utility-danger);color:var(--color-utility-danger-contrast,var(--color-static-white))}.avatar-info{background:var(--color-utility-info);color:var(--color-utility-info-contrast,var(--color-static-white))}.avatar-2xs{--avatar-size:1rem;font-size:.5rem;letter-spacing:0}.avatar-xs{--avatar-size:1.25rem;font-size:.5625rem;letter-spacing:0}.avatar-sm{--avatar-size:1.75rem;font-size:.6875rem}.avatar-md{--avatar-size:2.25rem;font-size:.875rem}.avatar-lg{--avatar-size:3rem;font-size:1rem}.avatar-xl{--avatar-size:4rem;font-size:1.25rem}.avatar-2xl{--avatar-size:5.5rem;font-size:1.75rem}.avatar-with-status .avatar-status-dot{position:absolute;bottom:2%;right:2%;width:28%;height:28%;min-width:8px;min-height:8px;border-radius:50%;box-shadow:0 0 0 2px var(--color-surface-base);background:var(--color-utility-success)}.avatar-status-dot.is-online{background:var(--color-utility-success)}.avatar-status-dot.is-busy{background:var(--color-utility-danger)}.avatar-status-dot.is-away{background:var(--color-utility-warning)}.avatar-status-dot.is-offline{background:var(--color-foreground-muted)}.avatar-2xs .avatar-status-dot,.avatar-xs .avatar-status-dot{box-shadow:0 0 0 1.5px var(--color-surface-base)}.avatar-with-status[style*="--avatar-status-halo"] .avatar-status-dot{box-shadow:0 0 0 2px var(--avatar-status-halo,var(--color-surface-base))}.avatar-with-ring{--ring-a:60;--ring-b:25;--ring-c:15;--ring-a-color:var(--color-utility-success);--ring-b-color:var(--color-utility-warning);--ring-c-color:var(--color-divider);--ring-thickness:3px;--ring-gap:3px;--ring-keyline-color:var(--color-surface-base);padding:calc(var(--ring-thickness)+var(--ring-gap));background:conic-gradient( var(--ring-a-color) 0 calc(var(--ring-a) * 1%),var(--ring-b-color) 0 calc((var(--ring-a)+var(--ring-b)) * 1%),var(--ring-c-color) 0 100% )}.avatar-progress-ring-inner{width:100%;height:100%;border-radius:50%;background:var(--color-brand-primary);color:var(--color-brand-primary-contrast);display:grid;place-items:center;font:inherit;box-shadow:0 0 0 var(--ring-gap) var(--ring-keyline-color)}.avatar-with-ring.avatar-neutral .avatar-progress-ring-inner{background:var(--color-background-tertiary);color:var(--color-foreground-primary)}.avatar-with-ring.avatar-with-status .avatar-status-dot{bottom:-2%;right:-2%}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-md);border-bottom:0}.tab{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0 var(--space-lg);border-radius:var(--radius-pill);color:var(--color-foreground-secondary);background:transparent;border:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background var(--duration-standard) var(--ease-standard),color var(--duration-standard) var(--ease-standard)}.tab:hover{color:var(--color-brand-primary-bold);background:var(--color-brand-primary-hover)}.tab.is-active{color:var(--color-brand-primary-contrast);background:var(--color-brand-primary-strong);font-weight:var(--font-weight-semibold)}.tab.is-active::after{display:none}.alert,.notice,.banner{display:grid;gap:var(--space-sm);padding:var(--space-lg);border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--component-container-radius)}.banner-inline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);width:100%;flex-wrap:wrap}.banner-inline>.cluster{flex:1 1 20rem}.banner-full{width:100vw;margin-inline:calc(50% - 50vw);border-radius:0;border-inline:0;display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md) var(--space-2xl)}.banner-dismiss{margin-left:auto}.banner-animated{animation:fade-in var(--duration-standard) var(--ease-enter) both}.banner-animated.is-dismissing{animation:fade-out var(--duration-standard) var(--ease-exit) both}.alert-info{background:var(--color-feedback-info-soft);color:var(--color-feedback-info);border-color:color-mix(in oklch,var(--color-feedback-info),white 55%)}.alert-success{background:var(--color-feedback-success-soft);color:var(--color-feedback-success);border-color:color-mix(in oklch,var(--color-feedback-success),white 55%)}.alert-warning{background:var(--color-feedback-warning-soft);color:color-mix(in oklch,var(--color-feedback-warning),black 32%);border-color:color-mix(in oklch,var(--color-feedback-warning),white 55%)}.alert-danger{background:var(--color-feedback-danger-soft);color:var(--color-feedback-danger);border-color:color-mix(in oklch,var(--color-feedback-danger),white 55%)}.overlay,.modal-overlay,.drawer-overlay{position:absolute;inset:0;z-index:var(--z-index-overlay);background:var(--color-background-overlay);backdrop-filter:var(--blur-sm);border-radius:inherit}.demo-overlay-shell{position:relative;min-height:22rem;border-radius:var(--radius-2xl);overflow:hidden;background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-page));border:1px solid var(--color-border-subtle)}.modal{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:var(--z-index-modal);width:min(100% - 2rem,36rem);max-height:calc(100% - 2rem);overflow:auto;background:var(--component-modal-background);color:var(--component-modal-foreground);border:var(--border-width-xs) solid var(--component-modal-border);border-radius:var(--component-modal-radius);box-shadow:var(--component-modal-shadow)}.modal-header,.modal-body,.modal-footer,.drawer-header,.drawer-body,.drawer-footer{padding:var(--space-xl)}.modal-header,.modal-footer,.drawer-header,.drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.modal-header,.drawer-header{border-bottom:var(--border-width-xs) solid var(--color-divider);padding-right:3.5rem}.modal-footer,.drawer-footer{padding-top:var(--space-sm);padding-bottom:var(--space-md)}.modal.modal-static{position:static;display:block;transform:none;z-index:auto;max-height:none;inset:auto}.modal-close,.drawer-close{position:absolute;top:var(--space-md);right:var(--space-md);display:grid;place-items:center;width:2rem;height:2rem;background:transparent;border:0;border-radius:50%;color:var(--color-foreground-secondary);cursor:pointer;z-index:2}.modal-close:hover,.drawer-close:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.modal-footer{border-top:var(--border-width-xs) solid var(--color-divider)}.page-overlay-host{position:fixed;inset:0;margin:0;z-index:var(--z-index-overlay);pointer-events:none;opacity:0;transition:opacity var(--duration-standard) var(--ease-standard)}.page-overlay-host.is-active{opacity:1;pointer-events:auto}.page-overlay-backdrop{position:absolute;inset:0;background:var(--color-overlay-scrim);backdrop-filter:blur(var(--color-overlay-blur));-webkit-backdrop-filter:blur(var(--color-overlay-blur))}html[data-theme="dark"] .page-overlay-backdrop{background:var(--color-overlay-scrim)}.page-overlay-host [data-modal]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);opacity:0;transition:opacity var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard);max-height:calc(100vh - 4rem);overflow:auto;display:none}.page-overlay-host [data-modal].is-active{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}.page-overlay-host [data-drawer]{position:fixed;top:0;right:0;bottom:0;width:min(100%,26rem);transform:translateX(100%);transition:transform var(--duration-slow) var(--ease-standard);display:flex;flex-direction:column}.page-overlay-host [data-drawer].is-active{transform:translateX(0)}.page-overlay-host [data-drawer] .drawer-body{flex:1;overflow:auto}.page-overlay-host [data-drawer].is-floating{--drawer-floating-margin:var(--space-sm);top:var(--drawer-floating-margin);right:var(--drawer-floating-margin);bottom:var(--drawer-floating-margin);width:min(calc(100% - (var(--drawer-floating-margin) * 2)),26rem);border-radius:var(--radius-2xl);overflow:hidden;transform:translateX(calc(100%+var(--drawer-floating-margin)))}.page-overlay-host [data-drawer].is-floating.is-active{transform:translateX(0)}@media (max-width:480px){.page-overlay-host [data-drawer].is-floating{--drawer-floating-margin:0;border-radius:0}}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(100%,24rem);z-index:var(--z-index-drawer);background:var(--component-drawer-background);border-left:var(--border-width-xs) solid var(--component-drawer-border);box-shadow:var(--component-drawer-shadow);display:grid;grid-template-rows:auto 1fr auto}.drawer-footer{border-top:var(--border-width-xs) solid var(--color-divider)}.toast-stack{position:absolute;right:var(--space-lg);bottom:var(--space-lg);z-index:var(--z-index-toast);display:grid;gap:var(--space-sm);width:min(100vw - 2rem,22rem)}.toast{display:grid;gap:var(--space-xs);padding:var(--space-lg);background:var(--color-background-canvas);border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.mobile-tab-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-xs);padding:var(--space-sm);background:color-mix(in oklch,var(--color-background-canvas),white 10%);border-top:var(--border-width-xs) solid var(--color-border-subtle);backdrop-filter:var(--blur-md);border-radius:0}.mobile-tab-bar.is-floating{border-radius:var(--radius-pill)}.mobile-tab-item{display:grid;place-items:center;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-pill);color:var(--color-foreground-muted);font-size:var(--font-size-xs)}.mobile-tab-item.is-active{background:var(--color-brand-primary-soft);color:var(--color-brand-primary-bold)}.side-action-rail{position:fixed;right:var(--space-lg);top:50%;transform:translateY(-50%);z-index:var(--z-index-sticky);display:grid;gap:var(--space-xs)}.side-action-button{width:3.25rem;height:3.25rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.22);background:var(--color-brand-primary);color:var(--color-brand-primary-contrast);display:inline-grid;place-items:center;box-shadow:var(--shadow-md)}.side-action-button:hover{background:var(--color-brand-primary-bold)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-lg);background:var(--color-background-primary);border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--radius-xl)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.search-input-wrap{position:relative}.search-input-wrap .input{padding-left:calc(var(--control-padding-inline-md)+1.25rem+var(--space-sm))}.search-input-icon{position:absolute;top:50%;left:var(--space-md);transform:translateY(-50%);color:var(--color-foreground-muted);pointer-events:none}}@layer components{.brand-logo{display:block;flex-shrink:0;width:auto;max-width:none;--logo-ring-stroke:transparent;--logo-emblem-fill:var(--color-brand-primary);--logo-cloud-fill:#ffffff;--logo-cloud-shading:#e5e5e4;--logo-pill-fill:#ffffff;--logo-text-fill:var(--color-foreground-primary);--logo-tag-fill:var(--color-foreground-secondary)}.logo-size-header{height:var(--logo-height-header);aspect-ratio:350 / 115}.logo-size-hero{height:var(--logo-height-hero);aspect-ratio:350 / 115}.logo-size-collapsed{height:var(--logo-height-collapsed);aspect-ratio:1 / 1}.logo-size-footer{height:var(--logo-height-footer);aspect-ratio:1 / 1}html[data-theme="dark"] .brand-logo{--logo-text-fill:#ffffff}.brand-logo-mono{--logo-emblem-fill:var(--color-foreground-primary);--logo-cloud-fill:#ffffff;--logo-cloud-shading:rgba(255,255,255,.14);--logo-pill-fill:var(--color-background-canvas);--logo-text-fill:var(--color-foreground-primary);--logo-tag-fill:var(--color-foreground-secondary)}.brand-logo-reversed,.brand-logo-mono-reversed{--logo-emblem-fill:transparent;--logo-cloud-fill:#ffffff;--logo-cloud-shading:rgba(255,255,255,.14);--logo-pill-fill:rgba(255,255,255,.10);--logo-text-fill:#ffffff;--logo-tag-fill:#ffffff}.brand-logo-ring{--logo-ring-stroke:#ffffff}.brand-logo-ring.brand-logo-mono{--logo-ring-stroke:var(--color-foreground-primary)}.brand-logo-ring.brand-logo-reversed,.brand-logo-ring.brand-logo-mono-reversed{--logo-ring-stroke:#ffffff}.brand-logo .logo-base{fill:var(--logo-emblem-fill)}.brand-logo .logo-cloud{fill:var(--logo-cloud-fill)}.brand-logo .logo-cloud-shadow{fill:var(--logo-cloud-shading)}.brand-logo .logo-ring-outer{fill:var(--logo-ring-stroke)}.brand-logo .logo-pill{fill:var(--logo-pill-fill)}.brand-logo .logo-text{fill:var(--logo-text-fill)}.brand-logo .logo-tagline{fill:var(--logo-tag-fill)}.static-logo-card{display:flex;flex-direction:column;align-items:stretch;text-align:left}.static-logo-card>:first-child{flex:1 1 auto}.static-logo-card>.cluster,.static-logo-card>.stack-2xs,.static-logo-card>.stack-xs,.static-logo-card>.stack-sm{flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-2xs)}.static-logo-card code{overflow-wrap:anywhere;max-width:100%}.static-logo-frame{display:grid;place-items:center;padding:var(--space-2xl) var(--space-lg);min-height:7rem;background:var(--color-static-white);border-radius:var(--radius-lg);overflow:hidden}.static-logo-frame>img{max-width:100%;max-height:100%;height:auto;display:block}.static-logo-frame-portrait{min-height:14rem}.static-logo-frame-portrait>img{max-height:12rem;width:auto}.badge-frame{min-height:7rem;padding:var(--space-md)}.badge-frame>img{height:3rem;width:auto;max-width:100%}.logo-lockup{display:inline-flex;align-items:center;gap:calc(var(--logo-lockup-emblem-size) * .28);color:var(--color-foreground-primary);text-decoration:none;line-height:1;white-space:nowrap}.logo-lockup:hover{text-decoration:none}.logo-lockup-emblem{width:var(--logo-lockup-emblem-size);height:var(--logo-lockup-emblem-size);flex-shrink:0;display:inline-grid;place-items:center}.logo-lockup-emblem svg,.logo-lockup-emblem img{width:100%;height:100%;display:block}.logo-lockup-text{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);font-size:calc(var(--logo-lockup-emblem-size) * .58);letter-spacing:-.015em}.logo-lockup-sub{font-family:var(--font-family-heading);font-weight:var(--font-weight-regular);font-size:calc(var(--logo-lockup-emblem-size) * .44);color:var(--color-foreground-secondary);border-left:1px solid var(--color-divider);padding-left:calc(var(--logo-lockup-emblem-size) * .28)}.logo-lockup-sm{--logo-lockup-emblem-size:28px}.logo-lockup-lg{--logo-lockup-emblem-size:48px}.logo-lockup-reversed,.logo-lockup-reversed .logo-lockup-sub{color:var(--color-static-white)}.logo-lockup-reversed .logo-lockup-sub{border-left-color:rgba(255,255,255,.35)}.spinner{--spinner-base:var(--color-brand-primary);--spinner-arc-color:var(--color-brand-primary);--spinner-stroke:30;display:inline-block;flex-shrink:0;line-height:0;width:64px;height:64px}.spinner svg{width:100%;height:100%;display:block;overflow:visible}.spinner-arc{fill:none;stroke:var(--spinner-arc-color);stroke-width:var(--spinner-stroke);stroke-linecap:round;stroke-linejoin:round;transform-origin:300px 300px;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner-arc{animation-duration:5s}}.spinner-on-brand{--spinner-arc-color:var(--color-brand-primary)}.spinner-xs{width:16px;height:16px}.spinner-sm{width:32px;height:32px}.spinner-md{width:64px;height:64px}.spinner-lg{width:96px;height:96px}.spinner-xl{width:144px;height:144px}.field-requirements{font-size:var(--font-size-xs);color:var(--color-foreground-muted);margin:0;padding-left:0}.field-requirements>li{list-style:none;padding-left:0}.field-requirements>li.is-met{color:var(--color-utility-success)}.field-requirements>li.is-met::before{content:"\f00c";font-family:"Font Awesome 6 Pro";font-weight:900;margin-right:.4em}.field-requirements>li:not(.is-met)::before{content:"\f111";font-family:"Font Awesome 6 Pro";font-weight:300;margin-right:.4em;opacity:.5}.field-label:has(>.field-label-info-icon){display:flex;align-items:center}.field-label>.field-label-info-icon{margin-left:auto}.field-label-info{display:inline-flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.field-label-info-icon{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:50%;background:transparent;color:var(--color-foreground-muted);border:1.5px solid var(--color-foreground-muted);font-size:.625rem;font-weight:var(--font-weight-bold);cursor:help;position:relative;flex-shrink:0;line-height:1;font-style:normal;font-family:var(--font-family-body)}.field-label-info-icon>i{font-size:.5625rem;line-height:1}.field-label-info-icon:hover,.field-label-info-icon:focus-visible{background:var(--color-brand-primary);color:var(--color-static-white);border-color:var(--color-brand-primary);outline:none}.field-label-info-icon[data-tooltip]:hover,.field-label-info-icon[data-tooltip]:focus-visible{z-index:calc(var(--z-index-tooltip)+2)}.field-label-info-icon[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100%+var(--space-xs));left:50%;transform:translateX(-50%) translateY(4px);z-index:var(--z-index-tooltip);min-width:14rem;max-width:18rem;padding:var(--space-sm) var(--space-md);background:var(--color-foreground-primary);color:var(--color-background-canvas);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:1.45;text-align:left;text-transform:none;letter-spacing:normal;border-radius:var(--radius-md);box-shadow:var(--shadow-md);white-space:normal;cursor:default;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.field-label-info-icon[data-tooltip]::before{content:"";position:absolute;bottom:calc(100%+var(--space-xs) - 4px);left:50%;transform:translateX(-50%) translateY(4px);z-index:calc(var(--z-index-tooltip)+1);width:8px;height:8px;background:var(--color-foreground-primary);clip-path:polygon(50% 100%,100% 0,0 0);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);pointer-events:none}.field-label-info-icon[data-tooltip]:hover::after,.field-label-info-icon[data-tooltip]:focus-visible::after,.field-label-info-icon[data-tooltip]:hover::before,.field-label-info-icon[data-tooltip]:focus-visible::before{opacity:1;transform:translateX(-50%) translateY(0)}.field-required{color:var(--color-utility-danger);margin-left:var(--space-2xs);font-weight:var(--font-weight-bold)}.field-optional{color:var(--color-foreground-muted);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);margin-left:var(--space-2xs)}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--color-utility-danger)}.input.is-invalid:focus,.select.is-invalid:focus,.textarea.is-invalid:focus{box-shadow:0 0 0 4px color-mix(in oklch,var(--color-utility-danger),white 78%)}.field-error{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-utility-danger);display:none}.field.validate-eager.is-invalid .field-error{display:block}.field.validate-eager.is-invalid .input,.field.validate-eager.is-invalid .select,.field.validate-eager.is-invalid .textarea{border-color:var(--color-utility-danger)}.field.validate-on-blur.has-been-blurred.is-invalid .field-error{display:block}.field.validate-on-blur:not(.has-been-blurred) .input.is-invalid,.field.validate-on-blur:not(.has-been-blurred) .select.is-invalid,.field.validate-on-blur:not(.has-been-blurred) .textarea.is-invalid{border-color:var(--component-input-border)}.field.validate-on-submit .field-error{display:none}.form.was-submitted .field.validate-on-submit.is-invalid .field-error{display:block}.field.validate-on-submit:not(.has-been-blurred) .input.is-invalid,.field.validate-on-submit:not(.has-been-blurred) .select.is-invalid,.field.validate-on-submit:not(.has-been-blurred) .textarea.is-invalid{border-color:var(--component-input-border)}.form.was-submitted .field.validate-on-submit.is-invalid .input,.form.was-submitted .field.validate-on-submit.is-invalid .select,.form.was-submitted .field.validate-on-submit.is-invalid .textarea{border-color:var(--color-utility-danger)}.field.has-error-tooltip{position:relative;padding-bottom:2.25rem}.field.has-error-tooltip .field-error{display:none;position:absolute;bottom:0;left:0;right:0;margin-top:0;padding:var(--space-2xs) var(--space-md);background:var(--color-utility-danger);color:var(--color-static-white);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4;z-index:2;white-space:normal;box-shadow:var(--shadow-sm)}.field.has-error-tooltip .field-error::before{content:"";position:absolute;top:-4px;left:var(--space-md);width:8px;height:8px;background:var(--color-utility-danger);transform:rotate(45deg)}.field.has-error-tooltip.validate-eager.is-invalid .field-error,.field.has-error-tooltip.validate-on-blur.has-been-blurred.is-invalid .field-error,.form.was-submitted .field.has-error-tooltip.validate-on-submit.is-invalid .field-error{display:block}.field.has-error-icon-only .field-error{display:none}.field.has-error-icon-only .input,.field.has-error-icon-only .select,.field.has-error-icon-only .textarea{padding-right:calc(var(--control-padding-inline-md)+1.5rem)}.field.has-error-icon-only{position:relative}.field.has-error-icon-only.is-invalid::after{content:"!";position:absolute;top:50%;right:var(--space-sm);transform:translateY(-50%);width:1.125rem;height:1.125rem;background:var(--color-utility-danger);color:white;border-radius:50%;font-size:.75rem;font-weight:var(--font-weight-bold);display:none;align-items:center;justify-content:center;cursor:help;pointer-events:auto;z-index:1}.field.has-error-icon-only.validate-eager.is-invalid::after,.field.has-error-icon-only.validate-on-blur.has-been-blurred.is-invalid::after,.form.was-submitted .field.has-error-icon-only.validate-on-submit.is-invalid::after{display:inline-flex}.form-error-summary{padding:var(--space-md) var(--space-lg);background:color-mix(in oklch,var(--color-utility-danger),white 92%);border:var(--border-width-xs) solid color-mix(in oklch,var(--color-utility-danger),white 60%);border-radius:var(--radius-md);color:var(--color-utility-danger);font-size:var(--font-size-sm);display:none}.form.was-submitted:has(.field.is-invalid) .form-error-summary,.form-error-summary.is-visible{display:block}.form-error-summary-title{font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs);display:flex;align-items:center;gap:var(--space-sm)}.form-error-summary-list{margin:0;padding-left:var(--space-lg)}.form-error-summary-list>li>a{color:var(--color-utility-danger);text-decoration:underline;font-weight:var(--font-weight-semibold)}.form-success-summary{padding:var(--space-md) var(--space-lg);background:color-mix(in oklch,var(--color-utility-success),white 92%);border:var(--border-width-xs) solid color-mix(in oklch,var(--color-utility-success),white 60%);border-radius:var(--radius-md);color:var(--color-utility-success);font-size:var(--font-size-sm);display:none}.form-success-summary.is-visible{display:block}.form-success-summary-title{font-weight:var(--font-weight-bold);margin:0 0 var(--space-2xs);display:flex;align-items:center;gap:var(--space-sm)}.form-success-summary-body{margin:0;color:color-mix(in oklch,var(--color-utility-success),black 15%)}.input.is-valid,.select.is-valid,.textarea.is-valid{border-color:var(--color-utility-success)}.input.is-valid:focus,.select.is-valid:focus,.textarea.is-valid:focus{box-shadow:0 0 0 4px color-mix(in oklch,var(--color-utility-success),white 78%)}.field-success{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-utility-success);display:none}.field.validate-eager.is-valid .field-success,.field.validate-on-blur.has-been-blurred.is-valid .field-success{display:block}.lander{display:flex;flex-direction:column;min-height:100%;background:var(--color-background-canvas)}.lander>*{width:100%}.lander-content{max-width:64rem;margin-inline:auto;padding-inline:var(--space-xl)}.lander-hero{background:var(--color-surface-brand);padding-block:var(--space-3xl);position:relative;overflow:hidden}.lander-hero>.lander-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.lander-hero-eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-brand-primary);margin:0 0 var(--space-sm)}.lander-hero-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-brand-primary);line-height:1.1;margin:0 0 var(--space-md)}.lander-hero-subtitle{font-size:var(--font-size-md);color:var(--color-foreground-secondary);line-height:1.5;margin:0 0 var(--space-lg);max-width:28rem}.lander-hero-image{display:flex;justify-content:flex-end;align-items:center}.lander-hero-image>img,.lander-hero-image>svg{max-width:100%;height:auto}.lander-hero-dark{background:var(--color-foreground-primary);color:var(--color-background-canvas)}.lander-hero-dark .lander-hero-eyebrow,.lander-hero-dark .lander-hero-title{color:var(--color-background-canvas)}.lander-hero-dark .lander-hero-subtitle{color:color-mix(in oklch,var(--color-background-canvas),transparent 25%)}.lander-section{padding-block:var(--space-3xl);background:var(--color-background-canvas)}.lander-section-tinted{background:var(--color-background-secondary)}.lander-section-brand{background:var(--color-surface-brand)}.lander-section>.lander-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.lander-section-image-right>.lander-content>:first-child{order:0}.lander-section-image-right>.lander-content>:last-child{order:1}.lander-section-image-left>.lander-content>:first-child{order:1}.lander-section-image-left>.lander-content>:last-child{order:0}.lander-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-foreground-primary);line-height:1.2;margin:0 0 var(--space-lg)}.lander-section-subtitle{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-regular);color:var(--color-foreground-secondary)}.lander-section-image{display:flex;justify-content:center;align-items:center}.lander-section-image>img,.lander-section-image>svg{max-width:100%;height:auto}.lander-feature-list{display:flex;flex-direction:column;gap:var(--space-lg);list-style:none;padding:0;margin:0}.lander-feature-list>li{display:flex;flex-direction:column;gap:var(--space-xs)}.lander-feature-list-label{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-foreground-primary);margin:0}.lander-feature-list-text{font-size:var(--font-size-sm);line-height:1.55;color:var(--color-foreground-secondary);margin:0}.lander-tile-row-section{padding-block:var(--space-2xl) var(--space-3xl);background:var(--color-background-canvas)}.lander-tile-row-header{text-align:center;margin-bottom:var(--space-2xl)}.lander-tile-row-header>h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-foreground-primary);margin:0 0 var(--space-sm)}.lander-tile-row-header>p{font-size:var(--font-size-md);color:var(--color-foreground-secondary);margin:0;max-width:38rem;margin-inline:auto}.lander-tile-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.lander-feature-tile{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--component-card-padding);background:var(--color-background-secondary);border-radius:var(--radius-xl);text-align:left}.lander-feature-tile-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);background:color-mix(in oklch,var(--color-brand-primary),white 84%);color:var(--color-brand-primary);font-size:var(--font-size-lg)}.lander-feature-tile-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-foreground-primary);margin:0}.lander-feature-tile-desc{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-foreground-secondary);margin:0}.lander-cta{background:var(--color-utility-success);color:white;padding-block:var(--space-2xl);position:relative;overflow:hidden}.lander-cta .button-inverse{--button-inverse-foreground:var(--color-utility-success)}.lander-cta>.lander-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.lander-cta-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:white;line-height:1.2;margin:0 0 var(--space-md)}.lander-cta-subtitle{font-size:var(--font-size-md);color:color-mix(in oklch,white,transparent 15%);margin:0 0 var(--space-lg)}.lander-cta-brand{background:var(--color-brand-primary)}@media (max-width:720px){.lander-hero>.lander-content,.lander-section>.lander-content,.lander-cta>.lander-content{grid-template-columns:1fr}.lander-hero{padding-block:var(--space-2xl)}.lander-section{padding-block:var(--space-2xl)}.lander-tile-row{grid-template-columns:1fr}.lander-section-image-left>.lander-content>:first-child,.lander-section-image-right>.lander-content>:first-child{order:0}.lander-section-image-left>.lander-content>:last-child,.lander-section-image-right>.lander-content>:last-child{order:0}.lander-hero-title{font-size:var(--font-size-2xl)}}.mobile-event-tile{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);text-decoration:none;color:white;font-size:var(--font-size-sm);line-height:1.3;min-height:3rem;background:var(--color-brand-primary);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.mobile-event-tile:active{transform:scale(.985)}.mobile-event-tile-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.25rem;flex-shrink:0}.mobile-event-tile-body{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.mobile-event-tile-body>strong{font-weight:var(--font-weight-bold);color:white}.mobile-event-tile-body>span{color:color-mix(in oklch,white,transparent 25%);font-size:var(--font-size-xs)}.mobile-event-tile-chevron{margin-left:auto;opacity:.7}.mobile-event-tile-birthday{background:linear-gradient(135deg,var(--color-brand-primary),color-mix(in oklch,var(--color-brand-primary),black 12%))}.mobile-event-tile-anniversary{background:linear-gradient(135deg,var(--color-feature-03),color-mix(in oklch,var(--color-feature-03),black 12%))}.mobile-event-tile-achievement{background:linear-gradient(135deg,var(--color-feature-07),color-mix(in oklch,var(--color-feature-07),black 15%))}.mobile-event-tile-system{background:var(--color-foreground-primary);color:var(--color-background-canvas)}.mobile-event-tile-system .mobile-event-tile-body>strong{color:var(--color-background-canvas)}.mobile-event-tile-system .mobile-event-tile-body>span{color:color-mix(in oklch,var(--color-background-canvas),transparent 30%)}.mobile-event-stack{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.mobile-event-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg) var(--space-lg);border-radius:var(--radius-2xl);background:var(--color-brand-primary);color:var(--color-static-white);text-align:center;position:relative;overflow:hidden;min-height:22rem;--mec-bg:var(--color-brand-primary);--mec-fg:var(--color-static-white);--mec-fg-muted:color-mix(in oklch,var(--color-static-white),transparent 20%);--mec-fg-faint:color-mix(in oklch,var(--color-static-white),transparent 35%);--mec-decoration:color-mix(in oklch,var(--color-static-white),transparent 78%);background:var(--mec-bg);color:var(--mec-fg)}.mobile-event-card-decoration{position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(circle at 12% 18%,var(--mec-decoration) 0,transparent 4%),radial-gradient(circle at 88% 22%,var(--mec-decoration) 0,transparent 3%),radial-gradient(circle at 78% 88%,var(--mec-decoration) 0,transparent 5%),radial-gradient(circle at 18% 82%,var(--mec-decoration) 0,transparent 3%)}.mobile-event-card>*{position:relative;z-index:1}.mobile-event-card-avatar-wrap{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs);border-radius:50%;background:var(--mec-fg-faint);box-shadow:0 0 0 3px var(--mec-fg-muted)}.mobile-event-card-avatar-wrap>.avatar{box-shadow:0 0 0 4px var(--mec-bg)}.mobile-event-card-headline{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--mec-fg);line-height:1.15;margin:0;max-width:18rem}.mobile-event-card-headline-script{font-family:var(--font-family-script);font-size:var(--font-size-3xl);font-weight:var(--font-weight-regular);line-height:1.35;padding-bottom:.1em}.mobile-event-card-headline-bold{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);text-transform:none;letter-spacing:-.01em}.mobile-event-card-headline-casual{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.3}.mobile-event-card-headline-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.12em;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-static-white);color:var(--color-foreground-primary);display:inline-block}.mobile-event-card-message{font-size:var(--font-size-sm);line-height:1.5;color:var(--mec-fg-muted);margin:0;max-width:18rem}.mobile-event-card-cta{margin-top:auto;padding-top:var(--space-md);width:100%;display:flex;justify-content:center}.mobile-event-card-cta>.button{min-width:60%;background:var(--color-static-white);color:var(--mec-bg);border:0}.mobile-event-card-cta>.button:hover{background:color-mix(in oklch,var(--color-static-white),var(--mec-bg) 12%)}.mobile-event-card-feature-1{--mec-bg:var(--color-feature-03);--mec-fg:var(--color-feature-03-contrast)}.mobile-event-card-feature-2{--mec-bg:var(--color-feature-04);--mec-fg:var(--color-feature-04-contrast)}.mobile-event-card-feature-3{--mec-bg:var(--color-feature-05);--mec-fg:var(--color-feature-05-contrast)}.mobile-event-card-feature-4{--mec-bg:var(--color-feature-06);--mec-fg:var(--color-feature-06-contrast)}.mobile-event-card-feature-5{--mec-bg:var(--color-feature-07);--mec-fg:var(--color-feature-07-contrast)}.mobile-event-card-feature-6{--mec-bg:var(--color-feature-08);--mec-fg:var(--color-feature-08-contrast)}.mobile-event-card-feature-7{--mec-bg:var(--color-feature-02);--mec-fg:var(--color-feature-02-contrast)}.mobile-event-card-feature-8{--mec-bg:var(--color-feature-10);--mec-fg:var(--color-feature-10-contrast)}.mobile-event-card-white{--mec-bg:var(--color-surface-base);--mec-fg:var(--color-foreground-primary);--mec-fg-muted:var(--color-foreground-secondary);--mec-fg-faint:color-mix(in oklch,var(--color-foreground-primary),transparent 88%);--mec-decoration:color-mix(in oklch,var(--color-brand-primary),transparent 82%);border:1px solid var(--color-divider)}.mobile-event-card-white .mobile-event-card-avatar-wrap{background:var(--color-background-secondary);box-shadow:0 0 0 3px var(--color-divider)}.mobile-event-card-white .mobile-event-card-cta>.button{background:var(--color-brand-primary);color:var(--color-static-white)}.mobile-event-card-white .mobile-event-card-cta>.button:hover{background:var(--color-brand-primary-hover,color-mix(in oklch,var(--color-brand-primary),black 10%))}.mobile-event-card-feature-7{--mec-fg-muted:color-mix(in oklch,var(--mec-fg),transparent 30%);--mec-fg-faint:color-mix(in oklch,var(--mec-fg),transparent 60%);--mec-decoration:color-mix(in oklch,var(--mec-fg),transparent 80%)}.mobile-event-card-gradient{background:linear-gradient(160deg,var(--mec-bg) 0%,color-mix(in oklch,var(--mec-bg),black 18%) 100%)}.avatar-bordered{box-shadow:0 0 0 3px var(--color-brand-primary)}.avatar-bordered-secondary{box-shadow:0 0 0 3px var(--color-brand-secondary)}.avatar-stack{display:inline-flex;align-items:center}.avatar-stack>.avatar:not(:first-child){margin-left:-.625rem;box-shadow:0 0 0 2px var(--color-background-canvas)}.avatar-with-status{position:relative}.avatar-status-dot{position:absolute;right:-2px;bottom:-2px;width:.875em;height:.875em;border-radius:50%;box-shadow:0 0 0 2px var(--color-background-canvas)}.avatar-sm .avatar-status-dot,.avatar-sm+.avatar-status-dot{width:.625rem;height:.625rem;right:-1px;bottom:-1px}.avatar-lg .avatar-status-dot{width:.875rem;height:.875rem}.avatar-status-dot.is-online{background:var(--color-utility-success)}.avatar-status-dot.is-busy{background:var(--color-utility-danger)}.avatar-status-dot.is-away{background:var(--color-utility-warning)}.avatar-status-dot.is-offline{background:var(--color-foreground-muted)}.button:disabled,.button[aria-disabled="true"]{background:var(--color-action-disabled) !important;color:var(--color-action-disabled-contrast) !important;border-color:transparent !important;cursor:not-allowed;opacity:.7}.button.is-loading{position:relative;color:transparent !important;pointer-events:none}.button.is-loading::after{content:"";position:absolute;inset:50% auto auto 50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;color:var(--color-action-primary-contrast);animation:spin .7s linear infinite}.button-secondary.is-loading::after,.button-tertiary.is-loading::after{color:var(--color-foreground-primary)}@keyframes spin{to{transform:rotate(360deg)}}.card-interactive{cursor:pointer;transition:transform var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard),border-color var(--duration-standard) var(--ease-standard)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in oklch,var(--color-brand-primary),white 60%)}.card-tinted-warm{background:var(--color-surface-warm);border-color:var(--color-border-warm)}.card-tinted-cool{background:var(--color-surface-cool);border-color:var(--color-border-cool)}.card-tinted-brand{background:var(--color-surface-brand);border-color:color-mix(in oklch,var(--color-brand-primary),white 70%)}.card-success{background:var(--color-surface-success);border-color:var(--color-border-success)}.card-warning{background:var(--color-surface-warning);border-color:var(--color-border-warning)}.card-danger{background:var(--color-surface-danger);border-color:var(--color-border-danger)}.card-info{background:var(--color-surface-info);border-color:var(--color-border-info)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-divider)}.empty-state{display:grid;place-items:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-xl);text-align:center;color:var(--color-foreground-secondary)}.empty-state-icon{width:3.5rem;height:3.5rem;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--color-background-secondary);color:var(--color-foreground-muted);font-size:var(--font-size-2xl)}.empty-state h4{color:var(--color-foreground-primary)}.search-input-wrap{position:relative;display:inline-flex;align-items:stretch;width:100%}.search-input-wrap>.input{padding-left:2.5rem;padding-right:var(--control-padding-inline-md)}.search-input-wrap>.search-input-icon,.search-input-wrap>i.fa-solid,.search-input-wrap>i.fa-regular,.search-input-wrap>i.fa-light,.search-input-wrap>i.fa-brands{position:absolute;top:50%;left:.875rem;transform:translateY(-50%);display:grid;place-items:center;width:1rem;height:1rem;color:var(--color-foreground-muted);pointer-events:none;font-size:.875rem;line-height:1;z-index:1}.search-input-wrap:has(>.input:focus)>.search-input-icon,.search-input-wrap:has(>.input:focus)>i.fa-solid,.search-input-wrap:has(>.input:focus)>i.fa-regular,.search-input-wrap.is-focused>.search-input-icon,.search-input-wrap.is-focused>i.fa-solid,.search-input-wrap.is-focused>i.fa-regular{color:var(--color-brand-primary)}.select{min-height:var(--control-height-md);padding-right:2.5rem;background-position:right .875rem center}.select-sm{min-height:var(--control-height-sm)}.select-lg{min-height:var(--control-height-lg)}.switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;width:2.5rem;height:1.375rem;background:var(--color-background-tertiary);border-radius:var(--radius-pill);transition:background var(--duration-standard) var(--ease-standard)}.switch-track::after{content:"";position:absolute;top:2px;left:2px;width:calc(1.375rem - 4px);height:calc(1.375rem - 4px);background:var(--color-static-white);border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.18);transition:transform var(--duration-standard) var(--ease-standard)}.switch input:checked+.switch-track{background:var(--color-brand-primary-strong)}.switch input:checked+.switch-track::after{transform:translateX(calc(2.5rem - 1.375rem))}.switch input:focus-visible+.switch-track{box-shadow:var(--shadow-focus)}.switch input:disabled+.switch-track{opacity:.5;cursor:not-allowed}.check,.radio{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-md);line-height:1.4;padding:.25rem 0}.check input,.radio input{margin-top:calc((1lh - 1.125rem) / 2)}.check-center,.radio-center{align-items:center}.check-center input,.radio-center input{margin-top:0}.check input,.radio input{appearance:none;-webkit-appearance:none;width:1.125rem;height:1.125rem;border:2px solid var(--color-border-primary);background:var(--color-background-canvas);cursor:pointer;margin:0;flex-shrink:0;position:relative;transition:border-color var(--duration-standard) var(--ease-standard),background var(--duration-standard) var(--ease-standard)}.check input{border-radius:.25rem}.radio input{border-radius:50%}.check input:checked,.radio input:checked{border-color:var(--color-brand-primary-strong);background:var(--color-brand-primary-strong)}.check input:checked::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 8 7 12 13 4'/%3E%3C/svg%3E");background-size:80% 80%;background-position:center;background-repeat:no-repeat}.radio input:checked::after{content:"";position:absolute;inset:25%;background:white;border-radius:50%}.check input:focus-visible,.radio input:focus-visible{box-shadow:var(--shadow-focus)}.check input:disabled,.radio input:disabled{opacity:.5;cursor:not-allowed}.check:has(input:disabled),.radio:has(input:disabled){color:var(--color-foreground-muted);cursor:not-allowed}.check-sm input,.radio-sm input{width:.875rem;height:.875rem;border-width:1.5px}.check-sm,.radio-sm{font-size:var(--font-size-sm)}.check-lg input,.radio-lg input{width:1.375rem;height:1.375rem;border-width:2px}.check-lg,.radio-lg{font-size:var(--font-size-lg)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100%+var(--space-xs));right:0;z-index:var(--z-index-dropdown);min-width:12rem;padding:var(--space-xs);background:var(--color-surface-floating);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:none}.dropdown.is-open>.dropdown-menu,.dropdown:focus-within>.dropdown-menu{display:grid;gap:2px}.dropdown-menu-start{left:0;right:auto}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-foreground-primary);font-size:var(--font-size-sm);text-align:left;background:transparent;border:0;width:100%;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.dropdown-item:hover,.dropdown-item:focus-visible{background:var(--color-background-secondary);color:var(--color-foreground-primary);outline:none}.dropdown-item.is-danger{color:var(--color-utility-danger)}.dropdown-item.is-danger:hover{background:var(--color-feedback-danger-soft)}.dropdown-divider{height:1px;margin:var(--space-2xs) 0;background:var(--color-divider)}.dropdown-section-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground-muted);padding:var(--space-sm) var(--space-md) var(--space-2xs)}.dropdown.align-left>.dropdown-menu{left:0;right:auto}.dropdown-item-nested{position:relative;padding-right:calc(var(--space-md)+1rem)}.dropdown-item-nested::after{content:"";position:absolute;top:50%;right:var(--space-md);width:.5rem;height:.5rem;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:translateY(-50%) rotate(45deg);opacity:.6}.dropdown-item-nested+.dropdown-menu{display:none;position:absolute;top:0;left:100%;margin-left:2px}.dropdown-item-nested:hover+.dropdown-menu,.dropdown-item-nested:focus-visible+.dropdown-menu,.dropdown-item-nested+.dropdown-menu:hover,.dropdown-item-nested+.dropdown-menu:focus-within{display:grid;gap:2px}.dropdown-nest{position:relative}.dropdown-item.is-selected{position:relative;background:color-mix(in oklch,var(--color-brand-primary),white 92%);color:var(--color-brand-primary);font-weight:var(--font-weight-semibold);padding-right:calc(var(--space-md)+1.25rem)}.dropdown-item.is-selected::after{content:"";position:absolute;top:50%;right:var(--space-md);width:.875rem;height:.875rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 8 7 12 13 4'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;transform:translateY(-50%)}.dropdown-item.is-selected:hover{background:color-mix(in oklch,var(--color-brand-primary),white 84%)}.dropdown-item-check{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-foreground-primary);cursor:pointer;user-select:none;transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.dropdown-item-check:hover,.dropdown-item-check:focus-within{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.dropdown-item-check>input[type="checkbox"]{margin:0;flex-shrink:0}.dropdown-item-check>.switch{margin-left:auto;flex-shrink:0}.dropdown-menu.is-plain .dropdown-item{padding-left:var(--space-md);padding-right:var(--space-md)}.dropdown-filter-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground-muted)}.dropdown-filter-footer{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-divider)}.nav-mega{position:absolute;top:calc(100%+var(--space-md));left:50%;transform:translateX(-50%);z-index:var(--z-index-dropdown);padding:var(--space-xl);background:var(--color-surface-floating);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl,var(--shadow-lg));display:none}.nav-dropdown:hover>.nav-mega,.nav-dropdown:focus-within>.nav-mega,.nav-dropdown.is-open>.nav-mega{display:grid}.nav-mega.nav-mega-3col,.nav-mega:not(.nav-mega-1col):not(.nav-mega-2col){gap:var(--space-2xl);grid-template-columns:repeat(3,minmax(13rem,1fr));min-width:44rem;max-width:56rem}.nav-mega.nav-mega-2col{gap:var(--space-2xl);grid-template-columns:repeat(2,minmax(13rem,1fr));min-width:30rem}.nav-mega.nav-mega-1col{grid-template-columns:1fr;min-width:16rem;gap:var(--space-md);padding:var(--space-md)}.nav-mega-section{display:grid;gap:var(--space-2xs);min-width:0}.nav-mega-title{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-foreground-muted);margin:0 0 var(--space-sm) var(--space-sm)}.nav-mega-link{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-foreground-primary);min-width:0}.nav-mega-link:hover{background:color-mix(in oklch,var(--color-brand-primary),white 88%)}.nav-mega-link>i{color:var(--color-brand-primary);font-size:1rem;width:1.25rem;flex-shrink:0;margin-top:.25rem}.nav-mega-link>div{min-width:0;flex:1}.nav-mega-link strong{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-mega-link em{display:block;font-size:var(--font-size-xs);color:var(--color-foreground-muted);font-style:normal;line-height:1.4;margin-top:2px;white-space:normal}.nav-mega.nav-mega-1col .nav-mega-link{padding:var(--space-sm) var(--space-md)}[data-tooltip]{position:relative}[data-tooltip]::before,[data-tooltip]::after{position:absolute;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}[data-tooltip]::after{content:attr(data-tooltip);bottom:calc(100%+.5rem);left:50%;transform:translateX(-50%);padding:.375rem .625rem;background:var(--color-foreground-primary);color:var(--color-background-canvas);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;z-index:var(--z-index-tooltip)}[data-tooltip]::before{content:"";bottom:calc(100%+.125rem);left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--color-foreground-primary);z-index:var(--z-index-tooltip)}[data-tooltip]:hover::before,[data-tooltip]:hover::after,[data-tooltip]:focus-visible::before,[data-tooltip]:focus-visible::after{opacity:1}.popover{position:absolute;z-index:var(--z-index-dropdown);min-width:14rem;max-width:20rem;padding:var(--space-md);background:var(--color-surface-floating);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm)}.popover-arrow{position:absolute;width:.625rem;height:.625rem;background:var(--color-surface-floating);border:1px solid var(--color-border-subtle);border-right:0;border-bottom:0;transform:rotate(45deg)}.popover-arrow.is-bottom{left:50%;bottom:-.375rem;transform:translateX(-50%) rotate(225deg)}.popover-arrow.is-top{left:50%;top:-.375rem;transform:translateX(-50%) rotate(45deg)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.breadcrumbs a{color:var(--color-foreground-secondary)}.breadcrumbs a:hover{color:var(--color-brand-primary)}.breadcrumbs>*+*::before{content:"\f105";font-family:"Font Awesome 6 Pro";font-weight:300;font-size:.85em;margin-right:var(--space-xs);color:var(--color-foreground-muted)}.breadcrumbs [aria-current="page"]{color:var(--color-foreground-primary);font-weight:var(--font-weight-semibold)}.pagination{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-pill)}.pagination-item{display:inline-grid;place-items:center;min-width:2.25rem;height:2.25rem;padding:0 var(--space-sm);border-radius:var(--radius-pill);color:var(--color-foreground-secondary);background:transparent;border:0;font-size:var(--font-size-sm);cursor:pointer}.pagination-item:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.pagination-item.is-active{background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);font-weight:var(--font-weight-semibold)}.pagination-item:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{color:var(--color-foreground-muted);padding:0 var(--space-xs)}.skeleton{position:relative;background:var(--color-background-secondary);border-radius:var(--radius-md);overflow:hidden}.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient( 90deg,transparent,color-mix(in oklch,var(--color-background-canvas),transparent 40%),transparent );animation:skeleton-shimmer 1.6s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skeleton-text{height:.75rem;border-radius:var(--radius-xs)}.skeleton-text.is-lg{height:1.25rem}.skeleton-text.is-sm{height:.625rem}.skeleton-circle{border-radius:50%}.skeleton-block{height:6rem}.progress{width:100%;height:.5rem;background:var(--color-background-tertiary);border-radius:var(--radius-pill);overflow:hidden}.progress-bar{height:100%;background:var(--color-brand-primary-strong);border-radius:inherit;transition:width var(--duration-slow) var(--ease-standard)}.progress-bar.is-success{background:var(--color-utility-success)}.progress-bar.is-warning{background:var(--color-utility-warning)}.progress-bar.is-danger{background:var(--color-utility-danger)}.progress.is-lg{height:.75rem}.progress.is-sm{height:.25rem}.progress.is-indeterminate .progress-bar{width:33% !important;animation:progress-indeterminate 1.4s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}.stepper{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.stepper-item{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-foreground-muted)}.stepper-item.is-active{color:var(--color-foreground-primary);font-weight:var(--font-weight-semibold)}.stepper-item.is-complete{color:var(--color-utility-success)}.stepper-label{line-height:1}.stepper-marker{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-background-secondary);color:var(--color-foreground-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.stepper-item.is-active .stepper-marker{background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast)}.stepper-item.is-complete .stepper-marker{background:var(--color-utility-success);color:var(--color-static-white)}.stepper-connector{flex:1 1 1.5rem;height:2px;background:var(--color-background-secondary);min-width:1.5rem}.stepper-connector.is-complete{background:var(--color-utility-success)}.file-drop{display:grid;place-items:center;gap:var(--space-md);padding:var(--space-2xl);border:2px dashed var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-base);text-align:center;cursor:pointer;transition:border-color var(--duration-standard) var(--ease-standard),background var(--duration-standard) var(--ease-standard)}.file-drop:hover,.file-drop.is-dragover{border-color:var(--color-brand-primary);background:var(--color-surface-brand)}.file-drop-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;background:var(--color-background-secondary);color:var(--color-brand-primary);font-size:var(--font-size-xl)}.toast{position:relative;padding-left:var(--space-xl)}.toast::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--color-foreground-muted);border-top-left-radius:inherit;border-bottom-left-radius:inherit}.toast.is-success::before{background:var(--color-utility-success)}.toast.is-warning::before{background:var(--color-utility-warning)}.toast.is-danger::before{background:var(--color-utility-danger)}.toast.is-info::before{background:var(--color-utility-info)}.toast.is-success{background:color-mix(in oklch,var(--color-utility-success),white 92%)}.toast.is-warning{background:color-mix(in oklch,var(--color-utility-warning),white 92%)}.toast.is-danger{background:color-mix(in oklch,var(--color-utility-danger),white 92%)}.toast.is-info{background:color-mix(in oklch,var(--color-utility-info),white 92%)}.toast.is-success>strong{color:color-mix(in oklch,var(--color-utility-success),black 30%)}.toast.is-warning>strong{color:color-mix(in oklch,var(--color-utility-warning),black 50%)}.toast.is-danger>strong{color:color-mix(in oklch,var(--color-utility-danger),black 30%)}.toast.is-info>strong{color:color-mix(in oklch,var(--color-utility-info),black 30%)}.modal-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;font-size:var(--font-size-xl);flex-shrink:0}.modal-icon.is-success{background:var(--color-surface-success);color:var(--color-utility-success)}.modal-icon.is-warning{background:var(--color-surface-warning);color:var(--color-utility-warning)}.modal-icon.is-danger{background:var(--color-surface-danger);color:var(--color-utility-danger)}.modal-icon.is-info{background:var(--color-surface-info);color:var(--color-utility-info)}.modal-sm{width:min(100% - 2rem,24rem)}.modal-md{width:min(100% - 2rem,36rem)}.modal-lg{width:min(100% - 2rem,52rem)}.modal-title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary);line-height:1.3}.modal-title-sm{font-size:var(--font-size-md)}.modal-footer-end{justify-content:flex-end}.modal-footer-stacked{flex-direction:column-reverse;align-items:stretch}.modal-footer-stacked>.button{width:100%}.search-tabs{position:relative;display:inline-flex;align-items:center;padding:var(--space-2xs);background:var(--color-background-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);height:2.75rem;max-width:100%;overflow:hidden;transition:width var(--duration-slow) var(--ease-standard)}.search-tabs-tabs{display:flex;align-items:center;gap:var(--space-2xs);padding-right:2.25rem;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-standard) var(--ease-standard)}.search-tabs.is-searching .search-tabs-tabs{opacity:0;transform:translateX(-12px);pointer-events:none}.search-tabs-tabs>.tab{height:calc(2.75rem - var(--space-2xs) * 2);padding:0 var(--space-md)}.search-tabs-toggle{position:absolute;right:var(--space-2xs);top:50%;transform:translateY(-50%);display:grid;place-items:center;width:calc(2.75rem - var(--space-2xs) * 2);height:calc(2.75rem - var(--space-2xs) * 2);border-radius:50%;background:transparent;border:0;color:var(--color-foreground-secondary);cursor:pointer;flex-shrink:0;z-index:2;transition:opacity var(--duration-fast) var(--ease-standard)}.search-tabs.is-searching .search-tabs-toggle{opacity:0;pointer-events:none}.search-tabs-toggle:hover{background:var(--color-brand-primary-hover);color:var(--color-brand-primary-bold)}.search-tabs-input{position:absolute;inset:var(--space-2xs);display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm) 0 var(--space-md);opacity:0;transform:translateX(12px);pointer-events:none;transition:opacity var(--duration-standard) var(--ease-standard),transform var(--duration-slow) var(--ease-standard)}.search-tabs.is-searching .search-tabs-input{opacity:1;transform:translateX(0);pointer-events:auto}.search-tabs.is-searching{min-width:min(100%,32rem)}.search-tabs-input>.search-icon{color:var(--color-foreground-muted);font-size:.875rem;flex-shrink:0}.search-tabs-input>input{flex:1;height:100%;border:0;background:transparent;font-size:var(--font-size-sm);color:var(--color-foreground-primary);outline:none;min-width:0}.search-tabs-input>input::placeholder{color:var(--color-foreground-muted)}.search-tabs-cancel{display:inline-flex;align-items:center;height:calc(2.75rem - var(--space-2xs) * 2);padding:0 var(--space-md);border-radius:var(--radius-pill);background:transparent;border:0;color:var(--color-brand-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;flex-shrink:0}.search-tabs-cancel:hover{background:var(--color-background-secondary)}input[type="search"]{appearance:none;-webkit-appearance:none}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.search-tabs-input>input[type="search"]:focus,.search-tabs-input>input[type="search"]:focus-visible,.spotlight-panel>input[type="search"]:focus,.spotlight-panel>input[type="search"]:focus-visible,.search-tabs-input>input[type="search"],.spotlight-panel>input[type="search"]{outline:none !important;box-shadow:none !important;border:0 !important}.search-input-wrap>input.input[type="search"]:focus,.search-input-wrap>input.input[type="search"]:focus-visible,.search-input-wrap>input.input[type="search"]{outline:none !important;box-shadow:none !important}.search-input-wrap>input.input[type="search"]:focus,.search-input-wrap>input.input[type="search"]:focus-visible{border-color:var(--color-brand-primary)}.search-input-wrap:focus-within{border-radius:var(--component-input-radius);box-shadow:none}input[type="search"]::-moz-focus-inner{border:0;padding:0}.spotlight{position:relative;display:inline-block;width:2.5rem;height:2.5rem}.spotlight-trigger{position:absolute;top:0;right:0;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-brand-primary);color:var(--color-brand-primary-contrast);border:0;cursor:pointer;z-index:2;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-standard) var(--ease-standard),background var(--duration-standard) var(--ease-standard)}.spotlight-trigger:hover{background:var(--color-brand-primary-bold);transform:scale(1.06)}.spotlight.is-open .spotlight-trigger{opacity:0;pointer-events:none}.spotlight-panel{position:absolute;top:0;right:0;width:2.5rem;height:2.5rem;background:var(--color-surface-floating);border-radius:var(--radius-pill);display:flex;align-items:center;gap:var(--space-sm);padding:0;overflow:hidden;opacity:0;pointer-events:none;z-index:1;border:1px solid transparent;box-shadow:0 0 0 transparent;transition:width var(--duration-slow) var(--ease-standard),padding var(--duration-slow) var(--ease-standard),opacity var(--duration-standard) var(--ease-standard) var(--duration-fast),box-shadow var(--duration-standard) var(--ease-standard) var(--duration-fast),border-color var(--duration-standard) var(--ease-standard) var(--duration-fast)}.spotlight.is-open .spotlight-panel{width:24rem;opacity:1;pointer-events:auto;padding:0 var(--space-xs) 0 var(--space-md);box-shadow:var(--shadow-lg);border-color:var(--color-border-subtle)}.spotlight-panel>.search-icon{color:var(--color-foreground-muted);flex-shrink:0;font-size:.875rem}.spotlight-panel>input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:var(--color-foreground-primary);font-size:var(--font-size-sm);padding:var(--space-sm) 0}.spotlight-panel>input::placeholder{color:var(--color-foreground-muted)}.spotlight-close{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:transparent;border:0;color:var(--color-foreground-muted);cursor:pointer;flex-shrink:0}.spotlight-close:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.spotlight-results{position:absolute;top:calc(100%+var(--space-sm));right:0;width:24rem;max-height:20rem;overflow-y:auto;padding:var(--space-xs);background:var(--color-surface-floating);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard);z-index:1}.spotlight.is-open .spotlight-results.has-results{opacity:1;pointer-events:auto;transform:translateY(0)}.spotlight-result{display:grid;grid-template-columns:1.5rem 1fr auto;gap:var(--space-sm);align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer}.spotlight-result:hover,.spotlight-result.is-active{background:var(--color-background-secondary)}.spotlight-result i{color:var(--color-brand-primary)}.spotlight-result kbd{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);padding:2px 6px;background:var(--color-background-tertiary);border-radius:var(--radius-xs)}.dnd-list{display:flex;flex-direction:column;gap:var(--space-sm);position:relative}.dnd-list.is-dragging{cursor:grabbing}.dnd-card{display:flex !important;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:grab;user-select:none;position:relative;transition:transform 250ms cubic-bezier(.2,.9,.2,1),box-shadow 180ms var(--ease-standard),border-color 180ms var(--ease-standard),background 180ms var(--ease-standard)}.dnd-list:not(.is-dragging) .dnd-card:hover{border-color:color-mix(in oklch,var(--color-brand-primary),white 60%);box-shadow:0 2px 6px rgba(0,0,0,.04)}.dnd-card:active{cursor:grabbing}.dnd-card.is-selected{background:color-mix(in oklch,var(--color-brand-primary),white 92%);border-color:var(--color-brand-primary);box-shadow:0 0 0 1px var(--color-brand-primary),0 1px 3px rgba(0,0,0,.05)}.dnd-card.is-selected::before{content:"";position:absolute;top:.5rem;right:.5rem;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-brand-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 8 7 12 13 4'/%3E%3C/svg%3E");background-size:12px 12px;background-position:center;background-repeat:no-repeat;z-index:2;animation:dnd-select-pop 200ms cubic-bezier(.34,1.56,.64,1)}@keyframes dnd-select-pop{from{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.dnd-card.is-source{opacity:.35;background:color-mix(in oklch,var(--color-brand-primary),white 90%);border:2px dashed var(--color-brand-primary);box-shadow:none;transition:opacity 120ms var(--ease-standard)}.dnd-card.is-source.is-multi::after{content:attr(data-multi-count);position:absolute;top:-8px;right:-8px;min-width:1.5rem;height:1.5rem;padding:0 .4rem;border-radius:var(--radius-pill);background:var(--color-brand-primary);color:var(--color-brand-primary-contrast);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);display:grid;place-items:center;line-height:1;box-shadow:var(--shadow-sm);z-index:3}.dnd-indicator{position:absolute;left:0;right:0;height:0;pointer-events:none;z-index:4}.dnd-indicator::before{content:"";position:absolute;top:-2px;left:0;right:0;height:4px;border-radius:var(--radius-pill);background:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-brand-primary),white 80%);animation:dnd-indicator-in 150ms var(--ease-standard)}.dnd-indicator::after{content:"";position:absolute;top:-5px;left:-2px;width:10px;height:10px;border-radius:50%;background:var(--color-brand-primary);box-shadow:calc(100%+4px - 10px) 0 0 var(--color-brand-primary)}@keyframes dnd-indicator-in{from{transform:scaleX(.7);opacity:0}to{transform:scaleX(1);opacity:1}}.dnd-preview{position:fixed;pointer-events:none;z-index:var(--z-index-modal);transform:rotate(-1.5deg) scale(1.02);box-shadow:0 18px 36px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.08);opacity:.95;transition:none}.dnd-list.is-active-drop{background:color-mix(in oklch,var(--color-brand-primary),white 96%);border-radius:var(--radius-lg);outline:2px dashed color-mix(in oklch,var(--color-brand-primary),white 50%);outline-offset:4px;transition:background 180ms var(--ease-standard)}.dnd-handle{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:0;background:transparent;color:var(--color-foreground-muted);cursor:grab;border-radius:var(--radius-sm);flex-shrink:0;transition:color 150ms var(--ease-standard),background 150ms var(--ease-standard)}.dnd-handle:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.dnd-handle:active{cursor:grabbing}.dnd-card.is-selected .dnd-handle{color:var(--color-brand-primary)}@media (prefers-reduced-motion:reduce){.dnd-card{transition-duration:0ms}.dnd-indicator::before,.dnd-card.is-selected::before{animation:none}}.colour-picker{align-items:start}.colour-preview{height:7rem;border-radius:var(--radius-2xl);background:var(--cp-current,var(--color-brand-primary));border:1px solid var(--color-border-subtle);transition:background var(--duration-standard) var(--ease-standard)}.cp-slider{width:100%;height:1.5rem;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.cp-slider::-webkit-slider-runnable-track{height:.625rem;border-radius:var(--radius-pill)}.cp-slider::-moz-range-track{height:.625rem;border-radius:var(--radius-pill)}.cp-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:white;border:2px solid var(--color-foreground-primary);margin-top:-.3125rem;cursor:pointer;box-shadow:var(--shadow-sm)}.cp-slider::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:white;border:2px solid var(--color-foreground-primary);cursor:pointer;box-shadow:var(--shadow-sm)}.cp-slider-h::-webkit-slider-runnable-track{background:linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))}.cp-slider-h::-moz-range-track{background:linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))}.cp-slider-s::-webkit-slider-runnable-track{background:linear-gradient(to right,hsl(var(--cp-h,210),0%,var(--cp-l,50%)),hsl(var(--cp-h,210),100%,var(--cp-l,50%)))}.cp-slider-s::-moz-range-track{background:linear-gradient(to right,hsl(var(--cp-h,210),0%,var(--cp-l,50%)),hsl(var(--cp-h,210),100%,var(--cp-l,50%)))}.cp-slider-l::-webkit-slider-runnable-track{background:linear-gradient(to right,hsl(var(--cp-h,210),var(--cp-s,100%),0%),hsl(var(--cp-h,210),var(--cp-s,100%),50%),hsl(var(--cp-h,210),var(--cp-s,100%),100%))}.cp-slider-l::-moz-range-track{background:linear-gradient(to right,hsl(var(--cp-h,210),var(--cp-s,100%),0%),hsl(var(--cp-h,210),var(--cp-s,100%),50%),hsl(var(--cp-h,210),var(--cp-s,100%),100%))}.cp-swatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.cp-swatch{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-background-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-primary);text-align:left;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.cp-swatch::before{content:"";display:block;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--cp,var(--color-brand-primary));flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.cp-swatch:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-sm)}.cp-swatch.is-active{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-primary-soft)}.surface{background:var(--color-surface-base);border-radius:var(--radius-2xl);padding:var(--space-xl)}.surface-sunken{background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle)}.surface-raised{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm)}.surface-overlay{background:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-md)}.slider{position:relative;width:100%;height:1.5rem;display:flex;align-items:center;cursor:pointer;touch-action:none;user-select:none}.slider-track{position:relative;width:100%;height:.375rem;background:var(--color-background-tertiary);border-radius:var(--radius-pill)}.slider-fill{position:absolute;top:0;bottom:0;background:var(--color-brand-primary);border-radius:var(--radius-pill)}.slider-thumb{position:absolute;top:50%;width:1.25rem;height:1.25rem;background:var(--color-background-canvas);border:2px solid var(--color-brand-primary);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.slider-thumb:hover{transform:translate(-50%,-50%) scale(1.1)}.slider-thumb:active,.slider-thumb.is-dragging{cursor:grabbing;box-shadow:0 0 0 6px color-mix(in oklch,var(--color-brand-primary),transparent 75%)}.slider-thumb:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in oklch,var(--color-brand-primary),transparent 70%)}.slider.is-disabled{opacity:.5;cursor:not-allowed}.slider.is-disabled .slider-thumb{cursor:not-allowed}.slider-marks{position:absolute;top:100%;left:0;right:0;display:flex;justify-content:space-between;padding-top:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-foreground-muted);font-family:var(--font-family-mono)}.slider-mark{transform:translateX(-50%);white-space:nowrap}.slider-mark:first-child{transform:translateX(0)}.slider-mark:last-child{transform:translateX(-100%)}.slider-value-bubble{position:absolute;bottom:calc(100%+var(--space-xs));left:50%;transform:translateX(-50%);padding:2px var(--space-sm);background:var(--color-foreground-primary);color:var(--color-background-canvas);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.slider-value-bubble::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--color-foreground-primary)}.slider-thumb:hover .slider-value-bubble,.slider-thumb.is-dragging .slider-value-bubble,.slider-thumb:focus-visible .slider-value-bubble{opacity:1}.slider.slider-vertical{width:1.5rem;height:12rem;flex-direction:column}.slider.slider-vertical .slider-track{width:.375rem;height:100%}.slider.slider-vertical .slider-fill{left:0;right:0;bottom:0;height:auto}.date-picker{display:inline-block;background:var(--color-surface-floating);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-lg);font-family:var(--font-family-body);min-width:18rem}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.date-picker-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-foreground-primary);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:transparent;border:0;font-family:inherit}.date-picker-title:hover{background:var(--color-background-secondary)}.date-picker-nav{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-pill);background:transparent;border:0;color:var(--color-foreground-secondary);cursor:pointer;font-size:var(--font-size-sm)}.date-picker-nav:hover{background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-brand-primary)}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker-weekday{display:flex;align-items:center;justify-content:center;height:2rem;font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-foreground-muted)}.date-picker-day{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;border:0;background:transparent;border-radius:var(--radius-md);color:var(--color-foreground-primary);cursor:pointer;font-size:var(--font-size-sm);font-family:inherit;font-variant-numeric:tabular-nums;position:relative}.date-picker-day:hover:not(:disabled){background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-brand-primary)}.date-picker-day.is-other-month{color:var(--color-foreground-muted);opacity:.5}.date-picker-day.is-today{font-weight:var(--font-weight-bold)}.date-picker-day.is-today::after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-brand-primary)}.date-picker-day.is-selected{background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);font-weight:var(--font-weight-semibold)}.date-picker-day.is-selected::after{background:white}.date-picker-day.is-in-range{background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-brand-primary);border-radius:0}.date-picker-day.is-range-start{background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);border-top-right-radius:0;border-bottom-right-radius:0}.date-picker-day.is-range-end{background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);border-top-left-radius:0;border-bottom-left-radius:0}.date-picker-day:disabled,.date-picker-day.is-disabled{color:var(--color-foreground-muted);opacity:.4;cursor:not-allowed}.date-picker-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-divider);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.date-input{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:2.25rem;padding:0 var(--space-md);background:var(--color-surface-base);border:var(--border-width-xs) solid var(--component-input-border);border-radius:var(--component-input-radius);color:var(--color-foreground-primary);font-size:var(--font-size-sm);cursor:pointer;font-variant-numeric:tabular-nums}.date-input:hover{border-color:var(--color-brand-primary)}.date-input>i{color:var(--color-foreground-muted)}.date-input.is-empty{color:var(--color-foreground-muted)}.time-picker{display:inline-flex;align-items:center;gap:2px;padding:var(--space-xs) var(--space-md);background:var(--color-surface-base);border:var(--border-width-xs) solid var(--component-input-border);border-radius:var(--component-input-radius);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.time-picker-segment{background:transparent;border:0;font-family:inherit;font-size:var(--font-size-md);color:var(--color-foreground-primary);text-align:center;width:auto;min-width:1.75em;padding:4px 4px;border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:textfield;appearance:none}.time-picker-segment:hover{background:var(--color-background-secondary)}.time-picker-segment:focus-visible{outline:none;background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-brand-primary)}.time-picker-segment::-webkit-outer-spin-button,.time-picker-segment::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-picker-separator{color:var(--color-foreground-muted)}.time-picker-meridiem{background:var(--color-background-secondary);border:0;border-radius:var(--radius-pill);padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary);cursor:pointer;font-family:var(--font-family-body);margin-left:var(--space-xs)}.ai-chat{display:flex;flex-direction:column;height:100%;background:var(--color-surface-base);border-radius:var(--radius-2xl);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-md);overflow:visible;position:relative;isolation:isolate}.ai-chat-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid color-mix(in oklch,var(--color-brand-primary),black 12%);background:var(--color-brand-primary);color:var(--color-brand-primary-contrast);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);overflow:visible;position:relative;z-index:2}.ai-chat-header .ai-chat-avatar{background:var(--color-brand-primary-contrast);color:var(--color-brand-primary)}.ai-chat-header .ai-chat-avatar::after{box-shadow:0 0 0 2px var(--color-brand-primary)}.ai-chat-header .ai-chat-title{color:var(--color-brand-primary-contrast)}.ai-chat-header .ai-chat-subtitle{color:var(--color-brand-primary-contrast);opacity:.78}.ai-chat-header .button-tertiary,.ai-chat-header .button-icon-only{color:var(--color-brand-primary-contrast);background:transparent}.ai-chat-header .button-tertiary:hover,.ai-chat-header .button-icon-only:hover{background:color-mix(in oklch,var(--color-brand-primary-contrast),transparent 80%);color:var(--color-brand-primary-contrast)}.ai-chat-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-brand-primary);color:var(--color-brand-primary-contrast);display:inline-grid;place-items:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);flex-shrink:0;position:relative;overflow:visible}.ai-chat-avatar::after{content:"";position:absolute;bottom:2%;right:2%;width:30%;height:30%;border-radius:50%;background:var(--color-utility-success);box-shadow:0 0 0 2px var(--color-surface-base)}.ai-chat-title-block{flex:1;min-width:0}.ai-chat-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-foreground-primary);margin:0;line-height:1.2}.ai-chat-subtitle{font-size:var(--font-size-xs);color:var(--color-foreground-secondary);margin:0}.ai-chat-actions{display:inline-flex;gap:var(--space-xs)}.ai-chat-thread{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);background:var(--color-background-page)}.ai-chat-message{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--space-sm);justify-content:flex-end;max-width:100%}.ai-chat-message-body{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;max-width:36rem}.ai-chat-message-avatar{width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-brand-primary);color:var(--color-brand-primary-contrast);display:inline-grid;place-items:center;font-weight:var(--font-weight-bold);font-size:.6875rem;letter-spacing:.02em;flex-shrink:0;line-height:1;margin-top:2px}.ai-chat-thread.no-avatars .ai-chat-message-avatar{display:none}.ai-chat-message-bubble{background:var(--color-surface-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);border-top-right-radius:var(--radius-xs);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-foreground-primary);max-width:36rem;box-shadow:var(--shadow-sm)}.ai-chat-message-bubble p{margin:0 0 var(--space-sm);color:inherit}.ai-chat-message-bubble p:last-child{margin:0}.ai-chat-message-bubble strong,.ai-chat-message-bubble li,.ai-chat-message-bubble span{color:inherit}.ai-chat-message-bubble code{background:var(--color-background-tertiary);padding:1px 6px;border-radius:var(--radius-sm);font-size:.8em}.ai-chat-message-bubble ul,.ai-chat-message-bubble ol{margin:var(--space-sm) 0;padding-left:var(--space-xl)}.ai-chat-message-meta{font-size:var(--font-size-2xs);color:var(--color-foreground-muted);margin-top:var(--space-xs);font-family:var(--font-family-mono)}.ai-chat-message.is-user{flex-direction:row;justify-content:flex-end}.ai-chat-message.is-user .ai-chat-message-avatar{background:var(--color-foreground-primary);color:var(--color-background-canvas)}.ai-chat-message.is-user .ai-chat-message-bubble{background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);border-color:transparent;border-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);border-top-left-radius:var(--radius-xs)}.ai-chat-message.is-user .ai-chat-message-bubble code{background:rgba(255,255,255,.18);color:inherit}.ai-chat-message.is-user .ai-chat-message-meta{text-align:right}.ai-chat-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:0}.ai-chat-suggestion{background:var(--color-surface-base);border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration-standard) var(--ease-standard)}.ai-chat-suggestion:hover{background:color-mix(in oklch,var(--color-brand-primary),white 88%)}.ai-chat-typing{display:inline-flex;align-items:center;gap:4px;padding:var(--space-md) var(--space-lg)}.ai-chat-typing-dot{width:8px;height:8px;border-radius:50%;background:var(--color-foreground-muted);animation:ai-chat-pulse 1.4s infinite ease-in-out}.ai-chat-typing-dot:nth-child(2){animation-delay:.2s}.ai-chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes ai-chat-pulse{0%,60%,100%{opacity:.3;transform:scale(.85)}30%{opacity:1;transform:scale(1)}}.ai-chat-composer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-divider);background:var(--color-surface-base);border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.ai-chat-composer-row{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-background-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-sm);transition:border-color var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard)}.ai-chat-composer-row:focus-within{border-color:var(--color-brand-primary);box-shadow:none}.ai-chat-composer-textarea{flex:1;border:0;background:transparent;resize:none;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:2.25rem;color:var(--color-foreground-primary);padding:0 var(--space-sm);max-height:8rem;min-height:2.25rem;outline:none !important;box-shadow:none !important}.ai-chat-composer-row:has(.ai-chat-composer-textarea:not(:placeholder-shown)) .ai-chat-composer-textarea{line-height:1.5;padding:var(--space-xs) var(--space-sm)}.ai-chat-composer-textarea:focus,.ai-chat-composer-textarea:focus-visible{outline:none !important;box-shadow:none !important}.ai-chat-composer-actions{display:inline-flex;gap:var(--space-xs);align-items:center}.ai-chat-composer-send{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--color-brand-primary);color:var(--color-brand-primary-contrast);border:0;display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;font-size:.875rem;line-height:1;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ai-chat-composer-send:hover{background:var(--color-brand-primary-bold,var(--color-brand-primary));transform:scale(1.06)}.ai-chat-composer-send:active{transform:scale(.96)}.ai-chat-composer-send:disabled{opacity:.5;cursor:not-allowed}.ai-chat-composer-send i{font-size:inherit}.ai-chat-composer-tool{width:2.25rem;height:2.25rem;border-radius:50%;background:transparent;border:0;color:var(--color-foreground-secondary);cursor:pointer;display:inline-grid;place-items:center;font-size:.875rem;line-height:1;transition:background var(--duration-fast) var(--ease-standard)}.ai-chat-composer-tool:hover{background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-brand-primary)}.ai-chat-composer-hint{font-size:var(--font-size-2xs);color:var(--color-foreground-muted);text-align:center;margin-top:var(--space-xs);font-family:var(--font-family-mono)}.ai-chat-panel{height:36rem;max-height:80vh}.ai-chat-launcher{position:relative;display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-brand-primary);color:var(--color-brand-primary-contrast);border:0;border-radius:var(--radius-pill);padding:var(--space-md) var(--space-xl);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;box-shadow:var(--shadow-lg);transition:background var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard)}.ai-chat-launcher:hover{background:var(--color-brand-primary-bold,var(--color-brand-primary));transform:translateY(-1px);box-shadow:var(--shadow-xl)}.ai-chat-launcher:active{transform:translateY(0)}.ai-chat-launcher i{font-size:1rem;line-height:1}.ai-chat-launcher-ping{position:absolute;top:-3px;right:-3px;width:.75rem;height:.75rem;background:var(--color-utility-warning);border-radius:50%;box-shadow:0 0 0 2px var(--color-ai-chat-launcher-halo,var(--color-surface-base));animation:ai-chat-launcher-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes ai-chat-launcher-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}.type-row{display:grid;grid-template-columns:8rem 1fr;align-items:baseline;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--color-divider)}.type-row:last-child{border-bottom:0}.type-row-meta{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-foreground-muted)}.compare-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.compare-card{display:grid;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:var(--color-background-primary)}.compare-card-label{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.04em;font-size:1.125rem}.compare-card-do .compare-card-label{color:var(--color-utility-success)}.compare-card-dont .compare-card-label{color:var(--color-utility-danger)}.compare-card pre{margin:0;padding:var(--space-md);background:var(--color-background-secondary);border-radius:var(--radius-lg);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-snug);overflow-x:auto}.colour-row{display:grid;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:var(--color-background-primary)}.colour-row-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.colour-row-strip{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;height:2.5rem;border-radius:var(--radius-lg);overflow:hidden}.colour-row-strip>span{display:grid;place-items:center;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.surface-tile{padding:var(--component-card-padding);border-radius:var(--radius-xl);min-height:7rem;display:grid;gap:var(--space-xs);align-content:center}.surface-tile strong{font-size:var(--font-size-md)}.surface-tile span{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-foreground-muted)}.token-list{display:grid;gap:0;border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:var(--color-background-primary);overflow:hidden}.token-row{display:grid;grid-template-columns:minmax(8rem,14rem) 4rem 1fr;gap:var(--space-md);align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-divider)}.token-row:last-child{border-bottom:0}.token-name{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-foreground-primary)}.token-preview{height:1.25rem;background:var(--color-brand-primary);border-radius:var(--radius-xs)}.token-desc{font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.font-spec{display:grid;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:var(--color-background-primary)}.font-spec-name{font-size:.8125rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-foreground-muted)}.font-spec-sample{font-size:1.75rem;line-height:1.1}.font-spec-meta{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-foreground-muted)}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground-muted)}.stat-value{font-size:clamp(2.5rem,4vw,3.75rem);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1;letter-spacing:-.02em;color:var(--color-foreground-primary)}.stat-value-sm{font-size:clamp(1.75rem,3vw,2.5rem)}.stat-delta{font-size:var(--font-size-xs)}.demo-item.has-open-dropdown{padding-bottom:16rem !important}.demo-item.has-open-popover{padding-bottom:11rem !important}}@layer components{@media (max-width:767.98px){.input,.select,.textarea,input[type="text"].input,input[type="email"].input,input[type="password"].input,input[type="number"].input,input[type="search"].input,input[type="tel"].input,input[type="url"].input,input[type="date"].input,input[type="datetime-local"].input,input[type="time"].input,.time-picker-segment,.ai-chat-composer-textarea{font-size:16px}}@media (pointer:coarse){.button-icon-only{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.button-icon-only.button-sm{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.pagination-link{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.date-picker-day{min-height:var(--touch-target-min)}.slider-thumb{width:1.5rem;height:1.5rem}.slider-thumb::before{content:"";position:absolute;inset:-10px}}@media (hover:none){.button:hover,.menu-item:hover,.nav-link:hover,.sidebar-link:hover,.tab:hover,.nav-mega-link:hover,.demo-nav-trigger:hover,.date-picker-day:hover:not(:disabled),.pagination-link:hover,.ai-chat-suggestion:hover,.ai-chat-composer-tool:hover,.card-interactive:hover{background:revert;color:revert;transform:revert;box-shadow:revert}}@media (max-width:767.98px){.page-overlay-host [data-modal]{top:auto;left:0;right:0;bottom:0;transform:translateY(100%);width:100%;max-width:100%;max-height:90vh;max-height:90dvh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding-bottom:var(--safe-area-inset-bottom)}.page-overlay-host [data-modal].is-active{transform:translateY(0)}.page-overlay-host [data-modal]::before{content:"";position:absolute;top:var(--space-sm);left:50%;transform:translateX(-50%);width:2.5rem;height:4px;border-radius:var(--radius-pill);background:var(--color-border-strong);opacity:.4}}@media (max-width:480px){.page-overlay-host [data-drawer]{width:100%;max-width:100%}}@media (max-width:767.98px){.ai-chat-panel{height:100vh;height:100dvh;max-height:none;border-radius:0;border:0}.ai-chat-header{padding-top:max(var(--space-lg),var(--safe-area-inset-top))}.ai-chat-composer{padding-bottom:max(var(--space-md),var(--safe-area-inset-bottom))}.ai-chat-suggestions{padding-left:var(--space-md)}}@media (max-width:767.98px){.nav-mega.nav-mega-3col,.nav-mega.nav-mega-2col,.nav-mega:not(.nav-mega-1col){grid-template-columns:1fr;min-width:min(20rem,92vw);max-width:92vw}.nav-mega{left:var(--space-md);right:var(--space-md);transform:none;width:auto}}@media (max-width:767.98px){.demo-nav{gap:var(--space-sm)}.demo-nav-trigger{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md)}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}@media (max-width:767.98px){.table{font-size:var(--font-size-sm)}.table th,.table td{padding:var(--space-sm) var(--space-md);white-space:nowrap}}@media (max-width:767.98px){.table-wrap:has(.table.table-cards){overflow-x:visible}.table.table-cards{display:block;width:100%;min-width:0}.table.table-cards thead{display:none}.table.table-cards tbody{display:block;width:100%}.table.table-cards tbody tr{display:block;padding:var(--space-md);margin-bottom:var(--space-md);background:var(--color-surface-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.table.table-cards tbody td{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-2xs) 0;border:0;white-space:normal;width:100%}.table.table-cards tbody td::before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--color-foreground-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}}@media (max-width:639.98px){.table:not(.is-showing-all) .col-hide-sm{display:none}}@media (max-width:767.98px){.table:not(.is-showing-all) .col-hide-md{display:none}}@media (max-width:1023.98px){.table:not(.is-showing-all) .col-hide-lg{display:none}}.table.is-showing-all{min-width:max-content}.table-show-all-toggle{display:none}.table-show-all-label{font:inherit}@media (max-width:1023.98px){.table-show-all-toggle{display:inline-flex}}.country-select{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm);min-height:2.5rem;background:var(--color-surface-base);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font:inherit;color:var(--color-foreground-primary);line-height:1.2;cursor:pointer}.country-select:hover{border-color:var(--color-brand-primary)}.country-select:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.country-flag{flex-shrink:0;width:1.5rem;height:1.125rem;border-radius:var(--radius-xs);overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-foreground-primary),transparent 78%);display:inline-flex}.country-flag svg,.country-flag img{width:100%;height:100%;object-fit:cover;display:block}.country-flag-circle{width:1.375rem;height:1.375rem;border-radius:var(--radius-round)}.country-name{font-weight:var(--font-weight-medium);white-space:nowrap}.country-currency{color:var(--color-foreground-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.country-select>.fa-chevron-down{margin-left:var(--space-2xs);color:var(--color-foreground-muted);font-size:.75em}@media (max-width:639.98px){.country-select-collapse .country-name{display:none}}.country-select-flag-only .country-name,.country-select-flag-only .country-currency{display:none}.country-select-flag-only{padding:var(--space-2xs);background:transparent;border-color:transparent}.country-select-flag-only:hover{background:var(--color-background-secondary);border-color:transparent}.map-icon{--map-icon-size:2rem;display:inline-block;width:var(--map-icon-size);height:var(--map-icon-size);background-color:currentColor;color:var(--color-foreground-secondary);-webkit-mask-image:var(--map-src);mask-image:var(--map-src);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;flex-shrink:0}.map-icon-sm{--map-icon-size:1.25rem}.map-icon-lg{--map-icon-size:3rem}.map-icon-xl{--map-icon-size:5rem}@media (max-width:767.98px){.topbar{padding:var(--space-sm) var(--space-md);padding-top:max(var(--space-sm),var(--safe-area-inset-top))}.topbar-divider{display:none}}@media (max-width:1023.98px){.sidebar-link{min-height:var(--touch-target-comfortable);padding:var(--space-sm) var(--space-md)}}.ai-chat-launcher.is-fixed{position:fixed;bottom:max(var(--space-xl),var(--safe-area-inset-bottom));right:max(var(--space-xl),var(--safe-area-inset-right));z-index:var(--z-index-sticky)}@media (max-width:767.98px){h1{font-size:clamp(1.75rem,7vw,2.5rem)}h2{font-size:clamp(1.5rem,6vw,2rem)}h3{font-size:clamp(1.25rem,5vw,1.5rem)}}}@layer components{.data-grid{display:flex;flex-direction:column;gap:var(--space-md)}.data-grid-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.data-grid-toolbar-search{flex:1 1 16rem;max-width:24rem}.data-grid-toolbar-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-sm)}.data-grid-bulk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:color-mix(in oklch,var(--color-brand-primary),white 92%);border:1px solid color-mix(in oklch,var(--color-brand-primary),white 70%);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.data-grid-bulk[hidden]{display:none}.data-grid-bulk-count{color:var(--color-brand-primary);font-weight:var(--font-weight-semibold)}.data-grid-bulk-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-sm)}.data-grid-table thead th{background:transparent;border-bottom:1px solid var(--color-divider)}.data-grid-header-row{}.data-grid-select-cell{width:2.5rem;text-align:center}.data-grid-select-cell input[type="checkbox"]{margin:0;cursor:pointer}.data-grid-table thead th[data-sort-key]{cursor:pointer;user-select:none;position:relative;padding-right:calc(var(--space-md)+1rem);transition:background var(--duration-fast) var(--ease-standard)}.data-grid-table thead th[data-sort-key]:hover{background:var(--color-background-secondary)}.data-grid-table thead th[data-sort-key]::after{content:"";position:absolute;right:var(--space-md);top:50%;width:8px;height:8px;margin-top:-4px;border-right:2px solid var(--color-foreground-muted);border-bottom:2px solid var(--color-foreground-muted);opacity:.3;transition:transform var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);transform:rotate(45deg) translate(-2px,-2px)}.data-grid-table thead th[data-sort="asc"]::after{opacity:1;border-color:var(--color-brand-primary);transform:rotate(-135deg) translate(-2px,-2px)}.data-grid-table thead th[data-sort="desc"]::after{opacity:1;border-color:var(--color-brand-primary);transform:rotate(45deg) translate(-2px,-2px)}.data-grid-filter-row>th{padding:var(--space-xs) var(--space-md);background:var(--color-background-canvas);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);font-weight:var(--font-weight-regular)}.data-grid-filter-row input,.data-grid-filter-row select{width:100%;min-height:2rem;padding:var(--space-2xs) var(--space-sm);background:var(--color-surface-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-foreground-primary);transition:border-color var(--duration-fast) var(--ease-standard)}.data-grid-filter-row input:focus,.data-grid-filter-row select:focus{outline:none;border-color:var(--color-brand-primary)}.data-grid-select-cell{width:2.5rem;text-align:center;padding-inline:var(--space-sm)}.data-grid-table tbody tr[data-selected="true"]{background:color-mix(in oklch,var(--color-brand-primary),white 95%)}.data-grid-table thead th[data-resizable]{position:relative}.data-grid-resize-handle{position:absolute;top:0;right:-3px;bottom:0;width:6px;cursor:col-resize;user-select:none;z-index:1}.data-grid-resize-handle::before{content:"";position:absolute;left:50%;top:30%;bottom:30%;width:2px;background:var(--color-border-subtle);transform:translateX(-50%);transition:background var(--duration-fast) var(--ease-standard)}.data-grid-resize-handle:hover::before,.data-grid-resize-handle.is-resizing::before{background:var(--color-brand-primary)}.data-grid-table.is-sticky thead{position:sticky;top:0;z-index:1;background:var(--color-background-tertiary)}.data-grid-table.is-sticky thead th{background:var(--color-background-tertiary)}.data-grid-state{padding:var(--space-3xl) var(--space-xl);text-align:center;color:var(--color-foreground-secondary)}.data-grid-state-icon{font-size:2rem;color:var(--color-foreground-muted);margin-bottom:var(--space-md)}.data-grid-state-title{font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary);margin-bottom:var(--space-xs)}.data-grid-state-desc{font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.data-grid[data-state="loading"] .data-grid-table tbody{opacity:.5;pointer-events:none}.data-grid-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.data-grid-footer-info{font-variant-numeric:tabular-nums}.data-grid-footer-info strong{color:var(--color-foreground-primary);font-weight:var(--font-weight-semibold)}.data-grid-footer-controls{display:inline-flex;align-items:center;gap:var(--space-md)}.data-grid-page-size{display:inline-flex;align-items:center;gap:var(--space-sm)}.data-grid-page-size select{min-height:2rem;padding:0 var(--space-md) 0 var(--space-sm);font-size:var(--font-size-sm);background:var(--color-surface-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-foreground-primary)}@media (max-width:767.98px){.data-grid-toolbar{flex-direction:column;align-items:stretch}.data-grid-toolbar-search{flex:0 0 auto;max-width:100%;width:100%}.data-grid-toolbar-actions{justify-content:flex-end}.data-grid:not(.show-filters) .data-grid-filter-row{display:none}.data-grid-footer{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.data-grid-footer-controls{justify-content:space-between}}.data-grid-table tbody tr[tabindex]:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-brand-primary)}}@layer components{.combobox{position:relative;display:block}.combobox-input-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2xs);min-height:2.25rem;padding:var(--space-2xs) var(--space-sm);background:var(--component-input-background,var(--color-surface-base));border:var(--border-width-xs) solid var(--component-input-border,var(--color-border-subtle));border-radius:var(--component-input-radius,var(--radius-md));cursor:text;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.combobox.is-open .combobox-input-row,.combobox-input-row:focus-within{border-color:var(--color-brand-primary);box-shadow:none}.combobox-input{flex:1;min-width:4rem;border:0;outline:none;background:transparent;color:var(--color-foreground-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm);padding:var(--space-2xs) 0;line-height:1.4}.combobox-input::placeholder{color:var(--color-foreground-muted)}.combobox-caret{width:8px;height:8px;border-right:2px solid var(--color-foreground-muted);border-bottom:2px solid var(--color-foreground-muted);transform:rotate(45deg) translate(-2px,-2px);flex-shrink:0;margin-right:var(--space-xs);transition:transform var(--duration-fast) var(--ease-standard)}.combobox.is-open .combobox-caret{transform:rotate(-135deg) translate(-2px,-2px);border-color:var(--color-brand-primary)}.combobox-clear{width:1.25rem;height:1.25rem;border:0;border-radius:50%;background:var(--color-background-tertiary);color:var(--color-foreground-secondary);font-size:.75rem;line-height:1;cursor:pointer;display:inline-grid;place-items:center;flex-shrink:0}.combobox-clear[hidden]{display:none}.combobox-clear:hover{background:var(--color-background-secondary)}.combobox-chips{display:contents}.combobox-chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:1.5rem;padding:0 var(--space-2xs) 0 var(--space-md);background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-brand-primary);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap}.combobox-chip-remove{width:1rem;height:1rem;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:.75rem;line-height:1;display:inline-grid;place-items:center;opacity:.7}.combobox-chip-remove:hover{background:color-mix(in oklch,var(--color-brand-primary),transparent 80%);opacity:1}.combobox-listbox{position:absolute;top:calc(100%+var(--space-2xs));left:0;right:0;z-index:var(--z-index-dropdown,500);margin:0;padding:var(--space-xs);list-style:none;background:var(--color-surface-base);border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:18rem;overflow-y:auto}.combobox-listbox[hidden]{display:none}.combobox-listbox li[role="option"]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-foreground-primary);font-size:var(--font-size-sm);line-height:1.4;user-select:none}.combobox-listbox li[role="option"][hidden]{display:none}.combobox-listbox li[role="option"]:hover{background:var(--color-brand-primary-hover)}.combobox-listbox li[role="option"][aria-selected="true"]{background:var(--color-brand-primary-selected)}.combobox-listbox li[role="option"].is-active{background:var(--color-brand-primary-active);outline:2px solid color-mix(in oklch,var(--color-brand-primary),white 70%);outline-offset:-2px}.combobox[data-combobox-multi] .combobox-listbox li[role="option"]::before{content:"";width:14px;height:14px;border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-xs);flex-shrink:0;background:var(--color-surface-base);transition:all var(--duration-fast) var(--ease-standard)}.combobox[data-combobox-multi] .combobox-listbox li[role="option"][aria-selected="true"]::before{background:var(--color-brand-primary);border-color:var(--color-brand-primary);background-image:linear-gradient(45deg,transparent 35%,white 35% 60%,transparent 60%),linear-gradient(-45deg,transparent 50%,white 50% 70%,transparent 70%);background-size:4px 4px,7px 7px;background-position:3px 6px,5px 4px;background-repeat:no-repeat}.combobox-listbox li[role="presentation"],.combobox-listbox-group{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground-muted);font-family:var(--font-family-mono);pointer-events:none}.combobox-listbox li[role="presentation"]:not(:first-child),.combobox-listbox-group:not(:first-child){margin-top:var(--space-xs);border-top:1px solid var(--color-divider);padding-top:var(--space-sm)}.combobox-empty,.combobox-loading{padding:var(--space-md);text-align:center;color:var(--color-foreground-muted);font-size:var(--font-size-sm)}.combobox-listbox mark{background:color-mix(in oklch,var(--color-brand-primary),white 80%);color:inherit;padding:0 2px;border-radius:2px;font-weight:var(--font-weight-semibold)}.combobox-listbox li[role="option"][aria-disabled="true"]{opacity:.4;cursor:not-allowed}}@layer components{.cmdk{position:fixed;inset:0;z-index:var(--z-index-modal,1000);display:grid;place-items:start center;padding-top:12vh;pointer-events:none}.cmdk[hidden]{display:none}.cmdk-backdrop{position:fixed;inset:0;background:color-mix(in oklch,black,transparent 60%);backdrop-filter:blur(4px);pointer-events:auto;animation:cmdk-fade-in var(--duration-standard) var(--ease-standard)}@keyframes cmdk-fade-in{from{opacity:0}to{opacity:1}}.cmdk-panel{position:relative;width:min(36rem,calc(100% - 2 * var(--space-lg)));max-height:60vh;display:flex;flex-direction:column;background:var(--color-surface-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl,var(--shadow-xl));pointer-events:auto;overflow:hidden;animation:cmdk-pop-in var(--duration-standard) var(--ease-standard)}@keyframes cmdk-pop-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmdk-input-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-divider);flex-shrink:0}.cmdk-input-icon{color:var(--color-foreground-muted);font-size:var(--font-size-md);flex-shrink:0}.cmdk-input{flex:1;border:0;outline:none;background:transparent;color:var(--color-foreground-primary);font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:1.4;padding:var(--space-2xs) 0}.cmdk-input::placeholder{color:var(--color-foreground-muted)}.cmdk-kbd-hint{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);color:var(--color-foreground-muted);padding:2px 6px;background:var(--color-background-tertiary);border-radius:var(--radius-xs);flex-shrink:0}.cmdk-list{flex:1;overflow-y:auto;padding:var(--space-xs)}.cmdk-group+.cmdk-group{margin-top:var(--space-sm)}.cmdk-group[hidden]{display:none}.cmdk-group-label{padding:var(--space-xs) var(--space-sm) var(--space-2xs);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground-muted);font-family:var(--font-family-mono)}.cmdk-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:0;background:transparent;border-radius:var(--radius-sm);color:var(--color-foreground-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:1.4;text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.cmdk-item[hidden]{display:none}.cmdk-item:hover{background:var(--color-brand-primary-hover)}.cmdk-item.is-active{background:var(--color-brand-primary-active);outline:2px solid color-mix(in oklch,var(--color-brand-primary),white 70%);outline-offset:-2px}.cmdk-item-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--color-foreground-secondary);display:inline-grid;place-items:center;font-size:.875rem}.cmdk-item.is-active .cmdk-item-icon{color:var(--color-brand-primary)}.cmdk-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item-shortcut{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);color:var(--color-foreground-muted);padding:2px 6px;background:var(--color-background-tertiary);border-radius:var(--radius-xs);flex-shrink:0}.cmdk-item-meta{font-size:var(--font-size-2xs);color:var(--color-foreground-muted);font-family:var(--font-family-mono);flex-shrink:0}.cmdk-list mark{background:color-mix(in oklch,var(--color-brand-primary),white 80%);color:inherit;padding:0 2px;border-radius:2px;font-weight:var(--font-weight-semibold)}.cmdk-empty{padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-foreground-muted);font-size:var(--font-size-sm)}.cmdk-empty[hidden]{display:none}.cmdk-footer{flex-shrink:0;padding:var(--space-xs) var(--space-md);border-top:1px solid var(--color-divider);background:var(--color-background-tertiary);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.cmdk-footer-hint{font-size:var(--font-size-2xs);color:var(--color-foreground-muted);font-family:var(--font-family-mono)}@media (max-width:767.98px){.cmdk{padding-top:0}.cmdk-panel{width:100%;max-height:100vh;height:100vh;border-radius:0}}}@layer components{.stepper-wizard{display:flex;flex-direction:column;gap:var(--space-xl)}.stepper-panels{position:relative}.stepper-panel{display:none}.stepper-panel.is-active{display:block;animation:stepper-panel-in var(--duration-standard) var(--ease-standard)}@keyframes stepper-panel-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.stepper-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-divider)}.stepper-footer-actions{display:inline-flex;gap:var(--space-sm)}.stepper-footer>:only-child{margin-left:auto}.stepper-wizard:not([data-stepper-linear]) .stepper-item{cursor:pointer}.stepper-wizard:not([data-stepper-linear]) .stepper-item:hover .stepper-marker{background:color-mix(in oklch,var(--color-brand-primary),white 88%)}@media (max-width:480px){.stepper-footer{flex-direction:column-reverse;align-items:stretch}.stepper-footer-actions{width:100%;justify-content:flex-end}}}@layer components{.arrow-stepper{display:flex;align-items:stretch;gap:var(--space-xs);width:100%}.arrow-stepper-prev,.arrow-stepper-next{flex-shrink:0;display:grid;place-items:center;width:2rem;height:auto;min-height:5rem;background:transparent;border:0;color:var(--color-foreground-muted);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard)}.arrow-stepper-prev:hover,.arrow-stepper-next:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.arrow-stepper-prev::before{content:"‹";font-size:1.5rem;line-height:1}.arrow-stepper-next::before{content:"›";font-size:1.5rem;line-height:1}.arrow-stepper-prev:disabled,.arrow-stepper-next:disabled{opacity:.35;cursor:not-allowed}.arrow-stepper-track{list-style:none;margin:0;padding:0;display:flex;flex:1 1 auto;min-width:0}.arrow-stepper-step{flex:1 1 0;min-width:0;min-height:5rem;padding:var(--space-md) var(--space-2xl) var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-background-secondary);color:var(--color-foreground-secondary);clip-path:polygon( 0 0,calc(100% - 1rem) 0,100% 50%,calc(100% - 1rem) 100%,0 100%,1rem 50% );margin-left:-.75rem;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.arrow-stepper-step:first-child{margin-left:0;clip-path:polygon( 0 0,calc(100% - 1rem) 0,100% 50%,calc(100% - 1rem) 100%,0 100% );padding-left:var(--space-xl)}.arrow-stepper-step:last-child{clip-path:polygon( 0 0,100% 0,100% 100%,0 100%,1rem 50% );padding-right:var(--space-xl)}.arrow-stepper-step:first-child:last-child{clip-path:none;padding-left:var(--space-xl);padding-right:var(--space-xl)}.arrow-stepper-step.is-active{background:var(--color-brand-primary);color:var(--color-brand-primary-contrast)}.arrow-stepper-step.is-complete{background:var(--color-utility-success-soft);color:var(--color-utility-success)}.arrow-stepper-body{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;flex:1}.arrow-stepper-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:.85}.arrow-stepper-step.is-active .arrow-stepper-label,.arrow-stepper-step.is-complete .arrow-stepper-label{opacity:1}.arrow-stepper-count{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.arrow-stepper-icon{flex-shrink:0;font-size:1.5rem;opacity:.5}.arrow-stepper-step.is-active .arrow-stepper-icon{opacity:.9}@media (max-width:640px){.arrow-stepper{flex-direction:column;gap:var(--space-xs)}.arrow-stepper-prev,.arrow-stepper-next{display:none}.arrow-stepper-track{flex-direction:column;gap:var(--space-xs)}.arrow-stepper-step,.arrow-stepper-step:first-child,.arrow-stepper-step:last-child{clip-path:none;margin-left:0;border-radius:var(--radius-xl);padding:var(--space-md) var(--space-xl)}}}@layer components{.progress-track{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;min-width:0}.progress-track-group{display:flex;flex-direction:column;gap:var(--space-xs)}.progress-track-header{display:grid;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:var(--space-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary)}.progress-track-icon{color:var(--color-brand-primary);font-size:1.125rem;text-align:center}.progress-track-label{font-size:var(--font-size-md);min-width:0}.progress-track-count{color:var(--color-foreground-secondary);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.progress-track-items{list-style:none;margin:0;padding:0 0 0 .75rem;display:flex;flex-direction:column}.progress-track-item{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-sm) var(--space-lg);color:var(--color-foreground-muted);font-size:var(--font-size-sm)}.progress-track-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--border-width-xs);background:var(--color-divider)}.progress-track-item:last-child::before{bottom:50%}.progress-track-item:first-child::before{top:50%}.progress-track-item:first-child:last-child::before{display:none}.progress-track-item::after{content:"";position:absolute;left:-.1875rem;top:50%;transform:translateY(-50%);width:.5rem;height:.5rem;border-radius:50%;background:var(--color-divider);z-index:1}.progress-track-item-label{min-width:0}.progress-track-item-count{color:var(--color-foreground-muted);font-variant-numeric:tabular-nums}.progress-track-item.is-active{color:var(--color-foreground-primary);font-weight:var(--font-weight-semibold)}.progress-track-item.is-active::after{background:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-brand-primary),transparent 80%);width:.625rem;height:.625rem;left:-.25rem}.progress-track-item.is-active .progress-track-item-count{color:var(--color-brand-primary)}.progress-track-item.is-complete{color:var(--color-foreground-secondary)}.progress-track-item.is-complete::after{background:var(--color-utility-success)}.progress-track-item.is-complete .progress-track-item-count{color:var(--color-utility-success)}.progress-track-item[role="button"],.progress-track-item.is-clickable,a.progress-track-item,button.progress-track-item{cursor:pointer;text-align:left;border:0;background:transparent;width:100%;transition:color var(--duration-fast) var(--ease-standard)}.progress-track-item[role="button"]:hover,.progress-track-item.is-clickable:hover,a.progress-track-item:hover,button.progress-track-item:hover{color:var(--color-foreground-primary)}}@layer components{.tree{list-style:none;margin:0;padding:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-foreground-primary)}.tree-children{list-style:none;margin:0;padding:0 0 0 var(--space-lg);border-left:1px solid var(--color-divider);margin-left:var(--space-md)}.tree-item{list-style:none}.tree-item[aria-expanded="false"]>.tree-children{display:none}.tree-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);cursor:default;user-select:none;transition:background var(--duration-fast) var(--ease-standard);line-height:1.4}.tree.is-selectable .tree-row{cursor:pointer}.tree.is-selectable .tree-row:hover{background:var(--color-brand-primary-hover)}.tree.is-selectable .tree-row[data-active="true"]{background:var(--color-brand-primary-active);color:var(--color-brand-primary);font-weight:var(--font-weight-semibold)}.tree.is-selectable .tree-row[data-active="true"] .tree-icon{color:var(--color-brand-primary)}.tree-toggle{width:1rem;height:1rem;border:0;background:transparent;cursor:pointer;position:relative;flex-shrink:0;color:var(--color-foreground-muted);padding:0;border-radius:var(--radius-xs)}.tree-toggle:hover{color:var(--color-foreground-primary)}.tree-toggle::before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-65%,-50%) rotate(-45deg);transition:transform var(--duration-fast) var(--ease-standard)}.tree-item[aria-expanded="true"]>.tree-row>.tree-toggle::before{transform:translate(-50%,-65%) rotate(45deg)}.tree-toggle.is-leaf{cursor:default}.tree-toggle.is-leaf::before{display:none}.tree-icon{color:var(--color-foreground-muted);font-size:var(--icon-size-md);width:var(--icon-size-lg);text-align:center;flex-shrink:0}.tree-icon.fa-solid::before,.tree-icon.fa-regular::before{width:1em;text-align:center;display:inline-block}.tree-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-meta{font-size:var(--font-size-xs);color:var(--color-foreground-muted);flex-shrink:0}.tree.is-checkable .tree-row>input[type="checkbox"]{margin:0;flex-shrink:0}.tree-row[aria-disabled="true"]{opacity:.5;pointer-events:none}.tree-row:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}}@layer components{.carousel{--carousel-gap:var(--space-md);--carousel-slide-min-width:100%;position:relative;overflow:visible}.carousel-track{display:flex;gap:var(--carousel-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:var(--space-2xs) 0 var(--space-md)}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 var(--carousel-slide-min-width);scroll-snap-align:start;scroll-snap-stop:always;min-width:0}.carousel-multi{--carousel-slide-min-width:clamp(16rem,100%,22rem)}.carousel-multi .carousel-slide{flex:0 0 var(--carousel-slide-min-width)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-surface-base);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-md);display:grid;place-items:center;cursor:pointer;color:var(--color-foreground-primary);font-size:1.25rem;line-height:1;z-index:2;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),opacity var(--duration-standard) var(--ease-standard)}.carousel-arrow:hover{background:var(--color-background-secondary);transform:translateY(-50%) scale(1.05)}.carousel-arrow:disabled{opacity:.35;cursor:not-allowed}.carousel-arrow-prev{left:-1.25rem}.carousel-arrow-next{right:-1.25rem}@media (max-width:767.98px){.carousel-arrow-prev{left:var(--space-sm)}.carousel-arrow-next{right:var(--space-sm)}}.carousel-dots{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-md)}.carousel-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-border-strong);border:0;padding:0;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),width var(--duration-standard) var(--ease-standard)}.carousel-dot:hover{background:var(--color-foreground-muted)}.carousel-dot.is-active{background:var(--color-brand-primary-strong);width:1.5rem;border-radius:var(--radius-pill)}}@layer components{.testimonial{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--component-card-padding);background:var(--color-surface-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);height:100%;min-height:14rem}.testimonial-rating{color:var(--color-utility-warning);font-size:var(--font-size-md);letter-spacing:.1em;line-height:1}.testimonial-quote{flex:1;margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.5;color:var(--color-foreground-primary);quotes:"\201C" "\201D";position:relative;padding-left:2.5rem}.testimonial-quote p{margin:0;color:inherit}.testimonial-quote strong,.testimonial-quote span,.testimonial-quote em{color:inherit}.testimonial-quote::before{content:open-quote;position:absolute;top:-.5rem;left:0;font-size:3.5rem;line-height:1;color:color-mix(in oklch,var(--color-brand-primary),transparent 70%);font-family:var(--font-family-heading),serif;font-weight:var(--font-weight-bold);pointer-events:none}.testimonial-attribution{display:flex;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-divider);margin:0}.testimonial-attribution-info{flex:1;min-width:0}.testimonial-attribution-name{margin:0;font-weight:var(--font-weight-bold);color:var(--color-foreground-primary);font-size:var(--font-size-sm)}.testimonial-attribution-role{margin:0;font-size:var(--font-size-xs);color:var(--color-foreground-secondary);line-height:1.4}.testimonial-logo{max-height:1.5rem;flex-shrink:0;opacity:.6}.testimonial-compact{padding:var(--space-lg);min-height:0}.testimonial-compact .testimonial-quote{font-size:var(--font-size-sm);font-family:var(--font-family-body);padding-left:1.75rem}.testimonial-compact .testimonial-quote::before{font-size:2.25rem;top:-.25rem}.testimonial-brand{background:var(--color-brand-primary-strong);border-color:transparent}.testimonial-brand .testimonial-quote,.testimonial-brand .testimonial-attribution-name,.testimonial-brand .testimonial-attribution-role{color:var(--color-brand-primary-contrast)}.testimonial-brand .testimonial-attribution{border-top-color:rgba(255,255,255,.2)}.testimonial-brand .testimonial-quote::before{color:rgba(255,255,255,.3)}.testimonial-brand .testimonial-attribution-role{opacity:.8}}@layer components{.rating{display:inline-flex;align-items:center;gap:2px;color:var(--color-border-strong);font-size:var(--font-size-md);line-height:1;letter-spacing:0}.rating-star{display:inline-block;color:inherit}.rating-star.is-filled{color:var(--color-utility-warning)}.rating-sm{font-size:var(--font-size-sm)}.rating-lg{font-size:var(--font-size-lg)}}@layer components{.gauge-linear{--gauge-value:0;--gauge-color:var(--color-brand-primary);--gauge-track:var(--color-background-tertiary);--gauge-height:.5rem;width:100%;height:var(--gauge-height);background:var(--gauge-track);border-radius:var(--radius-pill);overflow:hidden;position:relative}.gauge-linear-fill{height:100%;width:calc(var(--gauge-value) * 1%);background:var(--gauge-color);border-radius:inherit;transition:width var(--duration-slow) var(--ease-enter),background var(--duration-standard) var(--ease-standard)}.gauge-linear.is-critical{--gauge-color:var(--color-utility-danger)}.gauge-linear.is-warning{--gauge-color:var(--color-utility-warning)}.gauge-linear.is-success{--gauge-color:var(--color-utility-success)}.gauge-linear.gauge-thick{--gauge-height:1rem}.gauge-linear.gauge-thin{--gauge-height:4px}.gauge-line{--gauge-value:0;--gauge-color:var(--color-brand-primary);--gauge-track:var(--color-divider);--gauge-height:2px;width:100%;height:var(--gauge-height);position:relative;overflow:visible}.gauge-line.gauge-line-track{background:var(--gauge-track);border-radius:1px}.gauge-line::after{content:"";position:absolute;top:0;left:0;height:100%;width:calc(var(--gauge-value) * 1%);background:var(--gauge-color);border-radius:1px;transition:width var(--duration-slow) var(--ease-enter),background var(--duration-standard) var(--ease-standard)}.gauge-line.is-critical{--gauge-color:var(--color-utility-danger)}.gauge-line.is-warning{--gauge-color:var(--color-utility-warning)}.gauge-line.is-success{--gauge-color:var(--color-utility-success)}.gauge-line.gauge-thick{--gauge-height:4px}.gauge-linear-row{display:flex;flex-direction:column;gap:var(--space-xs)}.gauge-linear-row-header{display:flex;justify-content:space-between;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.gauge-linear-row-header strong{font-variant-numeric:tabular-nums}.gauge-circle{--gauge-value:0;--gauge-size:6rem;--gauge-thickness:.5rem;--gauge-color:var(--color-brand-primary);--gauge-track:var(--color-background-tertiary);position:relative;width:var(--gauge-size);height:var(--gauge-size);border-radius:50%;background:conic-gradient( var(--gauge-color) calc(var(--gauge-value) * 1%),var(--gauge-track) 0 );display:grid;place-items:center;place-content:center;flex-shrink:0;transition:background var(--duration-slow) var(--ease-enter)}.gauge-circle::before{content:"";position:absolute;inset:var(--gauge-thickness);background:var(--color-surface-base);border-radius:50%}.gauge-circle-value{position:relative;font-family:var(--font-family-heading);font-size:calc(var(--gauge-size) * .22);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-foreground-primary);font-variant-numeric:tabular-nums;z-index:1}.gauge-circle-label{position:relative;font-size:var(--font-size-2xs);color:var(--color-foreground-muted);margin-top:var(--space-2xs);text-align:center;z-index:1;font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.06em}.gauge-circle.is-critical{--gauge-color:var(--color-utility-danger)}.gauge-circle.is-warning{--gauge-color:var(--color-utility-warning)}.gauge-circle.is-success{--gauge-color:var(--color-utility-success)}.gauge-circle.gauge-sm{--gauge-size:4rem;--gauge-thickness:.375rem}.gauge-circle.gauge-lg{--gauge-size:9rem;--gauge-thickness:.625rem}.gauge-semi{--gauge-value:0;--gauge-size:8rem;--gauge-thickness:10;--gauge-color:var(--color-brand-primary);--gauge-track:var(--color-background-tertiary);position:relative;width:var(--gauge-size);height:var(--gauge-size);flex-shrink:0;text-align:center}.gauge-semi-arc{width:100%;height:calc(var(--gauge-size) / 2);display:block;overflow:visible}.gauge-semi-track,.gauge-semi-fill{fill:none;stroke-width:var(--gauge-thickness);stroke-linecap:round}.gauge-semi-track{stroke:var(--gauge-track)}.gauge-semi-fill{stroke:var(--gauge-color);stroke-dasharray:141.37;stroke-dashoffset:calc(141.37 - (141.37 * var(--gauge-value) / 100));transition:stroke-dashoffset var(--duration-slow) var(--ease-enter),stroke var(--duration-standard) var(--ease-standard)}.gauge-semi-value{position:absolute;bottom:calc(var(--gauge-size) / 2 - .25rem);left:0;right:0;font-family:var(--font-family-heading);font-size:calc(var(--gauge-size) * .22);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-foreground-primary);font-variant-numeric:tabular-nums}.gauge-semi-label{position:absolute;bottom:calc(var(--gauge-size) / 2+var(--gauge-size) * .22+.1rem);left:0;right:0;font-size:var(--font-size-2xs);color:var(--color-foreground-muted);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.06em;line-height:1}.gauge-semi.is-critical{--gauge-color:var(--color-utility-danger)}.gauge-semi.is-warning{--gauge-color:var(--color-utility-warning)}.gauge-semi.is-success{--gauge-color:var(--color-utility-success)}}@layer components{.sparkline{width:100%;height:2.5rem;overflow:visible;--sparkline-color:var(--color-brand-primary)}.sparkline-line{fill:none;stroke:var(--sparkline-color);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sparkline-area{fill:var(--sparkline-color);opacity:.18;stroke:none}.sparkline.is-up{--sparkline-color:var(--color-utility-success)}.sparkline.is-down{--sparkline-color:var(--color-utility-danger)}.sparkline.is-flat{--sparkline-color:var(--color-foreground-muted)}.bar-chart{--bar-chart-height:12rem;--bar-color:var(--color-brand-primary);display:flex;align-items:flex-end;gap:var(--space-xs);height:var(--bar-chart-height);padding-bottom:1.5rem;border-bottom:1px solid var(--color-divider);position:relative}.bar-chart-bar{flex:1;background:var(--bar-color);border-radius:var(--radius-xs) var(--radius-xs) 0 0;height:calc(var(--bar-value,0) * 1%);min-height:2px;position:relative;transition:height var(--duration-slow) var(--ease-enter),opacity var(--duration-fast) var(--ease-standard);cursor:default}.bar-chart-bar:hover{opacity:.85}.bar-chart-bar::after{content:attr(data-label);position:absolute;bottom:-1.5rem;left:50%;transform:translateX(-50%);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);color:var(--color-foreground-muted);white-space:nowrap}.bar-chart-bar::before{content:attr(data-value);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-4px);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);background:var(--color-foreground-primary);color:var(--color-background-canvas);padding:2px 6px;border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.bar-chart-bar:hover::before{opacity:1}.bar-chart-bar.is-success{background:var(--color-utility-success)}.bar-chart-bar.is-warning{background:var(--color-utility-warning)}.bar-chart-bar.is-critical{background:var(--color-utility-danger)}.bar-chart-bar.is-muted{background:var(--color-background-tertiary)}.donut-chart{--donut-size:8rem;--donut-thickness:1rem;position:relative;width:var(--donut-size);height:var(--donut-size);flex-shrink:0}.donut-chart-ring{width:100%;height:100%;border-radius:50%;background:var(--color-divider)}.donut-chart::after{content:"";position:absolute;inset:var(--donut-thickness);background:var(--color-surface-base);border-radius:50%}.donut-chart-center{position:absolute;inset:0;display:grid;place-items:center;place-content:center;text-align:center;z-index:1}.donut-chart-value{font-family:var(--font-family-heading);font-size:calc(var(--donut-size) * .2);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-foreground-primary);font-variant-numeric:tabular-nums}.donut-chart-label{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-2xs)}.stat-tile{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--component-card-padding);background:var(--color-surface-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.stat-tile-label{margin:0;font-size:var(--font-size-xs);color:var(--color-foreground-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em}.stat-tile-value{margin:0;font-family:var(--font-family-heading);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);line-height:1;font-variant-numeric:tabular-nums;color:var(--color-foreground-primary)}.stat-tile-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.stat-tile-delta{display:inline-flex;align-items:center;gap:2px;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.stat-tile-delta.is-up{color:var(--color-utility-success)}.stat-tile-delta.is-up::before{content:"▲";font-size:.625em;margin-right:2px}.stat-tile-delta.is-down{color:var(--color-utility-danger)}.stat-tile-delta.is-down::before{content:"▼";font-size:.625em;margin-right:2px}.stat-tile-delta.is-flat{color:var(--color-foreground-muted)}.stat-tile-delta.is-flat::before{content:"—";margin-right:2px}.stat-tile-illustrated{flex-direction:row;align-items:center;gap:var(--space-md)}.stat-tile-illustrated .stat-tile-body{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;flex:1}.stat-tile-icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-xl);display:grid;place-items:center;flex-shrink:0;background:var(--color-background-secondary);color:var(--color-foreground-secondary);font-size:1.5rem}.stat-tile-icon>svg{width:1.5rem;height:1.5rem}.stat-tile-icon>img{width:2rem;height:2rem}.stat-tile-icon.is-success{background:var(--color-utility-success-soft);color:var(--color-utility-success)}.stat-tile-icon.is-warning{background:var(--color-utility-warning-soft);color:var(--color-utility-warning)}.stat-tile-icon.is-danger{background:var(--color-utility-danger-soft);color:var(--color-utility-danger)}.stat-tile-icon.is-info{background:var(--color-utility-info-soft);color:var(--color-utility-info)}.stat-tile-icon.is-brand{background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}@media (max-width:480px){.stat-tile-illustrated .stat-tile-icon{display:none}}.legend{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.legend-item{display:inline-flex;align-items:center;gap:var(--space-xs);line-height:1}.legend-swatch{width:.625rem;height:.625rem;border-radius:2px;flex-shrink:0}.legend-swatch.is-circle{border-radius:50%}}@layer components{.feature-tile{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--component-card-padding);background:var(--color-surface-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:border-color var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard)}.feature-tile:hover{border-color:color-mix(in oklch,var(--color-brand-primary),white 60%);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-tile-icon{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:var(--radius-lg);background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-brand-primary);font-size:1.25rem;flex-shrink:0}.feature-tile-icon>i.fa-solid::before,.feature-tile-icon>i.fa-regular::before,.feature-tile-icon>i.fa-light::before,.feature-tile-icon>i.fa-thin::before,.feature-tile-icon>i.fa-brands::before{width:1em;text-align:center;display:inline-block}.feature-tile-title{margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-foreground-primary)}.feature-tile-body{margin:0;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-foreground-secondary);flex:1}.feature-tile-cta{color:var(--color-brand-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-decoration:none;align-self:flex-start;transition:gap var(--duration-fast) var(--ease-standard)}.feature-tile-cta:hover{text-decoration:underline}.feature-tile-brand{background:var(--color-brand-primary-strong);border-color:transparent}.feature-tile-brand .feature-tile-title,.feature-tile-brand .feature-tile-body,.feature-tile-brand .feature-tile-cta{color:var(--color-brand-primary-contrast)}.feature-tile-brand .feature-tile-body{opacity:.9}.feature-tile-brand .feature-tile-icon{background:rgba(255,255,255,.18);color:var(--color-brand-primary-contrast)}.promo-tile{--promo-image:none;--promo-overlay:linear-gradient( 135deg,color-mix(in oklch,var(--color-brand-primary),transparent 15%) 0%,color-mix(in oklch,var(--color-brand-primary),transparent 60%) 100% );--promo-min-height:16rem;position:relative;display:flex;align-items:flex-end;min-height:var(--promo-min-height);padding:var(--component-pane-padding);border-radius:var(--radius-2xl);overflow:hidden;color:var(--color-brand-primary-contrast);background-color:var(--color-brand-primary);background-image:var(--promo-overlay),var(--promo-image);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;box-shadow:var(--shadow-md);isolation:isolate;transition:box-shadow var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard)}.promo-tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.promo-tile-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);max-width:32rem;position:relative;z-index:1}.promo-tile-content>.promo-tile-title,.promo-tile-content>.promo-tile-body{align-self:stretch}.promo-tile-eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);align-self:flex-start;padding:4px var(--space-md);background:rgba(255,255,255,.18);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-pill);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:inherit}.promo-tile-title{margin:0;font-family:var(--font-family-heading);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:inherit}.promo-tile-body{margin:0;font-size:var(--font-size-md);line-height:1.5;color:inherit;opacity:.92}.promo-tile .button{background:var(--color-surface-base);color:var(--color-brand-primary);align-self:flex-start;border-color:transparent}.promo-tile .button:hover{background:var(--color-background-secondary)}.promo-tile-hero{--promo-min-height:24rem;align-items:center;text-align:left}.promo-tile-split{--promo-image:none;background:var(--color-surface-base);color:var(--color-foreground-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden}.promo-tile-split .promo-tile-content{padding:var(--component-pane-padding);max-width:none}.promo-tile-split .promo-tile-title{color:var(--color-foreground-primary)}.promo-tile-split .promo-tile-body{color:var(--color-foreground-secondary);opacity:1}.promo-tile-split .promo-tile-eyebrow{background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-brand-primary);border-color:transparent}.promo-tile-split .button{background:var(--color-brand-primary);color:var(--color-brand-primary-contrast)}.promo-tile-split .promo-tile-image{background-image:var(--promo-image);background-size:cover;background-position:center;min-height:16rem}@media (max-width:767.98px){.promo-tile-split{grid-template-columns:1fr}.promo-tile-split .promo-tile-image{min-height:10rem;order:-1}}}@layer components{.notify-icon{position:relative;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:transparent;border:1px solid transparent;color:var(--color-foreground-secondary);cursor:pointer;font-size:1rem;line-height:1;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.notify-icon:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.notify-dot{position:absolute;top:-2px;right:-2px;min-width:10px;height:10px;border-radius:var(--radius-pill);background:var(--color-utility-danger);border:2px solid var(--color-surface-base);box-sizing:content-box;display:inline-flex;align-items:center;justify-content:center;color:var(--color-static-white);font-size:.625rem;font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);line-height:1;pointer-events:none}.notify-dot[data-count]:not([data-count=""]):not([data-count="0"])::before{content:attr(data-count);padding:0 4px}.notify-dot[data-count]:not([data-count=""]):not([data-count="0"]){min-width:14px;height:14px;top:-4px;right:-4px}.notify-dot.is-pulsing{animation:notify-pulse 1.6s ease-out infinite}@keyframes notify-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch,var(--color-utility-danger),transparent 30%)}70%{box-shadow:0 0 0 10px color-mix(in oklch,var(--color-utility-danger),transparent 100%)}100%{box-shadow:0 0 0 0 color-mix(in oklch,var(--color-utility-danger),transparent 100%)}}}@layer components{.code-block{margin:0;padding:var(--space-md) var(--space-lg);background:var(--color-foreground-primary);color:var(--color-background-canvas);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.55;border-radius:var(--radius-lg);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.code-block code{background:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit;white-space:pre}.code-block::-webkit-scrollbar{height:6px}.code-block::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.code-block-figure{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-subtle)}.code-block-figure .code-block{border-radius:0;border:0}.code-block-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-background-secondary);color:var(--color-foreground-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);border-bottom:1px solid var(--color-border-subtle)}}@layer components{.dl{display:grid;grid-template-columns:minmax(8rem,1fr) 2fr;gap:var(--space-sm) var(--space-lg);margin:0;font-size:var(--font-size-sm);line-height:1.4}.dl>dt{color:var(--color-foreground-secondary);font-weight:var(--font-weight-medium);margin:0}.dl>dd{color:var(--color-foreground-primary);margin:0;font-weight:var(--font-weight-medium)}@media (max-width:560px){.dl:not(.dl-inline){grid-template-columns:1fr;gap:var(--space-2xs) 0}.dl:not(.dl-inline)>dt{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground-muted)}.dl:not(.dl-inline)>dd{margin-bottom:var(--space-sm)}}.dl-stacked{grid-template-columns:1fr;gap:var(--space-md)}.dl-stacked>dt{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2xs)}.dl-inline{grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-md)}.dl-inline>dt::after{content:":";margin-left:2px}@media (max-width:480px){.dl:not(.dl-stacked):not(.dl-inline){grid-template-columns:1fr}.dl:not(.dl-stacked):not(.dl-inline)>dt{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;margin-bottom:calc(var(--space-2xs) * -1)}}}@layer components{.list-bulleted,.list-numbered,.list-checked{margin:0;padding-left:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);color:var(--color-foreground-primary);line-height:var(--line-height-relaxed)}.list-bulleted{list-style:disc outside}.list-numbered{list-style:decimal outside}.list-checked{list-style:none;padding-left:0}.list-bulleted>li,.list-numbered>li{padding-left:var(--space-2xs)}.list-bulleted>li::marker,.list-numbered>li::marker{color:var(--color-foreground-secondary);font-weight:var(--font-weight-semibold)}.list-checked>li{position:relative;padding-left:1.75rem}.list-checked>li::before{content:"";position:absolute;left:0;top:.45em;width:1rem;height:1rem;background:var(--color-utility-success);mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8l3 3 7-7' stroke='black' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8l3 3 7-7' stroke='black' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;flex-shrink:0}.list-bulleted .list-bulleted,.list-bulleted .list-numbered,.list-numbered .list-bulleted,.list-numbered .list-numbered{margin-top:var(--space-sm)}.list-tight{gap:var(--space-xs)}.list-loose{gap:var(--space-md)}}@layer components{mark,.highlight{background:color-mix(in oklch,var(--color-brand-primary),white 78%);color:var(--color-foreground-primary);padding:0 2px;border-radius:var(--radius-xs);font-weight:var(--font-weight-semibold)}}@layer components{.tag-input{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm);background:var(--component-input-background);border:var(--border-width-xs) solid var(--component-input-border);border-radius:var(--component-input-radius);min-height:2.5rem;cursor:text;transition:border-color var(--duration-fast) var(--ease-standard)}.tag-input:focus-within{border-color:var(--color-brand-primary)}.tag-input-list{display:contents;list-style:none;padding:0;margin:0}.tag-input-list>li{display:inline-flex}.tag-input-field{flex:1 1 8rem;min-width:4rem;border:0;background:transparent;color:inherit;font-size:var(--font-size-sm);line-height:1.4;padding:0 var(--space-xs);outline:none}.tag-input-field::placeholder{color:var(--color-foreground-muted)}}@layer components{.selectable-card{appearance:none;background:var(--color-surface-base);border:2px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--component-tile-padding);cursor:pointer;text-align:left;width:100%;display:flex;align-items:flex-start;gap:var(--space-md);color:inherit;font:inherit;position:relative;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.selectable-card:hover{border-color:color-mix(in oklch,var(--color-brand-primary),white 60%);box-shadow:var(--shadow-sm)}.selectable-card:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.selectable-card[aria-disabled="true"],.selectable-card:has(input:disabled){opacity:.5;cursor:not-allowed}.selectable-card-input{margin:0;flex-shrink:0}.selectable-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.selectable-card-content>*{margin:0}.selectable-card-content>h4,.selectable-card-content>h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-foreground-primary)}.selectable-card:has(input:checked),.selectable-card.is-selected,.selectable-card[aria-pressed="true"]{border-color:var(--color-brand-primary);background:var(--color-brand-primary-hover)}.selectable-card:has(input:checked):hover,.selectable-card.is-selected:hover,.selectable-card[aria-pressed="true"]:hover{background:var(--color-brand-primary-selected)}.selectable-card-visual::after{content:"";position:absolute;top:var(--space-md);right:var(--space-md);width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-surface-base);border:2px solid var(--color-border-strong);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.selectable-card-visual.is-selected::after,.selectable-card-visual[aria-pressed="true"]::after{background:var(--color-brand-primary);border-color:var(--color-brand-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5l3 3 6-7' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:14px 14px;background-position:center;background-repeat:no-repeat}.selectable-card-visual{padding-right:calc(var(--space-md) * 2+1.25rem)}.selectable-card-compact{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border-width:1px}.selectable-card-compact .selectable-card-content>h4{font-size:var(--font-size-sm)}.selectable-card-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-md)}}@layer components{.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:var(--z-index-modal,1200);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;pointer-events:none;transition:opacity var(--duration-standard) var(--ease-standard)}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px rgba(0,0,0,.5);user-select:none;transition:opacity var(--duration-fast) var(--ease-standard)}.lightbox.is-loading .lightbox-image{opacity:.3}.lightbox-caption{margin-top:var(--space-lg);color:rgba(255,255,255,.85);font-size:var(--font-size-sm);text-align:center;max-width:60ch;font-family:var(--font-family-body)}.lightbox-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);color:rgba(255,255,255,.85);font-family:var(--font-family-mono);font-size:var(--font-size-xs);pointer-events:none}.lightbox-topbar>*{pointer-events:auto}.lightbox-counter{}.lightbox-close{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:1.5rem;line-height:1;transition:background var(--duration-fast) var(--ease-standard)}.lightbox-close:hover{background:rgba(255,255,255,.2)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;width:3rem;height:3rem;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:1.5rem;line-height:1;transition:background var(--duration-fast) var(--ease-standard)}.lightbox-nav:hover{background:rgba(255,255,255,.2)}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-nav-prev{left:var(--space-lg)}.lightbox-nav-next{right:var(--space-lg)}@media (max-width:767.98px){.lightbox-nav{width:2.5rem;height:2.5rem}.lightbox-nav-prev{left:var(--space-sm)}.lightbox-nav-next{right:var(--space-sm)}}[data-lightbox]{display:inline-block;cursor:zoom-in;transition:transform var(--duration-fast) var(--ease-standard)}[data-lightbox]:hover{transform:scale(1.02)}[data-lightbox]>img{display:block;border-radius:var(--radius-md)}}@layer components{.sheet{position:fixed;inset:0;z-index:var(--z-index-modal,1200);display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.sheet[hidden]{display:none}.sheet:not([hidden]){pointer-events:auto}.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity var(--duration-slow) var(--ease-enter)}.sheet.is-open .sheet-backdrop{opacity:1}.sheet-panel{position:relative;background:var(--color-surface-base);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.2);max-height:92vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-enter);padding-bottom:env(safe-area-inset-bottom,0)}.sheet.is-open .sheet-panel{transform:translateY(0)}.sheet-handle{width:2.5rem;height:4px;background:var(--color-border-strong);border-radius:var(--radius-pill);margin:var(--space-sm) auto 0;flex-shrink:0;cursor:grab}.sheet-handle:active{cursor:grabbing}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-divider);flex-shrink:0}.sheet-header h1,.sheet-header h2,.sheet-header h3,.sheet-header h4{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.sheet-close{background:transparent;border:0;color:var(--color-foreground-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center}.sheet-close:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.sheet-body{flex:1;overflow-y:auto;padding:var(--space-lg);-webkit-overflow-scrolling:touch}.sheet-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-divider);display:flex;gap:var(--space-sm);justify-content:flex-end;flex-shrink:0}.sheet-panel-tall{max-height:80vh}.sheet-panel-fit{max-height:none;height:auto}@media (min-width:768px){.sheet{justify-content:center;align-items:center;padding:var(--space-lg)}.sheet-panel{border-radius:var(--radius-2xl);max-width:32rem;width:100%;max-height:80vh;transform:translateY(20px) scale(.98);opacity:0;transition:transform var(--duration-slow) var(--ease-enter),opacity var(--duration-standard) var(--ease-standard)}.sheet.is-open .sheet-panel{transform:translateY(0) scale(1);opacity:1}.sheet-handle{display:none}}}@layer components{.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.checklist-item{padding:var(--space-sm) 0}.checklist-bordered .checklist-item{border-bottom:1px solid var(--color-divider)}.checklist-bordered .checklist-item:last-child{border-bottom:0}.checklist-strike .checklist-item:has(input:checked)>.check{text-decoration:line-through;color:var(--color-foreground-muted)}}@layer components{.action-fab{position:fixed;right:var(--space-lg);bottom:var(--space-lg);z-index:var(--z-index-sticky);width:3.5rem;height:3.5rem;border-radius:50%;background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);border:0;box-shadow:0 4px 12px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.12);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-size:1.25rem;line-height:1;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard);bottom:calc(var(--space-lg)+env(safe-area-inset-bottom,0))}.action-fab:hover{background:var(--color-brand-primary-bold);transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.22),0 3px 6px rgba(0,0,0,.14)}.action-fab:active{transform:scale(.96)}.action-fab-extended{width:auto;height:3rem;min-height:3rem;padding:0 var(--space-lg) 0 var(--space-md);gap:var(--space-sm);border-radius:var(--radius-pill);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.01em;line-height:1}.action-fab-extended>i{font-size:1.125rem;line-height:1;flex-shrink:0}.action-fab-extended>span{font:inherit;letter-spacing:inherit;line-height:1}.action-fab-secondary{background:var(--color-surface-base);color:var(--color-foreground-primary);border:1px solid var(--color-border-subtle)}.action-fab-secondary:hover{background:var(--color-background-secondary)}}@layer components{.segmented{display:inline-flex;background:var(--color-background-tertiary);border-radius:var(--radius-pill);padding:3px;gap:0;position:relative}.segmented-option{position:relative;cursor:pointer}.segmented-option>input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.segmented-option>span{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary);line-height:1;min-height:1.75rem;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);white-space:nowrap;user-select:none}.segmented-option:has(input:checked)>span{background:var(--color-surface-base);color:var(--color-foreground-primary);box-shadow:0 1px 3px rgba(0,0,0,.08)}.segmented-option:hover>span{color:var(--color-foreground-primary)}.segmented-option:has(input:disabled){opacity:.5;cursor:not-allowed}.segmented-sm>.segmented-option>span{padding:var(--space-2xs) var(--space-md);font-size:var(--font-size-xs);min-height:1.5rem}.segmented-lg>.segmented-option>span{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-md);min-height:2.25rem}.segmented-block{display:flex;width:100%}.segmented-block>.segmented-option{flex:1}.segmented-block>.segmented-option>span{width:100%}}@layer components{.topbar-hamburger{display:none;width:2.5rem;height:2.5rem;background:transparent;border:0;cursor:pointer;padding:0;position:relative;border-radius:var(--radius-md)}.topbar-hamburger:hover{background:var(--color-background-secondary)}.topbar-hamburger>span{display:block;position:absolute;left:25%;width:50%;height:2px;background:var(--color-foreground-primary);border-radius:1px;transition:transform var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),top var(--duration-fast) var(--ease-standard)}.topbar-hamburger>span:nth-child(1){top:30%}.topbar-hamburger>span:nth-child(2){top:50%;transform:translateY(-50%)}.topbar-hamburger>span:nth-child(3){top:70%;transform:translateY(-100%)}.topbar-hamburger[aria-expanded="true"]>span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.topbar-hamburger[aria-expanded="true"]>span:nth-child(2){opacity:0}.topbar-hamburger[aria-expanded="true"]>span:nth-child(3){top:50%;transform:translateY(-50%) rotate(-45deg)}.topbar-nav{display:flex;align-items:center;gap:var(--space-md);justify-self:start;min-width:0}.topbar:has(.topbar-nav-wrap)>[data-mobile-nav]:not([data-mobile-nav-open]),.topbar:has(>.menu-bar)>[data-mobile-nav]:not([data-mobile-nav-open]){display:none}.topbar-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);color:var(--color-foreground-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.topbar-link:hover{background:var(--color-brand-primary-hover);color:var(--color-brand-primary-bold)}.topbar-link.is-active{color:var(--color-brand-primary);background:color-mix(in oklch,var(--color-brand-primary),white 92%);font-weight:var(--font-weight-semibold)}.topbar:has(.topbar-hamburger){grid-template-columns:auto 1fr auto}.topbar.burger-left:has(.topbar-hamburger){grid-template-columns:auto auto 1fr}.topbar.burger-left .topbar-hamburger{order:-1}@media (max-width:767.98px){.topbar-hamburger{display:grid;place-items:center}.topbar:has(.topbar-hamburger)>.topbar-nav-wrap{display:none}.topbar:has(.topbar-hamburger){grid-template-columns:1fr auto}.topbar.burger-left:has(.topbar-hamburger){grid-template-columns:auto 1fr}[data-mobile-nav]:not([data-mobile-nav-open]){display:none}[data-mobile-nav][data-mobile-nav-open]{position:absolute;top:100%;left:0;right:0;background:var(--color-surface-base);box-shadow:var(--shadow-lg);border-top:1px solid var(--color-divider);padding:var(--space-md);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2xs);animation:mobile-nav-in var(--duration-standard) var(--ease-enter);z-index:var(--z-index-dropdown)}[data-mobile-nav][data-mobile-nav-open] .topbar-link{padding:var(--space-md);border-radius:var(--radius-md)}[data-mobile-nav][data-mobile-nav-open] .topbar-link:hover{background:var(--color-background-secondary)}@keyframes mobile-nav-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[data-mobile-nav="drawer"][data-mobile-nav-open]{position:fixed;top:0;bottom:0;left:auto;right:0;width:min(20rem,85vw);border-top:0;padding:var(--space-lg) var(--space-md);overflow-y:auto;box-shadow:var(--shadow-xl),0 0 0 100vmax var(--color-surface-scrim);animation:mobile-nav-drawer-in-right var(--duration-standard) var(--ease-enter);z-index:var(--z-index-drawer)}.topbar.burger-left [data-mobile-nav="drawer"][data-mobile-nav-open]{left:0;right:auto;animation-name:mobile-nav-drawer-in-left}@keyframes mobile-nav-drawer-in-right{from{opacity:0;translate:1.5rem 0}to{opacity:1;translate:0 0}}@keyframes mobile-nav-drawer-in-left{from{opacity:0;translate:-1.5rem 0}to{opacity:1;translate:0 0}}}}@layer components{.mobile-tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-index-sticky);display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;background:var(--color-surface-base);border-top:1px solid var(--color-divider);box-shadow:0 -2px 8px rgba(0,0,0,.05);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-tab-bar[data-mobile-tab-bar-floating],.mobile-tab-bar.is-floating{left:var(--space-md);right:var(--space-md);bottom:calc(var(--space-md)+env(safe-area-inset-bottom,0));border-radius:var(--radius-2xl);border:1px solid var(--color-divider);box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.06);padding-bottom:0;overflow:hidden}.mobile-tab-bar[data-mobile-tab-bar-static]{position:relative;left:auto;right:auto;bottom:auto;padding-bottom:0}.mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-sm) var(--space-xs);min-height:3.5rem;background:transparent;border:0;color:var(--color-foreground-secondary);font-family:var(--font-family-base);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.mobile-tab>i{font-size:1.25rem;line-height:1;transition:transform var(--duration-fast) var(--ease-standard)}.mobile-tab>span{font:inherit;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tab:hover{color:var(--color-brand-primary-bold);background:var(--color-brand-primary-hover)}.mobile-tab:active>i{transform:scale(.92)}.mobile-tab.is-active{color:var(--color-brand-primary)}.mobile-tab.is-active>i{color:var(--color-brand-primary)}.mobile-tab .notify-dot{position:absolute;top:var(--space-xs);margin-left:.875rem}.mobile-tab{position:relative}}@layer components{kbd,.kbd{display:inline-block;padding:2px 6px;background:var(--color-background-canvas);color:var(--color-foreground-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-divider);font-family:var(--font-family-mono);font-size:.85em;line-height:1;font-weight:var(--font-weight-medium);white-space:nowrap;vertical-align:middle}.surface-brand kbd,.surface-brand .kbd,[class*="bg-brand"] kbd,[class*="bg-brand"] .kbd{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);color:var(--color-brand-primary-contrast);box-shadow:0 1px 0 rgba(0,0,0,.1)}}@layer components{@keyframes anim-fade-in{from{opacity:0}to{opacity:1}}@keyframes anim-fade-out{from{opacity:1}to{opacity:0}}@keyframes anim-slide-up{from{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes anim-slide-down{from{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}@keyframes anim-slide-left{from{opacity:0;transform:translateX(80px)}to{opacity:1;transform:translateX(0)}}@keyframes anim-slide-right{from{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:translateX(0)}}@keyframes anim-scale-in{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes anim-pop{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.22);opacity:1}100%{transform:scale(1)}}@keyframes anim-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes anim-spin{to{transform:rotate(360deg)}}@keyframes anim-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes anim-bounce{0%,100%{transform:translateY(0)}25%{transform:translateY(-18px)}50%{transform:translateY(0)}75%{transform:translateY(-9px)}}@keyframes anim-shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-14px)}20%,40%,60%,80%{transform:translateX(14px)}}@keyframes anim-attention{0%{box-shadow:0 0 0 0 color-mix(in oklch,var(--color-utility-warning),transparent 30%)}50%{box-shadow:0 0 0 6px color-mix(in oklch,var(--color-utility-warning),transparent 70%)}100%{box-shadow:0 0 0 0 transparent}}.anim-fade-in{animation:anim-fade-in 900ms var(--ease-standard) both}.anim-slide-up{animation:anim-slide-up 900ms var(--ease-enter) both}.anim-slide-down{animation:anim-slide-down 900ms var(--ease-enter) both}.anim-slide-left{animation:anim-slide-left 900ms var(--ease-enter) both}.anim-slide-right{animation:anim-slide-right 900ms var(--ease-enter) both}.anim-scale-in{animation:anim-scale-in 900ms var(--ease-standard) both}.anim-pop{animation:anim-pop 750ms cubic-bezier(.34,1.56,.64,1) both}.anim-pulse{animation:anim-pulse 1.6s var(--ease-standard) infinite}.anim-spin{animation:anim-spin 1s linear infinite}.anim-bounce{animation:anim-bounce 1.4s var(--ease-standard) infinite}.anim-shake{animation:anim-shake .9s var(--ease-standard) both}.anim-attention{animation:anim-attention 1.2s var(--ease-standard) both}.anim-fast{animation-duration:var(--duration-fast)}.anim-slow{animation-duration:var(--duration-slow)}.anim-stagger>*{animation:anim-slide-up var(--duration-slow) var(--ease-enter) both}.anim-stagger>*:nth-child(1){animation-delay:0ms}.anim-stagger>*:nth-child(2){animation-delay:80ms}.anim-stagger>*:nth-child(3){animation-delay:160ms}.anim-stagger>*:nth-child(4){animation-delay:240ms}.anim-stagger>*:nth-child(5){animation-delay:320ms}.anim-stagger>*:nth-child(6){animation-delay:400ms}.anim-stagger>*:nth-child(7){animation-delay:480ms}.anim-stagger>*:nth-child(n+8){animation-delay:560ms}.anim-shimmer{background:linear-gradient( 90deg,var(--color-background-tertiary) 0%,color-mix(in oklch,var(--color-background-tertiary),white 50%) 50%,var(--color-background-tertiary) 100% );background-size:200% 100%;animation:anim-shimmer 1.5s ease-in-out infinite}[data-anim]{opacity:0;will-change:transform,opacity}[data-anim][data-anim-visible="true"]{opacity:1}[data-anim="fade-in"][data-anim-visible="true"]{animation:anim-fade-in var(--duration-slow) var(--ease-standard) both}[data-anim="slide-up"][data-anim-visible="true"]{animation:anim-slide-up var(--duration-slow) var(--ease-enter) both}[data-anim="slide-down"][data-anim-visible="true"]{animation:anim-slide-down var(--duration-slow) var(--ease-enter) both}[data-anim="slide-left"][data-anim-visible="true"]{animation:anim-slide-left var(--duration-slow) var(--ease-enter) both}[data-anim="slide-right"][data-anim-visible="true"]{animation:anim-slide-right var(--duration-slow) var(--ease-enter) both}[data-anim="scale-in"][data-anim-visible="true"]{animation:anim-scale-in var(--duration-slow) var(--ease-standard) both}[data-anim="pop"][data-anim-visible="true"]{animation:anim-pop 380ms cubic-bezier(.34,1.56,.64,1) both}}@layer components{html[data-theme="dark"]{--color-utility-success-soft:color-mix(in oklch,var(--color-utility-success),black 70%);--color-utility-warning-soft:color-mix(in oklch,var(--color-utility-warning),black 70%);--color-utility-danger-soft:color-mix(in oklch,var(--color-utility-danger),black 70%);--color-utility-info-soft:color-mix(in oklch,var(--color-utility-info),black 70%);--color-utility-muted-soft:color-mix(in oklch,var(--color-utility-muted),black 70%)}html[data-theme="dark"] .alert-success,html[data-theme="dark"] .alert-info{color:color-mix(in oklch,var(--color-foreground-primary),var(--color-utility-success) 0%)}html[data-theme="dark"] .alert-success{color:color-mix(in oklch,var(--color-utility-success),white 35%);border-color:color-mix(in oklch,var(--color-utility-success),black 50%)}html[data-theme="dark"] .alert-info{color:color-mix(in oklch,var(--color-utility-info),white 35%);border-color:color-mix(in oklch,var(--color-utility-info),black 50%)}html[data-theme="dark"] .alert-warning{color:color-mix(in oklch,var(--color-utility-warning),white 35%);border-color:color-mix(in oklch,var(--color-utility-warning),black 50%)}html[data-theme="dark"] .alert-danger{color:color-mix(in oklch,var(--color-utility-danger),white 35%);border-color:color-mix(in oklch,var(--color-utility-danger),black 50%)}html[data-theme="dark"] .alert strong{color:inherit}html[data-theme="dark"] .toast.is-success{background:var(--color-utility-success-soft)}html[data-theme="dark"] .toast.is-warning{background:var(--color-utility-warning-soft)}html[data-theme="dark"] .toast.is-danger{background:var(--color-utility-danger-soft)}html[data-theme="dark"] .toast.is-info{background:var(--color-utility-info-soft)}html[data-theme="dark"] .toast.is-success>strong{color:color-mix(in oklch,var(--color-utility-success),white 35%)}html[data-theme="dark"] .toast.is-warning>strong{color:color-mix(in oklch,var(--color-utility-warning),white 35%)}html[data-theme="dark"] .toast.is-danger>strong{color:color-mix(in oklch,var(--color-utility-danger),white 35%)}html[data-theme="dark"] .toast.is-info>strong{color:color-mix(in oklch,var(--color-utility-info),white 35%)}html[data-theme="dark"] mark,html[data-theme="dark"] .highlight{background:color-mix(in oklch,var(--color-brand-primary),black 55%);color:color-mix(in oklch,var(--color-brand-primary),white 35%)}html[data-theme="dark"] .code-block{background:var(--color-surface-tertiary);color:var(--color-foreground-primary)}html[data-theme="dark"] .code-block-caption{background:var(--color-surface-secondary);color:var(--color-foreground-secondary)}html[data-theme="dark"] .anim-shimmer{background:linear-gradient( 90deg,var(--color-background-tertiary) 0%,color-mix(in oklch,var(--color-background-tertiary),white 8%) 50%,var(--color-background-tertiary) 100% );background-size:200% 100%}html[data-theme="dark"] .skeleton::after{background:linear-gradient( 90deg,transparent,color-mix(in oklch,var(--color-background-canvas),white 6%),transparent )}}@layer components{.person-card{display:grid;gap:var(--space-md);padding:var(--component-tile-padding);background:var(--component-card-background);border:var(--border-width-xs) solid var(--component-card-border);border-radius:var(--component-card-radius);transition:border-color var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard)}.person-card-link{cursor:pointer}.person-card-link:hover,.person-card-link:focus-visible{border-color:color-mix(in oklch,var(--color-brand-primary),transparent 60%);box-shadow:var(--shadow-sm)}.person-card-header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-md);align-items:center}.person-card-identity{display:grid;gap:var(--space-2xs);min-width:0}.person-card-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card-role{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm) var(--space-md)}.person-card-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);min-width:0}.person-card-meta-item>i,.person-card-meta-item>.fa-solid,.person-card-meta-item>.fa-regular{color:var(--color-foreground-muted);font-size:var(--font-size-xs);flex-shrink:0}.person-card-meta-value{font-weight:var(--font-weight-medium);color:var(--color-foreground-primary)}.person-card-rate{display:flex;align-items:baseline;gap:var(--space-2xs);padding-block:var(--space-xs);border-top:var(--border-width-xs) solid var(--color-divider)}.person-card-rate-amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary)}.person-card-rate-period{font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.person-card-actions{display:flex;gap:var(--space-xs)}.person-card-actions>.button{flex:1}.person-card.person-card-compact{grid-template-columns:auto 1fr auto;align-items:center;padding:var(--space-sm) 0;border:0;background:transparent;border-radius:0;gap:var(--space-md)}.person-card.person-card-compact+.person-card.person-card-compact{border-top:var(--border-width-xs) solid var(--color-divider)}.person-card.person-card-compact .person-card-meta,.person-card.person-card-compact .person-card-rate{display:none}.comparison{--comparison-cell-padding:var(--space-md) var(--space-lg);--comparison-label-width:14rem;width:100%;border-collapse:separate;border-spacing:0;background:var(--component-card-background);border:var(--border-width-xs) solid var(--component-card-border);border-radius:var(--component-card-radius);overflow:hidden;font-size:var(--font-size-sm)}.comparison thead th,.comparison tbody th,.comparison tbody td{padding:var(--comparison-cell-padding);text-align:left;vertical-align:top;border-bottom:var(--border-width-xs) solid var(--color-divider)}.comparison thead th{background:color-mix(in oklch,var(--color-background-canvas),var(--color-foreground-primary) 3%);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary)}.comparison thead th.comparison-recommended{background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-foreground-primary);border-top:3px solid var(--color-brand-primary);position:relative;padding-top:1.75rem}html[data-theme="dark"] .comparison thead th.comparison-recommended{background:color-mix(in oklch,var(--color-brand-primary),black 70%)}.comparison-recommended-badge{position:absolute;top:.375rem;left:50%;transform:translateX(-50%);padding:.125rem var(--space-sm);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);border-radius:var(--radius-pill);white-space:nowrap}.comparison tbody th{width:var(--comparison-label-width);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);background:color-mix(in oklch,var(--color-background-canvas),var(--color-foreground-primary) 1.5%)}.comparison tbody tr:last-child th,.comparison tbody tr:last-child td{border-bottom:none}.comparison-best{background:color-mix(in oklch,var(--color-brand-primary),white 88%);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary)}html[data-theme="dark"] .comparison-best{background:color-mix(in oklch,var(--color-brand-primary),black 60%)}.comparison-section-header{background:var(--color-background-canvas);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-brand-primary)}html[data-theme="dark"] .comparison-section-header{background:var(--color-surface-base);color:var(--color-brand-primary-bold)}.comparison-section-header td{padding-block:var(--space-sm)}.comparison-yes{color:var(--color-utility-success)}.comparison-no{color:var(--color-foreground-muted)}.comparison-na{color:var(--color-foreground-muted);font-style:italic}.comparison-wrap{overflow-x:auto;border-radius:var(--component-card-radius);-webkit-overflow-scrolling:touch}@media (max-width:767.98px){.comparison{min-width:36rem}.comparison tbody th,.comparison thead th:first-child{position:sticky;left:0;z-index:1}}.tier-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.tier{display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--space-lg);padding:var(--component-card-padding);background:var(--component-card-background);border:var(--border-width-xs) solid var(--component-card-border);border-radius:var(--component-card-radius);position:relative;transition:border-color var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard)}.tier-recommended{border-color:var(--color-brand-primary);border-width:var(--border-width-md);box-shadow:0 0 0 1px var(--color-brand-primary),var(--shadow-md)}.tier-recommended-flag{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:.25rem var(--space-md);background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);white-space:nowrap}.tier-header{display:grid;gap:var(--space-2xs)}.tier-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary);margin:0}.tier-tagline{font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.tier-price{display:flex;align-items:baseline;gap:var(--space-2xs)}.tier-price-currency{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary)}.tier-price-amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-foreground-primary);line-height:1;letter-spacing:-.02em}.tier-price-period{font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.tier-features{display:grid;gap:var(--space-sm);padding:0;margin:0;list-style:none;align-self:start}.tier-feature{display:grid;grid-template-columns:1.25rem 1fr;gap:var(--space-sm);align-items:start;font-size:var(--font-size-sm);color:var(--color-foreground-primary)}.tier-feature::before{content:"";width:1rem;height:1rem;margin-top:.125rem;background:color-mix(in oklch,var(--color-utility-success),white 80%);mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8l3 3 7-7' stroke='black' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8l3 3 7-7' stroke='black' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.tier-feature.is-included::before{background:var(--color-utility-success)}.tier-feature.is-excluded{color:var(--color-foreground-muted)}.tier-feature.is-excluded::before{background:var(--color-foreground-muted);mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8h8' stroke='black' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8h8' stroke='black' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.tier-cta{align-self:end}.tier-cta>.button{width:100%}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(16rem,1fr);gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-md);-webkit-overflow-scrolling:touch}.kanban-column{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-sm);padding:var(--space-sm);background:color-mix(in oklch,var(--color-background-canvas),var(--color-foreground-primary) 2%);border-radius:var(--component-card-radius);min-height:24rem;max-height:36rem}html[data-theme="dark"] .kanban-column{background:rgba(255,255,255,.03)}.kanban-column-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.kanban-column-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary);margin:0}.kanban-column-count{font-size:var(--font-size-xs);color:var(--color-foreground-secondary);padding:.125rem .5rem;background:color-mix(in oklch,var(--color-background-canvas),var(--color-foreground-primary) 6%);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums}html[data-theme="dark"] .kanban-column-count{background:rgba(255,255,255,.08)}.kanban-column-actions{margin-left:auto}.kanban-column-body{display:grid;gap:var(--space-sm);align-content:start;overflow-y:auto;padding:var(--space-2xs)}.kanban-column-add{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);background:transparent;border:var(--border-width-xs) dashed var(--color-divider);border-radius:var(--component-card-radius);cursor:pointer;transition:background var(--duration-standard) var(--ease-standard),border-color var(--duration-standard) var(--ease-standard)}.kanban-column-add:hover{background:color-mix(in oklch,var(--color-background-canvas),var(--color-foreground-primary) 4%);border-color:var(--color-foreground-secondary)}.kanban-card{display:grid;gap:var(--space-xs);padding:var(--component-tile-padding);background:var(--component-card-background);border:var(--border-width-xs) solid var(--component-card-border);border-radius:var(--component-card-radius);cursor:grab;transition:border-color var(--duration-standard) var(--ease-standard),box-shadow var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard)}.kanban-card:hover{border-color:color-mix(in oklch,var(--color-brand-primary),transparent 60%);box-shadow:var(--shadow-sm)}.kanban-card.is-dragging{opacity:.5;cursor:grabbing}.kanban-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary);margin:0}.kanban-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.kanban-card-tags{display:flex;flex-wrap:wrap;gap:.25rem}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2xs);padding-top:var(--space-2xs);border-top:var(--border-width-xs) solid var(--color-divider)}.kanban-card-assignees{display:flex}.kanban-card-assignees>.avatar{margin-left:-.625rem;border:2px solid var(--component-card-background)}.kanban-card-assignees>.avatar:first-child{margin-left:0}.kanban-card-due{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.kanban-card-due.is-overdue{color:var(--color-utility-danger)}.kanban-card-priority{position:absolute}.kanban-column.kanban-column-accent{position:relative}.kanban-column.kanban-column-accent::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--component-card-radius) var(--component-card-radius) 0 0;background:var(--kanban-column-accent,var(--color-brand-primary))}.timeline{display:grid;gap:0;position:relative}.timeline-item{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-md);position:relative;padding-bottom:var(--space-lg)}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:"";position:absolute;top:1.75rem;bottom:0;left:1.1875rem;width:var(--border-width-xs);background:var(--color-divider)}.timeline-item:last-child::before{display:none}.timeline-marker{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);background:color-mix(in oklch,var(--color-background-canvas),var(--color-foreground-primary) 4%);color:var(--color-foreground-secondary);font-size:var(--font-size-sm);position:relative;z-index:1}.timeline-marker.is-success{background:color-mix(in oklch,var(--color-utility-success),white 80%);color:var(--color-utility-success)}.timeline-marker.is-warning{background:color-mix(in oklch,var(--color-utility-warning),white 80%);color:var(--color-utility-warning)}.timeline-marker.is-danger{background:color-mix(in oklch,var(--color-utility-danger),white 80%);color:var(--color-utility-danger)}.timeline-marker.is-info{background:color-mix(in oklch,var(--color-utility-info),white 80%);color:var(--color-utility-info)}.timeline-marker.is-brand{background:color-mix(in oklch,var(--color-brand-primary),white 85%);color:var(--color-brand-primary)}html[data-theme="dark"] .timeline-marker{background:rgba(255,255,255,.06)}html[data-theme="dark"] .timeline-marker.is-success{background:color-mix(in oklch,var(--color-utility-success),black 60%)}html[data-theme="dark"] .timeline-marker.is-warning{background:color-mix(in oklch,var(--color-utility-warning),black 60%)}html[data-theme="dark"] .timeline-marker.is-danger{background:color-mix(in oklch,var(--color-utility-danger),black 60%)}html[data-theme="dark"] .timeline-marker.is-info{background:color-mix(in oklch,var(--color-utility-info),black 60%)}html[data-theme="dark"] .timeline-marker.is-brand{background:color-mix(in oklch,var(--color-brand-primary),black 60%)}.timeline-content{display:grid;gap:var(--space-2xs);padding-top:.375rem}.timeline-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs)}.timeline-actor{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary)}.timeline-action{font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.timeline-target{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-primary)}.timeline-time{font-size:var(--font-size-xs);color:var(--color-foreground-muted);margin-left:auto;white-space:nowrap}.timeline-detail{padding:var(--space-sm) var(--space-md);margin-top:var(--space-xs);background:color-mix(in oklch,var(--color-background-canvas),var(--color-foreground-primary) 2%);border-radius:var(--component-card-radius);font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}html[data-theme="dark"] .timeline-detail{background:rgba(255,255,255,.04)}.confirm-typing{display:grid;gap:var(--space-md)}.confirm-typing-prompt{font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.confirm-typing-target{display:inline-block;padding:.125rem .5rem;background:color-mix(in oklch,var(--color-utility-danger),white 86%);color:var(--color-utility-danger);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.95em;font-weight:var(--font-weight-semibold);user-select:all}html[data-theme="dark"] .confirm-typing-target{background:color-mix(in oklch,var(--color-utility-danger),black 60%)}.loading-overlay-host{position:relative}.loading-overlay-host.is-loading>:not(.loading-overlay){opacity:.4;pointer-events:none}.loading-overlay{display:none;position:absolute;inset:0;place-items:center;z-index:5;background:color-mix(in oklch,var(--component-card-background),transparent 30%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:inherit}.loading-overlay-host.is-loading>.loading-overlay{display:grid}.loading-overlay-content{display:grid;place-items:center;gap:var(--space-sm);color:var(--color-foreground-secondary);font-size:var(--font-size-sm)}.filter-rail{display:grid;gap:var(--space-lg);padding:var(--space-lg);background:var(--component-card-background);border:var(--border-width-xs) solid var(--component-card-border);border-radius:var(--component-card-radius);align-self:start}.filter-rail-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-sm);border-bottom:var(--border-width-xs) solid var(--color-divider)}.filter-rail-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary);margin:0}.filter-rail-clear{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-brand-primary);background:none;border:none;cursor:pointer;padding:0}.filter-rail-clear:hover{text-decoration:underline}.filter-rail-clear:disabled{color:var(--color-foreground-muted);cursor:not-allowed}.filter-group{display:grid;gap:var(--space-sm)}.filter-group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-foreground-secondary)}.filter-group-options{display:grid;gap:var(--space-xs)}.filter-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:var(--font-size-sm);cursor:pointer}.filter-option-count{font-size:var(--font-size-xs);color:var(--color-foreground-muted);font-variant-numeric:tabular-nums}.filter-active-list{display:flex;flex-wrap:wrap;gap:.375rem}.filter-active-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .625rem;font-size:var(--font-size-xs);background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-brand-primary);border-radius:var(--radius-pill)}html[data-theme="dark"] .filter-active-tag{background:color-mix(in oklch,var(--color-brand-primary),black 70%);color:color-mix(in oklch,var(--color-brand-primary),white 30%)}.filter-active-tag-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:.875em;opacity:.7}.filter-active-tag-remove:hover{opacity:1}}@layer components{@media print{:root,html,body{background:white !important;color:black !important}html[data-theme="dark"]{background:white !important;color:black !important}body,.application,.page{background:white !important;color:black !important}.demo-topbar,.demo-footer,.demo-section-kicker,.topbar,.topbar-nav,.topbar-hamburger,.mobile-tab-bar,.bottom-tabs,.action-fab,.spinner,.skeleton,.progress,.toast,.toast-stack-fixed,.sheet,.modal,.drawer,.page-overlay-host,.page-overlay-backdrop,.lightbox,.cmdk,.theme-panel,.nav-mega,.nav-dropdown,.nav-dropdown-trigger,.demo-nav-trigger,.button,.button-icon-only,.menu-item,.menu-bar,.breadcrumbs,.pagination,.stepper,.tabs,.segmented,.switch,.check,.radio,.slider,.date-picker,.time-picker,.colour-picker,.file-drop,.combobox,.dropdown-menu,.dropdown,.tooltip,.popover,.ai-chat,.ai-chat-launcher,.ai-chat-panel,.carousel-arrow,.carousel-dots,.data-grid-toolbar,.data-grid-bulk,.data-grid-footer,.data-grid-resize-handle,.data-grid-filter-row,.data-grid-select-cell,.filter-rail,.kanban-column-add,.person-card-actions,.tier-cta,.empty-state-actions,.confirm-typing input,[role="dialog"],[role="alertdialog"],[hidden],button:not(.button),nav{display:none !important}.print-keep,.print-keep *{display:revert !important}*{box-shadow:none !important;text-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;animation:none !important;transition:none !important}.card,.panel,.widget,.module,.surface,.person-card,.tier,.kanban-column,.kanban-card{border:1px solid #888 !important;background:white !important;color:black !important;break-inside:avoid;page-break-inside:avoid;padding:.5cm !important;margin-bottom:.5cm !important}.card-brand-primary,.card-brand-secondary,.card-feature-03,.card-feature-05,.card-success,.card-warning,.card-danger,.card-info,.testimonial-brand,.feature-tile-brand{background:white !important;color:black !important;border:1px solid #888 !important}h1,h2,h3,h4,h5,h6{color:black !important;break-after:avoid;page-break-after:avoid}p,li,td,th,dd,dt,span:not([class*="badge"]):not([class*="tag"]){color:black !important}.text-secondary,.text-muted{color:#555 !important}.badge,.pill,.tag,.status-pill{border:1px solid #888 !important;background:white !important;color:black !important;padding:.05cm .2cm !important}.badge.badge-success{border-color:#2c7a4b !important;color:#2c7a4b !important}.badge.badge-danger{border-color:#b91c1c !important;color:#b91c1c !important}.badge.badge-warning{border-color:#92400e !important;color:#92400e !important}.badge.badge-info,.badge.badge-brand{border-color:#1e40af !important;color:#1e40af !important}table{border-collapse:collapse !important;break-inside:auto}table thead{display:table-header-group}table tr{break-inside:avoid;page-break-inside:avoid}table th,table td{border:1px solid #888 !important;padding:.15cm .25cm !important;color:black !important;background:white !important}.comparison thead th{background:#f0f0f0 !important}.comparison-best{font-weight:bold;background:#f5f5f5 !important}.avatar{background:white !important;color:black !important;border:1px solid #888 !important}pre,code,.code-block{background:#f5f5f5 !important;color:black !important;border:1px solid #ccc !important;font-size:9pt !important}a[href]:not([href^="#"]):not([href=""]):not(.no-print-url)::after{content:" (" attr(href) ")";font-size:9pt;color:#555;word-wrap:break-word}a[href^="javascript:"]::after,a[href^="#"]::after,a[href^="mailto:"]::after{content:""}@page{margin:1.5cm;size:letter}@page:first{margin-top:2cm}.print-break-before{break-before:page;page-break-before:always}.print-break-after{break-after:page;page-break-after:always}.print-break-avoid{break-inside:avoid;page-break-inside:avoid}.demo-section-kicker,.demo-shell-sidebar,.demo-nav-mega-link em,[data-demo-only]{display:none !important}.demo-section,.page-section{break-inside:auto;padding:0 !important;margin-bottom:1cm !important}.demo-section+.demo-section{break-before:page;page-break-before:always}.brand-logo{--logo-emblem-fill:#000 !important;--logo-cloud-fill:#fff !important;--logo-cloud-shading:#ccc !important;--logo-text-fill:#000 !important;--logo-tag-fill:#555 !important;--logo-pill-fill:#fff !important;--logo-ring-stroke:transparent !important}.timeline-item::before{background:#888 !important}.timeline-marker{background:white !important;color:black !important;border:1px solid #888 !important}.promo-tile,.promo-tile-hero,.promo-tile-split{background:white !important;color:black !important}}}@layer components{[dir="rtl"]{& .avatar-stack>.avatar{margin-left:0;margin-right:-.375rem}& .avatar-stack>.avatar:first-child{margin-right:0}& .kanban-card-assignees>.avatar{margin-left:0;margin-right:-.625rem}& .kanban-card-assignees>.avatar:first-child{margin-right:0}& .avatar-status-dot{right:auto;left:0}& .switch-track::after{left:auto;right:2px}& .switch input:checked+.switch-track::after{right:auto;left:2px}& .date-picker-nav.is-prev{transform:scaleX(-1)}& .date-picker-nav.is-next{transform:scaleX(-1)}& .dropdown-item-nested::after{right:auto;left:var(--space-md);transform:rotate(180deg)}& .breadcrumbs>*+*::before{content:"‹"}& .pagination-item.is-prev{transform:scaleX(-1)}& .pagination-item.is-next{transform:scaleX(-1)}& .carousel-arrow-prev{left:auto;right:.75rem;transform:rotate(180deg)}& .carousel-arrow-next{right:auto;left:.75rem;transform:rotate(180deg)}& .dropdown-menu{left:auto;right:0}& .modal-close,& .drawer-close,& .sheet-close{right:auto;left:var(--space-md)}& .drawer{right:auto;left:0;transform:translateX(-100%)}& .drawer.is-open{transform:translateX(0)}& .drawer.is-floating{right:auto;left:var(--space-lg)}& .search-tabs-input{transform-origin:right}& pre[data-line-numbers]::before{right:auto;left:0;padding-right:0;padding-left:var(--space-sm);border-right:none;border-left:var(--border-width-xs) solid var(--color-divider)}& mark,& .highlight{padding-inline:.2em}& .timeline-item::before{left:auto;right:1.1875rem}& .timeline-item{grid-template-columns:1fr 2.5rem}& .timeline-item>.timeline-marker{grid-column:2}& .timeline-item>.timeline-content{grid-column:1;text-align:right}& .timeline-time{margin-left:0;margin-right:auto}& .feature-tile-cta::after,& .promo-tile-cta::after{content:"←"}& .combobox-caret{right:auto;left:var(--space-md)}& .combobox-clear{right:auto;left:2.25rem}& .ai-chat-message.is-user .ai-chat-message-bubble{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:.25rem}& .ai-chat-message:not(.is-user) .ai-chat-message-bubble{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:.25rem}& .notify-dot{right:auto;left:-2px}& .topbar>.brand-lockup{margin-left:auto;margin-right:0}& .app-shell-sidebar{left:auto;right:0;border-left:none;border-right:var(--border-width-xs) solid var(--color-divider)}& .stepper-connector{transform:scaleX(-1)}& .slider-thumb{}& .slider{transform:scaleX(-1)}& .slider .slider-value-bubble,& .slider .slider-marks{transform:scaleX(-1)}& .search-input-wrap>i,& .search-input-wrap>.fa-solid,& .search-input-wrap>.fa-regular{left:auto;right:var(--space-md)}& .search-input-wrap>input,& .search-input-wrap>.input{padding-left:var(--space-md);padding-right:calc(var(--space-md)+1.25rem)}& .input-with-icon-trailing{padding-right:var(--space-md);padding-left:calc(var(--space-md)+1.25rem)}@media (max-width:767.98px){& .comparison tbody th,& .comparison thead th:first-child{left:auto;right:0}}}}.accordion{display:grid;border-radius:var(--radius-lg);border:var(--border-width-xs) solid var(--color-border-subtle);overflow:hidden}.accordion+.accordion{margin-top:var(--space-md)}.accordion-item{border-bottom:var(--border-width-xs) solid var(--color-border-subtle)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);background:none;border:none;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary);text-align:left;transition:background var(--duration-fast) var(--ease-standard)}.accordion-trigger:hover{background:var(--color-background-secondary)}.accordion-trigger[aria-expanded="true"]{background:var(--color-surface-brand);color:var(--color-brand-primary)}.accordion-icon{flex-shrink:0;width:1.25rem;height:1.25rem;display:grid;place-items:center;color:var(--color-foreground-muted);transition:transform var(--duration-standard) var(--ease-standard),color var(--duration-standard) var(--ease-standard)}.accordion-trigger[aria-expanded="true"] .accordion-icon{transform:rotate(180deg);color:var(--color-brand-primary)}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-standard) var(--ease-standard)}.accordion-panel.is-open{grid-template-rows:1fr}.accordion-panel-inner{overflow:hidden}.accordion-content{padding:0 var(--space-lg) var(--space-lg);color:var(--color-foreground-secondary);line-height:var(--line-height-relaxed)}.accordion.accordion-flush{border:none;border-radius:0}.accordion.accordion-flush .accordion-item{border-color:var(--color-border-subtle)}.accordion.accordion-flush .accordion-trigger{padding-inline:0}.accordion.accordion-flush .accordion-content{padding-inline:0}.notification-panel{display:grid;grid-template-rows:auto 1fr auto;width:min(100%,24rem);max-height:36rem;background:var(--color-surface-primary);border-radius:var(--radius-xl);border:var(--border-width-xs) solid var(--color-border-subtle);box-shadow:var(--shadow-lg);overflow:hidden}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-xs) solid var(--color-border-subtle)}.notification-panel-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.notification-panel-actions{display:flex;gap:var(--space-sm);align-items:center}.notification-panel-mark-all{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-brand-primary);background:none;border:none;cursor:pointer;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-standard)}.notification-panel-mark-all:hover{background:var(--color-surface-brand)}.notification-panel-body{overflow-y:auto;overscroll-behavior:contain}.notification-panel-footer{padding:var(--space-sm) var(--space-lg);border-top:var(--border-width-xs) solid var(--color-border-subtle);text-align:center}.notification-panel-footer a{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-brand-primary);text-decoration:none}.notification-panel-footer a:hover{text-decoration:underline}.notification-tabs{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg) 0;border-bottom:var(--border-width-xs) solid var(--color-border-subtle)}.notification-tab{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.notification-tab.is-active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.notification-tab:hover:not(.is-active){color:var(--color-foreground-primary)}.notification-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);cursor:pointer;position:relative;transition:background var(--duration-fast) var(--ease-standard)}.notification-item:hover{background:var(--color-background-secondary)}.notification-item+.notification-item{border-top:var(--border-width-xs) solid var(--color-border-subtle)}.notification-item.is-unread{background:var(--color-surface-brand)}.notification-item.is-unread:hover{background:color-mix(in oklch,var(--color-surface-brand),var(--color-background-secondary) 40%)}.notification-item.is-unread::after{content:'';position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);width:.4rem;height:.4rem;border-radius:50%;background:var(--color-brand-primary)}.notification-avatar{width:2.25rem;height:2.25rem;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--color-surface-canvas);border:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-foreground-muted)}.notification-avatar.is-system{background:var(--color-surface-canvas);color:var(--color-brand-primary)}.notification-body{min-width:0}.notification-text{font-size:var(--font-size-sm);color:var(--color-foreground-primary);line-height:var(--line-height-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-text strong{font-weight:var(--font-weight-semibold)}.notification-meta{font-size:var(--font-size-xs);color:var(--color-foreground-muted);margin-top:var(--space-2xs)}.notification-time{font-size:var(--font-size-xs);color:var(--color-foreground-muted);white-space:nowrap;align-self:start;padding-top:.15rem}.notification-empty{display:grid;place-items:center;gap:var(--space-sm);padding:var(--space-3xl) var(--space-lg);text-align:center;color:var(--color-foreground-muted)}.notification-empty-icon{font-size:2rem;opacity:.4}.notification-badge{display:inline-grid;place-items:center;min-width:1.125rem;height:1.125rem;padding-inline:.25rem;border-radius:var(--radius-pill);background:var(--color-utility-danger);color:var(--color-static-white);font-size:.625rem;font-weight:var(--font-weight-bold);position:absolute;top:-.25rem;right:-.25rem}.field-footer{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md)}.char-count{font-size:var(--font-size-xs);color:var(--color-foreground-muted);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums;transition:color var(--duration-fast) var(--ease-standard)}.char-count.is-warning{color:var(--color-utility-warning);font-weight:var(--font-weight-medium)}.char-count.is-over{color:var(--color-utility-danger);font-weight:var(--font-weight-semibold)}.char-count-bar{height:2px;border-radius:var(--radius-pill);background:var(--color-border-subtle);overflow:hidden;margin-top:var(--space-xs)}.char-count-bar-fill{height:100%;border-radius:inherit;background:var(--color-brand-primary);transition:width var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.char-count-bar-fill.is-warning{background:var(--color-utility-warning)}.char-count-bar-fill.is-over{background:var(--color-utility-danger)}.textarea.has-counter{padding-bottom:var(--space-2xl)}.inline-edit{display:block;max-width:100%}.inline-edit-label-row{display:flex;align-items:center;gap:var(--space-2xs);min-height:1.5rem}.inline-edit-label-text{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);flex:1 1 auto}.inline-edit-display{display:flex;align-items:center;gap:var(--space-xs);min-width:0;padding:0 var(--space-md);border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;user-select:none;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard);min-height:var(--control-height-md);box-sizing:border-box}.inline-edit-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-foreground-primary)}.inline-edit:hover .inline-edit-display,.inline-edit:focus-within .inline-edit-display{border-color:var(--color-border-primary);background:var(--color-background-secondary)}.inline-edit-trigger{flex-shrink:0;display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;background:transparent;color:var(--color-foreground-muted);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.inline-edit:hover .inline-edit-trigger,.inline-edit:focus-within .inline-edit-trigger{opacity:1}@media (hover:none){.inline-edit-trigger{opacity:.6}}.inline-edit-trigger:hover{background:var(--color-background-tertiary);color:var(--color-foreground-primary)}.inline-edit-trigger:focus-visible{opacity:1;box-shadow:var(--shadow-focus)}.inline-edit-form{display:none;flex-direction:row;align-items:center;gap:var(--space-xs);min-width:0}.inline-edit-form .input,.inline-edit-form .textarea,.inline-edit-form .select{flex:1 1 auto;min-width:0}.inline-edit-actions{display:flex;gap:var(--space-2xs);flex-shrink:0}[data-inline-edit-save],[data-inline-edit-cancel]{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-base);color:var(--color-foreground-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}[data-inline-edit-save]{color:var(--color-utility-success);border-color:color-mix(in oklch,var(--color-utility-success),transparent 70%)}[data-inline-edit-save]:hover{background:var(--color-utility-success-soft);border-color:var(--color-utility-success)}[data-inline-edit-cancel]:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}[data-inline-edit-save]:focus-visible,[data-inline-edit-cancel]:focus-visible{outline:0;box-shadow:var(--shadow-focus)}.inline-edit[data-editing="true"] .inline-edit-display{display:none}.inline-edit[data-editing="true"] .inline-edit-form{display:flex}.inline-edit[data-editing="true"] .inline-edit-label-row .inline-edit-trigger{display:none}.inline-edit.is-saving .inline-edit-form{opacity:.6;pointer-events:none}.inline-edit-label-icon .inline-edit-label-row .inline-edit-trigger{opacity:0}.inline-edit-label-icon:hover .inline-edit-label-row .inline-edit-trigger,.inline-edit-label-icon:focus-within .inline-edit-label-row .inline-edit-trigger{opacity:1}.copy{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:0;border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-background-secondary);overflow:hidden;max-width:100%;min-width:0;width:fit-content}.copy-value{flex:1 1 auto;min-width:0;padding:var(--space-sm) var(--space-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-foreground-primary);background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}.copy-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-md);min-width:2.5rem;border:0;border-left:var(--border-width-xs) solid var(--color-border-subtle);background:var(--color-surface-base);color:var(--color-foreground-secondary);cursor:pointer;font-size:var(--font-size-sm);gap:var(--space-xs);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.copy-button:hover{background:var(--color-background-tertiary);color:var(--color-foreground-primary)}.copy-button:focus-visible{outline:0;box-shadow:var(--shadow-focus)}.copy-button .copy-button-label{display:none}.copy-button.has-label .copy-button-label{display:inline}.copy-button.is-copied{background:var(--color-utility-success-soft);color:var(--color-utility-success)}.copy-button.is-copied .copy-button-icon::before{content:"\f00c";font-family:"Font Awesome 6 Pro";font-weight:900}.copy.copy-hover-reveal .copy-button{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.copy.copy-hover-reveal:hover .copy-button,.copy.copy-hover-reveal:focus-within .copy-button{opacity:1}@media (hover:none){.copy.copy-hover-reveal .copy-button{opacity:.5}}.copy.copy-hover-reveal .copy-button.is-copied{opacity:1}.copy-inline{display:inline-flex;align-items:center;gap:var(--space-2xs)}.copy-inline .copy-button{border:0;border-left:0;background:transparent;padding:var(--space-2xs);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard);width:1.5rem;height:1.5rem;min-width:0;border-radius:var(--radius-md)}.copy-inline:hover .copy-button,.copy-inline:focus-within .copy-button{opacity:1}@media (hover:none){.copy-inline .copy-button{opacity:.5}}.copy-inline .copy-button:hover{background:var(--color-background-secondary)}.copy-confirm-modal{position:fixed;inset:0;z-index:var(--z-index-modal);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-standard) var(--ease-standard)}.copy-confirm-modal.is-open{display:flex;opacity:1}.copy-confirm-modal-backdrop{position:absolute;inset:0;background:var(--color-overlay-scrim);backdrop-filter:blur(var(--color-overlay-blur,4px));-webkit-backdrop-filter:blur(var(--color-overlay-blur,4px))}.copy-confirm-modal .modal{animation:copy-confirm-modal-enter var(--duration-slow) var(--ease-emphasis)}@keyframes copy-confirm-modal-enter{from{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.rating{display:inline-flex;gap:var(--space-2xs);align-items:center}.rating-input{display:inline-flex;flex-direction:row-reverse;gap:var(--space-2xs);align-items:center}.rating-input input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.rating-input label{cursor:pointer;font-size:1.5rem;line-height:1;color:var(--color-border-subtle);transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.rating-input label:hover,.rating-input label:hover~label{color:var(--color-utility-warning);transform:scale(1.15)}.rating-input input[type="radio"]:checked~label{color:var(--color-utility-warning)}.rating-input input[type="radio"]:checked+label{color:var(--color-utility-warning)}.rating-star{font-size:1rem;color:var(--color-border-subtle)}.rating-star.is-filled{color:var(--color-utility-warning)}.rating-star.is-half{position:relative;color:var(--color-border-subtle)}.rating-star.is-half::before{content:'\f005';font-family:"Font Awesome 6 Pro";font-weight:900;position:absolute;left:0;top:0;width:50%;overflow:hidden;color:var(--color-utility-warning)}.rating-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-primary)}.rating-count{font-size:var(--font-size-xs);color:var(--color-foreground-muted)}.rating-sm .rating-star,.rating-input.rating-sm label{font-size:.875rem}.rating-lg .rating-star,.rating-input.rating-lg label{font-size:2rem}.rating-input.is-disabled label{cursor:not-allowed;opacity:.5;pointer-events:none}.otp-input{display:inline-flex;gap:var(--space-sm);align-items:center}.otp-input.otp-lg{gap:var(--space-md)}.otp-separator{font-size:var(--font-size-xl);color:var(--color-foreground-muted);flex-shrink:0;user-select:none}.otp-cell{width:2.75rem;height:3.25rem;display:grid;place-items:center;border:var(--border-width-xs) solid var(--component-input-border);border-radius:var(--radius-md);background:var(--component-input-background);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;color:var(--color-foreground-primary);text-align:center;caret-color:var(--color-brand-primary);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);outline:none}.otp-cell:focus{border-color:var(--component-input-focus-border);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-brand-primary),transparent 80%)}.otp-cell.is-filled{border-color:var(--color-brand-primary)}.otp-cell.is-success{border-color:var(--color-utility-success);background:var(--color-surface-success)}.otp-cell.is-error{border-color:var(--color-utility-danger);background:var(--color-surface-danger)}.otp-input.otp-sm .otp-cell{width:2.25rem;height:2.75rem;font-size:var(--font-size-lg)}.otp-input.otp-lg .otp-cell{width:3.5rem;height:4rem;font-size:var(--font-size-2xl)}.otp-input.otp-underline .otp-cell{border:none;border-radius:0;border-bottom:2px solid var(--color-border-primary);background:transparent}.otp-input.otp-underline .otp-cell:focus{border-bottom-color:var(--color-brand-primary);box-shadow:none}.calendar{display:grid;grid-template-rows:auto auto 1fr;background:var(--color-surface-primary);border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-xs) solid var(--color-border-subtle)}.calendar-toolbar-left,.calendar-toolbar-right{display:flex;gap:var(--space-sm);align-items:center}.calendar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.calendar-view-tabs{display:inline-flex;border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.calendar-view-tab{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;background:none;cursor:pointer;color:var(--color-foreground-muted);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.calendar-view-tab:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.calendar-view-tab.is-active{background:var(--color-brand-primary-strong);color:var(--color-static-white)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:var(--border-width-xs) solid var(--color-border-subtle);background:var(--color-background-secondary)}.calendar-weekday{padding:var(--space-sm);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.05em}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(6rem,auto)}.calendar-cell{border-right:var(--border-width-xs) solid var(--color-border-subtle);border-bottom:var(--border-width-xs) solid var(--color-border-subtle);padding:var(--space-xs);transition:background var(--duration-fast) var(--ease-standard);min-height:6rem}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell:hover{background:var(--color-background-secondary);cursor:pointer}.calendar-cell.is-today{background:transparent}.calendar-cell.is-other-month{opacity:.45}.calendar-cell.is-selected{background:color-mix(in oklch,var(--color-brand-primary),transparent 88%)}.calendar-cell.is-weekend .calendar-day-num{color:var(--color-foreground-muted)}.calendar-day-num{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-primary);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.calendar-cell.is-today .calendar-day-num{background:var(--color-brand-primary-strong);color:var(--color-static-white);font-weight:var(--font-weight-bold)}.calendar-events{display:grid;gap:2px;margin-top:var(--space-2xs)}.calendar-event{display:flex;align-items:center;gap:var(--space-2xs);padding:1px var(--space-xs);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;background:var(--color-surface-brand);color:var(--color-brand-primary);transition:opacity var(--duration-fast) var(--ease-standard)}.calendar-event:hover{opacity:.8}.calendar-event.is-success{background:var(--color-surface-success);color:color-mix(in oklch,var(--color-utility-success),black 20%)}.calendar-event.is-warning{background:var(--color-surface-warning);color:color-mix(in oklch,var(--color-utility-warning),black 30%)}.calendar-event.is-danger{background:var(--color-surface-danger);color:color-mix(in oklch,var(--color-utility-danger),black 20%)}.calendar-event.is-info{background:var(--color-surface-info);color:color-mix(in oklch,var(--color-utility-info),black 20%)}.calendar-event-dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor;flex-shrink:0}.calendar-event-more{font-size:.625rem;color:var(--color-foreground-muted);padding:0 var(--space-xs);cursor:pointer}.calendar-event-more:hover{color:var(--color-brand-primary)}.calendar-week{display:grid;grid-template-columns:3.5rem repeat(7,1fr);overflow-y:auto;max-height:32rem}.calendar-day{display:grid;grid-template-columns:3.5rem 1fr;overflow-y:auto;max-height:32rem}.calendar-week-times{display:grid}.calendar-week-time{height:3.5rem;padding:var(--space-xs) var(--space-sm) 0;font-size:var(--font-size-xs);color:var(--color-foreground-muted);text-align:right;border-bottom:var(--border-width-xs) solid var(--color-border-subtle)}.calendar-week-col{position:relative;border-left:var(--border-width-xs) solid var(--color-border-subtle)}.calendar-week-cell{height:3.5rem;border-bottom:var(--border-width-xs) solid var(--color-border-subtle)}.calendar-week-col-header{position:sticky;top:0;z-index:1;padding:var(--space-xs) var(--space-sm);background:var(--color-surface-base);border-bottom:var(--border-width-xs) solid var(--color-border-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary);text-align:center;white-space:nowrap}.calendar-week-col-header.is-today{color:var(--color-brand-primary);box-shadow:inset 0 -2px 0 0 var(--color-brand-primary)}.calendar-week-event{position:absolute;left:var(--space-2xs);right:var(--space-2xs);padding:.125rem var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-brand);color:var(--color-brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.3;overflow:hidden;cursor:pointer}.calendar-week-event.is-success{background:var(--color-surface-success);color:color-mix(in oklch,var(--color-utility-success),black 20%)}.calendar-week-event.is-warning{background:var(--color-surface-warning);color:color-mix(in oklch,var(--color-utility-warning),black 30%)}.calendar-week-event.is-danger{background:var(--color-surface-danger);color:color-mix(in oklch,var(--color-utility-danger),black 20%)}.calendar-week-event.is-info{background:var(--color-surface-info);color:color-mix(in oklch,var(--color-utility-info),black 20%)}.calendar-week-event-time{font-size:.6875rem;opacity:.8;font-variant-numeric:tabular-nums;margin-right:var(--space-2xs)}.calendar-week-now{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--color-utility-danger);z-index:2;pointer-events:none}.calendar-week-now::before{content:'';position:absolute;left:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--color-utility-danger)}.calendar-mini{max-width:16rem}.calendar-mini .calendar-toolbar{padding:var(--space-sm) var(--space-md)}.calendar-mini .calendar-toolbar-left{flex:1;justify-content:space-between}.calendar-mini .calendar-grid{grid-auto-rows:2rem;gap:1px;padding:var(--space-xs)}.calendar-mini .calendar-cell{display:grid;place-items:center;min-height:2rem;padding:0;border:0;border-right:0;border-bottom:0;background:transparent;cursor:pointer;transition:none}.calendar-mini .calendar-cell:nth-child(7n){border-right:0}.calendar-mini .calendar-cell:hover{background:transparent}.calendar-mini .calendar-day-num{width:1.75rem;height:1.75rem;border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;position:relative;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.calendar-mini .calendar-cell:hover .calendar-day-num{background:color-mix(in oklch,var(--color-brand-primary),white 88%);color:var(--color-brand-primary)}.calendar-mini .calendar-cell.is-today .calendar-day-num{background:transparent;color:var(--color-brand-primary);font-weight:var(--font-weight-bold)}.calendar-mini .calendar-cell.is-today .calendar-day-num::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:3px;height:3px;border-radius:50%;background:var(--color-brand-primary)}.calendar-mini .calendar-cell.is-selected .calendar-day-num{background:var(--color-brand-primary-strong);color:var(--color-brand-primary-contrast);font-weight:var(--font-weight-semibold)}.calendar-mini .calendar-cell.is-selected.is-today .calendar-day-num::after{background:var(--color-brand-primary-contrast)}.calendar-mini .calendar-cell.is-other-month .calendar-day-num{color:var(--color-foreground-muted);opacity:.6}.calendar-mini .calendar-cell.is-weekend .calendar-day-num{color:var(--color-foreground-secondary)}.calendar-mini .calendar-weekday{height:1.5rem;padding:var(--space-2xs);font-size:.625rem}.tour-overlay{position:fixed;inset:0;z-index:9000;pointer-events:none}.tour-overlay::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.55);pointer-events:all}.tour-spotlight{position:fixed;z-index:9001;pointer-events:none;border-radius:var(--radius-lg);box-shadow:0 0 0 4px var(--color-brand-primary),0 0 0 9000px rgba(0,0,0,.55);transition:all var(--duration-standard) var(--ease-standard)}.tour-tooltip{position:fixed;z-index:9002;width:min(22rem,calc(100vw - 2rem));background:var(--color-surface-primary);border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-standard) var(--ease-standard)}.tour-tooltip-image{width:100%;aspect-ratio:16/7;object-fit:cover;background:var(--color-background-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-foreground-muted);font-size:var(--font-size-sm)}.tour-tooltip-body{padding:var(--space-lg)}.tour-tooltip-step{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs)}.tour-tooltip-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.tour-tooltip-description{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);line-height:var(--line-height-relaxed)}.tour-tooltip-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:var(--border-width-xs) solid var(--color-border-subtle);gap:var(--space-md)}.tour-tooltip-dots{display:flex;gap:var(--space-xs);align-items:center;flex:1}.tour-dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--color-border-primary);transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.tour-dot.is-active{background:var(--color-brand-primary);transform:scale(1.4)}.tour-tooltip-actions{display:flex;gap:var(--space-sm)}.tour-tooltip[data-placement="bottom"]::before,.tour-tooltip[data-placement="top"]::before,.tour-tooltip[data-placement="left"]::before,.tour-tooltip[data-placement="right"]::before{content:'';position:absolute;width:.75rem;height:.75rem;background:var(--color-surface-primary);border:var(--border-width-xs) solid var(--color-border-subtle);transform:rotate(45deg)}.tour-tooltip[data-placement="bottom"]::before{top:-.4rem;left:50%;margin-left:-.375rem;border-bottom:none;border-right:none}.tour-tooltip[data-placement="top"]::before{bottom:-.4rem;left:50%;margin-left:-.375rem;border-top:none;border-left:none}.tour-tooltip[data-placement="right"]::before{left:-.4rem;top:50%;margin-top:-.375rem;border-top:none;border-right:none}.tour-tooltip[data-placement="left"]::before{right:-.4rem;top:50%;margin-top:-.375rem;border-bottom:none;border-left:none}.tour-skip{font-size:var(--font-size-xs);color:var(--color-foreground-muted);background:none;border:none;cursor:pointer;text-decoration:none;padding:0}.tour-skip:hover{color:var(--color-foreground-primary)}.tour-beacon{position:absolute;z-index:100;width:.875rem;height:.875rem;border-radius:50%;background:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-surface-base),0 0 0 2px color-mix(in oklch,var(--color-brand-primary),transparent 60%);animation:tour-pulse 2s ease-out infinite;cursor:pointer}@keyframes tour-pulse{0%{box-shadow:0 0 0 2px var(--color-surface-base),0 0 0 2px color-mix(in oklch,var(--color-brand-primary),transparent 40%)}70%{box-shadow:0 0 0 2px var(--color-surface-base),0 0 0 .625rem color-mix(in oklch,var(--color-brand-primary),transparent 100%)}100%{box-shadow:0 0 0 2px var(--color-surface-base),0 0 0 2px color-mix(in oklch,var(--color-brand-primary),transparent 100%)}}.search-results{display:flex;flex-direction:column;background:var(--color-surface-canvas);border:var(--border-width-xs) solid var(--color-divider);border-radius:var(--radius-lg);overflow:hidden}.search-result-group+.search-result-group{border-top:var(--border-width-xs) solid var(--color-divider)}.search-result-group-label{margin:0;padding:var(--space-md) var(--space-md) var(--space-xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand-primary);background:transparent}.search-result{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);text-decoration:none;color:inherit;cursor:pointer;border:0;width:100%;text-align:left;background:none;transition:background-color var(--duration-fast) var(--ease-standard)}.search-result+.search-result{border-top:var(--border-width-xs) solid var(--color-divider)}.search-result:hover,.search-result.is-active{background:var(--color-surface-secondary)}.search-result:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-focus-ring)}.search-result-media{flex:0 0 auto;display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--color-surface-tertiary);color:var(--color-foreground-secondary);overflow:hidden}.search-result-media img{width:100%;height:100%;object-fit:cover}.search-result-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.1rem}.search-result-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-snippet{font-size:var(--font-size-xs);color:var(--color-foreground-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-foreground-muted)}.search-result-empty{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-foreground-muted);font-size:var(--font-size-sm)}.wizard{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);background:var(--color-surface-base);border:var(--border-width-xs) solid var(--color-border-subtle);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);width:100%;min-width:0}.wizard:not(:has(.wizard-steps)){grid-template-columns:minmax(0,1fr)}.wizard-steps{background:var(--color-background-secondary);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.wizard-steps-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.wizard-progress{height:6px;border-radius:var(--radius-pill);background:var(--color-divider);overflow:hidden}.wizard-progress-bar{height:100%;background:var(--color-brand-primary);border-radius:inherit;transition:width var(--duration-standard) var(--ease-standard)}.wizard-progress-label{font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.wizard-step-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.wizard-step{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-foreground-secondary)}.wizard-step-marker{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:var(--radius-round);border:2px dashed var(--color-border-strong);display:grid;place-items:center;font-size:.7rem;color:transparent}.wizard-step.is-current{color:var(--color-foreground-primary);font-weight:var(--font-weight-medium);background:var(--color-surface-base)}.wizard-step.is-current .wizard-step-marker{border-color:var(--color-brand-primary)}.wizard-step.is-done{color:var(--color-foreground-primary)}.wizard-step.is-done .wizard-step-marker{border:2px solid var(--color-brand-primary);background:var(--color-brand-primary);color:var(--color-static-white)}.wizard-main{display:flex;flex-direction:column;min-width:0}.wizard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-lg);border-bottom:var(--border-width-xs) solid var(--color-divider)}.wizard-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;line-height:1.2}.wizard-subtitle{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin:var(--space-2xs) 0 0}.wizard-close{flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-md);border:0;background:transparent;color:var(--color-foreground-secondary);cursor:pointer;display:grid;place-items:center;transition:background var(--duration-fast) var(--ease-standard)}.wizard-close:hover{background:var(--color-background-secondary);color:var(--color-foreground-primary)}.wizard-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);flex:1 1 auto;min-height:0}.wizard-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.wizard-panel[hidden]{display:none}.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-top:var(--border-width-xs) solid var(--color-divider)}.wizard-footer>.button:only-child{margin-left:auto}.wizard-icon{width:4rem;height:4rem;border-radius:var(--radius-round);background:var(--color-brand-primary);color:var(--color-static-white);display:grid;place-items:center;font-size:1.5rem;margin:0 auto var(--space-xs)}.wizard-centered .wizard-body{text-align:center;align-items:center}.wizard-centered .wizard-title,.wizard-centered .wizard-subtitle{text-align:center}.wizard-centered .wizard-footer{justify-content:center}.wizard-centered .wizard-footer>.button:only-child{margin-left:0}.wizard-fullscreen{border-radius:0;border:0;box-shadow:none;min-height:100%;height:100%}.wizard-fullscreen:not(:has(.wizard-steps)) .wizard-main{width:50%;margin-inline:auto}@media (max-width:767.98px){.wizard{grid-template-columns:1fr}.wizard-steps{padding:var(--space-lg)}.wizard-step-list{flex-direction:row;flex-wrap:wrap;gap:var(--space-xs)}.wizard-step{padding:var(--space-2xs) var(--space-sm)}.wizard-header,.wizard-body{padding:var(--space-lg)}.wizard-footer{padding:var(--space-md) var(--space-lg)}.wizard-fullscreen:not(:has(.wizard-steps)) .wizard-main{width:100%}}.explainer{background:var(--color-background-secondary);border:var(--border-width-xs) solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-lg)}.explainer-title{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-foreground-primary);margin:0 0 var(--space-xs)}.explainer-title>i{margin-right:var(--space-2xs);color:var(--color-foreground-secondary)}.explainer-body,.explainer p,.explainer li{font-size:var(--font-size-sm);line-height:1.55;color:var(--color-foreground-primary)}.explainer p{margin:0 0 var(--space-xs)}.explainer p:last-child{margin-bottom:0}.explainer ul,.explainer ol{margin:0;padding-left:1.2rem}.explainer li+li{margin-top:var(--space-2xs)}.explainer strong{color:var(--color-foreground-primary);font-weight:var(--font-weight-semibold)}.utility-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-2xs) var(--space-lg);font-size:var(--font-size-sm);background:var(--color-background-secondary);color:var(--color-foreground-secondary);border-bottom:var(--border-width-xs) solid var(--color-divider)}.utility-bar-bottom{border-bottom:0;border-top:var(--border-width-xs) solid var(--color-divider)}.utility-bar-start,.utility-bar-end{display:flex;align-items:center;gap:var(--space-lg)}.utility-bar a{color:inherit;text-decoration:none}.utility-bar a:hover{color:var(--color-brand-primary)}.utility-bar-social{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md)}.utility-bar-dark{background:var(--color-surface-inverse);color:var(--color-static-white);border-color:transparent}.utility-bar-dark a{color:var(--color-static-white)}.utility-bar-dark a:hover{color:var(--color-static-white);opacity:.75}.footer{background:var(--color-background-secondary);color:var(--color-foreground-secondary);border-top:var(--border-width-xs) solid var(--color-divider);font-size:var(--font-size-sm)}.footer a{color:var(--color-foreground-secondary);text-decoration:none}.footer a:hover{color:var(--color-brand-primary)}.footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl)}.footer-logo{display:inline-flex;align-items:center}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);font-size:var(--font-size-sm)}.footer-extended{padding:var(--space-2xl) var(--space-xl) var(--space-lg)}.footer-main{display:grid;gap:var(--space-2xl);grid-template-columns:1.6fr repeat(3,1fr);max-width:var(--container-xl);margin:0 auto}.footer-col{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.footer-col-title{margin:0 0 var(--space-2xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground-muted)}.footer-col a{font-size:var(--font-size-sm)}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-foreground-muted);max-width:30ch}.footer-contact{font-style:normal;display:flex;flex-direction:column;gap:var(--space-2xs);font-size:var(--font-size-sm)}.footer-contact a,.footer-contact span{display:inline-flex;align-items:center;gap:var(--space-xs)}.footer-certs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);margin-top:var(--space-sm)}.footer-cert{height:2.75rem;display:inline-flex;align-items:center}.footer-cert img,.footer-cert svg{height:100%;width:auto;display:block}.footer-legal{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);max-width:var(--container-xl);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:var(--border-width-xs) solid var(--color-divider);font-size:var(--font-size-xs);color:var(--color-foreground-muted)}.footer-powered{display:inline-flex;align-items:center;gap:var(--space-xs)}@media (max-width:900px){.footer-main{grid-template-columns:1fr 1fr}}@media (max-width:560px){.footer-main{grid-template-columns:1fr}}.account-trigger{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);background:transparent;border:0;border-radius:var(--radius-pill);cursor:pointer;color:var(--color-foreground-primary);font:inherit}.account-trigger:hover{background:var(--color-background-secondary)}.account-trigger-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.account-trigger-caret{font-size:.6875rem;color:var(--color-foreground-muted)}.account-menu{left:auto;right:0;min-width:15rem;padding:var(--space-xs)}.account-menu-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm) var(--space-sm)}.account-menu-header strong{display:block;font-size:var(--font-size-sm);color:var(--color-foreground-primary)}.account-menu-email{font-size:var(--font-size-xs);color:var(--color-foreground-muted)}@media (max-width:640px){.account-trigger-name,.account-trigger-caret{display:none}}.gauge-rating{position:relative;padding-top:1rem}.gauge-rating-track{display:flex;gap:3px;height:1rem;border-radius:var(--radius-pill)}.gauge-rating-segment{flex:1 1 0;min-width:0;background:var(--seg-color,var(--color-surface-sunken))}.gauge-rating-segment:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.gauge-rating-segment:last-child{border-radius:0 var(--radius-pill) var(--radius-pill) 0}.gauge-rating-pointer{position:absolute;top:0;left:clamp(.65rem,calc(var(--rating-value,0) * 1%),calc(100% - .65rem));transform:translateX(-50%);width:0;height:0;border-inline:.65rem solid transparent;border-top:.9rem solid var(--gauge-rating-pointer-color,var(--color-foreground-primary));filter:drop-shadow(0 1px 1.5px color-mix(in oklch,var(--color-static-black),transparent 55%))}.notice-panel{--notice-color:var(--color-utility-info);--notice-contrast:var(--color-static-white);position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-2xl) var(--space-xl);background:var(--notice-color);color:var(--notice-contrast)}.notice-panel-success{--notice-color:var(--color-utility-success)}.notice-panel-warning{--notice-color:var(--color-utility-warning);--notice-contrast:var(--color-static-black)}.notice-panel-caution{--notice-color:var(--color-feature-07)}.notice-panel-danger{--notice-color:var(--color-utility-danger)}.notice-panel-info{--notice-color:var(--color-utility-info)}.notice-panel-icon{font-size:2.75rem;line-height:1;color:inherit}.notice-panel-title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:inherit}.notice-panel-body{margin:0;max-width:48ch;color:inherit;line-height:1.5}.notice-panel-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm)}.notice-panel-close{position:absolute;top:var(--space-md);right:var(--space-md);display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:inherit;cursor:pointer;font-size:var(--font-size-lg);opacity:.85}.notice-panel-close:hover{opacity:1;background:color-mix(in oklch,var(--notice-contrast),transparent 82%)}.notice-panel-actions .button{background:transparent;color:var(--notice-contrast);border-color:color-mix(in oklch,var(--notice-contrast),transparent 50%)}.notice-panel-actions .button:hover{background:color-mix(in oklch,var(--notice-contrast),transparent 88%);border-color:var(--notice-contrast)}.notice-panel-actions .button-primary{background:var(--color-static-white);color:var(--notice-color);border-color:var(--color-static-white)}.notice-panel-warning .notice-panel-actions .button-primary{color:var(--color-static-black)}.notice-panel-actions .button-primary:hover{background:color-mix(in oklch,var(--color-static-white),var(--notice-color) 10%)}/*! Cloudstaff Design System — Utilities & Layout * Layout primitives (.stack-*,.cluster,.grid-*) and utility classes. * Responsive at every breakpoint:* sm 640px+md 768px+lg 1024px+xl 1280px+2xl 1536px+*/ @layer layout{html{font-size:16px}body{font-family:var(--font-family-body);color:var(--color-foreground-primary);background:var(--color-background-page);line-height:var(--line-height-normal)}.application{min-height:100vh;min-height:100dvh;background:var(--color-background-page);color:var(--color-foreground-primary)}.page{padding:var(--space-2xl);padding-top:max(var(--space-2xl),var(--safe-area-inset-top));padding-right:max(var(--space-2xl),var(--safe-area-inset-right));padding-bottom:max(var(--space-2xl),var(--safe-area-inset-bottom));padding-left:max(var(--space-2xl),var(--safe-area-inset-left))}@media (max-width:767.98px){.page{padding:var(--space-lg);padding-top:max(var(--space-lg),var(--safe-area-inset-top));padding-right:max(var(--space-lg),var(--safe-area-inset-right));padding-bottom:max(var(--space-lg),var(--safe-area-inset-bottom));padding-left:max(var(--space-lg),var(--safe-area-inset-left))}}.container,.container-wide,.container-narrow,.container-fluid{width:100%;margin-inline:auto}.container{max-width:var(--content-width-wide)}.container-wide{max-width:var(--content-width-full)}.container-narrow{max-width:var(--content-width-narrow)}.container-medium{max-width:var(--content-width-medium)}.container-prose{max-width:var(--content-width-prose)}.container-fluid{max-width:100%}.page-section{margin-block:var(--space-3xl)}.page-section:first-child{margin-top:0}@media (max-width:767.98px){.page-section{margin-block:var(--space-2xl)}}.stack-2xs>*+*{margin-top:var(--space-2xs)}.stack-xs>*+*{margin-top:var(--space-xs)}.stack-sm>*+*{margin-top:var(--space-sm)}.stack-md>*+*{margin-top:var(--space-md)}.stack-lg>*+*{margin-top:var(--space-lg)}.stack-xl>*+*{margin-top:var(--space-xl)}.stack-2xl>*+*{margin-top:var(--space-2xl)}.stack-3xl>*+*{margin-top:var(--space-3xl)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}.cluster-sm{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.cluster-lg{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center}.cluster.justify-between{justify-content:space-between}.cluster.justify-start{justify-content:flex-start}.cluster.justify-end{justify-content:flex-end}.cluster.justify-center{justify-content:center}.cluster.items-start{align-items:flex-start}.cluster.items-end{align-items:flex-end}.cluster.items-stretch{align-items:stretch}.cluster.cluster-stack-on-mobile{}@media (max-width:767.98px){.cluster.cluster-stack-on-mobile{flex-direction:column;align-items:stretch}.cluster.cluster-stack-on-mobile>*{width:100%}}.grid{display:grid;gap:var(--space-lg);grid-template-columns:1fr;align-items:stretch}.grid-2{display:grid;gap:var(--space-lg);grid-template-columns:1fr;align-items:stretch}.grid-3{display:grid;gap:var(--space-lg);grid-template-columns:1fr;align-items:stretch}.grid-4{display:grid;gap:var(--space-lg);grid-template-columns:1fr;align-items:stretch}.grid-12{display:grid;gap:var(--space-lg);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}@media (min-width:640px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.grid-2.grid-keep{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3.grid-keep{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4.grid-keep{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:639.98px){.hide-sm{display:none !important}.grid-2.collapse-2,.grid-3.collapse-2,.grid-4.collapse-2,.auto-grid.collapse-2,.auto-grid-sm.collapse-2,.auto-grid-lg.collapse-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2.collapse-1,.grid-3.collapse-1,.grid-4.collapse-1,.auto-grid.collapse-1,.auto-grid-sm.collapse-1,.auto-grid-lg.collapse-1{grid-template-columns:1fr}}@media (max-width:767.98px){.hide-md{display:none !important}}@media (max-width:1023.98px){.hide-lg{display:none !important}}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--space-lg)}.auto-grid-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-md)}.auto-grid-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:var(--space-lg)}.dashboard-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(12,minmax(0,1fr))}.span-12{grid-column:span 12}.span-8{grid-column:span 12}.span-6{grid-column:span 12}.span-4{grid-column:span 12}.span-3{grid-column:span 12}@media (min-width:768px){.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 6}.span-3{grid-column:span 6}}@media (min-width:1024px){.span-4{grid-column:span 4}.span-3{grid-column:span 3}}.drawer-shell{display:grid;grid-template-columns:1fr;min-height:100vh;min-height:100dvh}@media (min-width:1024px){.drawer-shell{grid-template-columns:16rem 1fr}}.drawer-sidebar{background:var(--color-surface-base);border-right:1px solid var(--color-border-subtle);padding:var(--space-xl) var(--space-lg);padding-top:max(var(--space-xl),var(--safe-area-inset-top))}@media (max-width:1023.98px){.drawer-sidebar{position:fixed;top:0;bottom:0;left:0;width:min(20rem,85vw);z-index:var(--z-index-drawer);transform:translateX(-100%);transition:transform var(--duration-standard) var(--ease-standard);box-shadow:var(--shadow-xl);padding-top:max(var(--space-xl),var(--safe-area-inset-top));padding-bottom:max(var(--space-xl),var(--safe-area-inset-bottom))}.drawer-shell.is-sidebar-open .drawer-sidebar{transform:translateX(0)}.drawer-shell.is-sidebar-open::before{content:"";position:fixed;inset:0;background:var(--color-overlay-scrim);z-index:calc(var(--z-index-drawer) - 1)}}.drawer-main{overflow:auto;min-width:0}.app-menu-trigger{display:inline-flex}@media (min-width:1024px){.app-menu-trigger{display:none}}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:stretch;justify-content:space-around;background:var(--color-surface-base);border-top:1px solid var(--color-border-subtle);padding-bottom:var(--safe-area-inset-bottom);z-index:var(--z-index-sticky);box-shadow:var(--shadow-md)}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch-target-comfortable);padding:var(--space-xs) var(--space-2xs);background:transparent;border:0;color:var(--color-foreground-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);cursor:pointer}.bottom-tab>i{font-size:1.25rem}.bottom-tab.is-active{color:var(--color-brand-primary)}@media (min-width:768px){.bottom-tabs{display:none}}}@layer utilities{:focus-visible{outline:none;box-shadow:var(--shadow-focus)}input:focus-visible,textarea:focus-visible,select:focus-visible,.input:focus-visible,.textarea:focus-visible,.select:focus-visible,.form-control:focus-visible{box-shadow:none}::selection{background:var(--color-selection-background);color:var(--color-selection-foreground)}.sr-only,.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.sr-only-focusable:focus,.sr-only-focusable:active{position:static !important;width:auto !important;height:auto !important;margin:0 !important;overflow:visible !important;clip:auto !important;white-space:normal !important}.hidden{display:none !important}.block{display:block !important}.inline{display:inline !important}.inline-block{display:inline-block !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}.grid{display:grid !important}.hide-on-mobile{}.show-on-mobile{display:none}.hide-on-tablet{}.show-on-tablet{display:none}.hide-on-desktop{}.show-on-desktop{display:none}@media (max-width:767.98px){.hide-on-mobile{display:none !important}.show-on-mobile{display:revert !important}.show-on-mobile.show-flex{display:flex !important}.show-on-mobile.show-grid{display:grid !important}}@media (min-width:768px) and (max-width:1023.98px){.hide-on-tablet{display:none !important}.show-on-tablet{display:revert !important}.show-on-tablet.show-flex{display:flex !important}.show-on-tablet.show-grid{display:grid !important}}@media (min-width:1024px){.hide-on-desktop{display:none !important}.show-on-desktop{display:revert !important}.show-on-desktop.show-flex{display:flex !important}.show-on-desktop.show-grid{display:grid !important}}.flex-col{flex-direction:column !important}.flex-row{flex-direction:row !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.items-start{align-items:flex-start !important}.items-center{align-items:center !important}.items-end{align-items:flex-end !important}.items-stretch{align-items:stretch !important}.justify-start{justify-content:flex-start !important}.justify-center{justify-content:center !important}.justify-end{justify-content:flex-end !important}.justify-between{justify-content:space-between !important}.justify-around{justify-content:space-around !important}.flex-1{flex:1 1 0% !important}.flex-auto{flex:1 1 auto !important}.flex-none{flex:none !important}.w-full{width:100% !important}.w-auto{width:auto !important}.w-fit{width:fit-content !important}.h-full{height:100% !important}.h-screen{height:100vh !important;height:100dvh !important}.min-h-screen{min-height:100vh !important;min-height:100dvh !important}.max-w-sm{max-width:24rem}.max-w-md{max-width:32rem}.max-w-lg{max-width:48rem}.max-w-xl{max-width:64rem}.max-w-2xl{max-width:var(--content-width-wide)}.max-w-full{max-width:100%}.max-w-prose{max-width:var(--content-width-prose)}.prose{max-width:65ch;line-height:1.7}.prose>:first-child{margin-top:0}.prose p{margin:0 0 var(--space-md)}.prose h2{margin:var(--space-2xl) 0 var(--space-sm);line-height:var(--line-height-tight)}.prose h3{margin:var(--space-xl) 0 var(--space-xs);line-height:var(--line-height-tight)}.prose h4{margin:var(--space-lg) 0 var(--space-2xs)}.prose ul,.prose ol{margin:0 0 var(--space-md);padding-left:1.5em}.prose li+li{margin-top:var(--space-2xs)}.prose blockquote{margin:var(--space-lg) 0;padding-left:var(--space-md);border-left:3px solid var(--color-divider);color:var(--color-foreground-secondary)}.prose>img,.prose>figure{margin:var(--space-lg) 0}.max-w-narrow{max-width:var(--content-width-narrow)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-wide{aspect-ratio:21 / 9}.img-fluid{display:block;width:100%;height:auto}.img-cover{width:100%;height:100%;object-fit:cover;display:block}.img-contain{width:100%;height:100%;object-fit:contain;display:block}.img-round{border-radius:var(--radius-lg)}.img-circle{border-radius:var(--radius-round);aspect-ratio:1 / 1;object-fit:cover}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-x-auto{overflow-x:auto !important}.overflow-y-auto{overflow-y:auto !important}.overflow-auto,.overflow-x-auto,.overflow-y-auto{-webkit-overflow-scrolling:touch}.p-xs{padding:var(--space-xs) !important}.p-sm{padding:var(--space-sm) !important}.p-md{padding:var(--space-md) !important}.p-lg{padding:var(--space-lg) !important}.p-xl{padding:var(--space-xl) !important}.p-2xl{padding:var(--space-2xl) !important}.px-sm{padding-inline:var(--space-sm) !important}.px-md{padding-inline:var(--space-md) !important}.px-lg{padding-inline:var(--space-lg) !important}.px-xl{padding-inline:var(--space-xl) !important}.py-sm{padding-block:var(--space-sm) !important}.py-md{padding-block:var(--space-md) !important}.py-lg{padding-block:var(--space-lg) !important}.py-xl{padding-block:var(--space-xl) !important}.gap-xs{gap:var(--space-xs) !important}.gap-sm{gap:var(--space-sm) !important}.gap-md{gap:var(--space-md) !important}.gap-lg{gap:var(--space-lg) !important}.gap-xl{gap:var(--space-xl) !important}.bg-page{background:var(--color-background-page) !important}.bg-canvas{background:var(--color-background-canvas) !important}.bg-surface{background:var(--color-surface-base) !important}.bg-brand{background:var(--color-brand-primary) !important;color:var(--color-brand-primary-contrast) !important}.bg-gradient-brand{background:var(--gradient-brand) !important;color:var(--color-static-white) !important}.bg-gradient-vibrant{background:var(--gradient-vibrant) !important;color:var(--color-static-white) !important}.bg-gradient-warm{background:var(--gradient-warm) !important;color:var(--color-static-white) !important}.bg-gradient-cool{background:var(--gradient-cool) !important;color:var(--color-static-white) !important}.bg-gradient-subtle{background:var(--gradient-subtle) !important}.bg-gradient-brand h1,.bg-gradient-brand h2,.bg-gradient-brand h3,.bg-gradient-brand h4,.bg-gradient-brand h5,.bg-gradient-brand h6,.bg-gradient-brand p,.bg-gradient-brand strong,.bg-gradient-brand span,.bg-gradient-vibrant h1,.bg-gradient-vibrant h2,.bg-gradient-vibrant h3,.bg-gradient-vibrant h4,.bg-gradient-vibrant h5,.bg-gradient-vibrant h6,.bg-gradient-vibrant p,.bg-gradient-vibrant strong,.bg-gradient-vibrant span,.bg-gradient-warm h1,.bg-gradient-warm h2,.bg-gradient-warm h3,.bg-gradient-warm h4,.bg-gradient-warm h5,.bg-gradient-warm h6,.bg-gradient-warm p,.bg-gradient-warm strong,.bg-gradient-warm span,.bg-gradient-cool h1,.bg-gradient-cool h2,.bg-gradient-cool h3,.bg-gradient-cool h4,.bg-gradient-cool h5,.bg-gradient-cool h6,.bg-gradient-cool p,.bg-gradient-cool strong,.bg-gradient-cool span{color:var(--color-static-white) !important}.radius-sm{border-radius:var(--radius-sm) !important}.radius-md{border-radius:var(--radius-md) !important}.radius-lg{border-radius:var(--radius-lg) !important}.radius-xl{border-radius:var(--radius-xl) !important}.radius-2xl{border-radius:var(--radius-2xl) !important}.radius-pill{border-radius:var(--radius-pill) !important}.radius-round{border-radius:50% !important}.shadow-sm{box-shadow:var(--shadow-sm) !important}.shadow-md{box-shadow:var(--shadow-md) !important}.shadow-lg{box-shadow:var(--shadow-lg) !important}.shadow-xl{box-shadow:var(--shadow-xl) !important}.shadow-none{box-shadow:none !important}.text-on-brand{color:var(--color-brand-primary-contrast) !important}.text-brand{color:var(--color-brand-primary) !important}.text-success{color:var(--color-utility-success) !important}.text-warning{color:var(--color-utility-warning) !important}.text-danger{color:var(--color-utility-danger) !important}.text-info{color:var(--color-utility-info) !important}.text-muted{color:var(--color-foreground-muted) !important}.text-secondary{color:var(--color-foreground-secondary) !important}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.font-light{font-weight:var(--font-weight-light) !important}.font-regular{font-weight:var(--font-weight-regular) !important}.font-medium{font-weight:var(--font-weight-medium) !important}.font-semibold{font-weight:var(--font-weight-semibold) !important}.font-bold{font-weight:var(--font-weight-bold) !important}.text-gradient-brand,.text-gradient-vibrant,.text-gradient-warm,.text-gradient-cool{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block}.text-gradient-brand{background-image:var(--gradient-brand)}.text-gradient-vibrant{background-image:var(--gradient-vibrant)}.text-gradient-warm{background-image:var(--gradient-warm)}.text-gradient-cool{background-image:var(--gradient-cool)}@supports not ((background-clip:text) or (-webkit-background-clip:text)){.text-gradient-brand{color:var(--color-brand-primary);-webkit-text-fill-color:currentColor}.text-gradient-vibrant{color:var(--color-feature-03);-webkit-text-fill-color:currentColor}.text-gradient-warm{color:var(--color-feature-07);-webkit-text-fill-color:currentColor}.text-gradient-cool{color:var(--color-feature-04);-webkit-text-fill-color:currentColor}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.avatar-xs{width:1.25rem;height:1.25rem;font-size:.625rem}.avatar-xl{width:3rem;height:3rem;font-size:1rem}.badge-sm{padding:2px var(--space-xs);font-size:.6875rem;gap:4px}.alert-icon{font-size:1.125rem;flex-shrink:0;margin-top:2px}.demo-footer{padding:var(--space-2xl) 0 var(--space-3xl);text-align:center;border-top:1px solid var(--color-divider);margin-top:var(--space-3xl)}.demo-intro .badge,.badge-on-brand{background:rgba(255,255,255,.18) !important;color:var(--color-static-white) !important;border-color:rgba(255,255,255,.32) !important;backdrop-filter:blur(4px)}.pane{padding-top:var(--component-pane-padding);border-top:var(--component-pane-rule-width) solid var(--component-pane-rule-color)}.pane.pane-first,.pane:first-child{padding-top:0;border-top:0}.pane .grid-3,.pane .grid-2,.pane .grid-4,.pane .auto-grid{gap:var(--component-pane-gap)}}
/*# sourceMappingURL=ui.min.css.map */