:root{--sz-color-transparent:#0000;--sz-color-neutral-0:#fff;--sz-color-neutral-50:#f7f9fc;--sz-color-neutral-100:#eef2f7;--sz-color-neutral-200:#dce2ea;--sz-color-neutral-300:#c4ceda;--sz-color-neutral-400:#9eabba;--sz-color-neutral-500:#778596;--sz-color-neutral-600:#596678;--sz-color-neutral-700:#3e4958;--sz-color-neutral-800:#27313e;--sz-color-neutral-900:#151d28;--sz-color-neutral-950:#0b111a;--sz-color-neutral-1000:#05080d;--sz-color-reef-50:#e8fcff;--sz-color-reef-100:#c8f7fb;--sz-color-reef-200:#92edf5;--sz-color-reef-300:#57dfea;--sz-color-reef-400:#27cedc;--sz-color-reef-500:#0bb4c5;--sz-color-reef-600:#078fa1;--sz-color-reef-700:#087181;--sz-color-reef-800:#0c5a67;--sz-color-reef-900:#0d4b56;--sz-color-reef-950:#062e37;--sz-color-gold-50:#fff9e8;--sz-color-gold-100:#fff0bf;--sz-color-gold-200:#ffe184;--sz-color-gold-300:#f8ca4e;--sz-color-gold-400:#e8b52f;--sz-color-gold-500:#c6922a;--sz-color-gold-600:#9e6d22;--sz-color-gold-700:#7e501f;--sz-color-gold-800:#673f20;--sz-color-gold-900:#56351f;--sz-color-gold-950:#311b0e;--sz-color-green-50:#ecfdf5;--sz-color-green-200:#a7f3d0;--sz-color-green-300:#6ee7b7;--sz-color-green-700:#047857;--sz-color-green-800:#065f46;--sz-color-green-950:#022c22;--sz-color-amber-50:#fffbeb;--sz-color-amber-200:#fde68a;--sz-color-amber-300:#fcd34d;--sz-color-amber-700:#b45309;--sz-color-amber-800:#92400e;--sz-color-amber-950:#451a03;--sz-color-red-50:#fef2f2;--sz-color-red-200:#fecaca;--sz-color-red-300:#fca5a5;--sz-color-red-700:#b91c1c;--sz-color-red-800:#991b1b;--sz-color-red-950:#450a0a;--sz-color-blue-50:#eff6ff;--sz-color-blue-200:#bfdbfe;--sz-color-blue-300:#93c5fd;--sz-color-blue-700:#1d4ed8;--sz-color-blue-800:#1e40af;--sz-color-blue-950:#172554;--sz-color-alpha-scrim:#05080db8;--sz-color-alpha-scrim-strong:#05080dd9;--sz-opacity-0:0;--sz-opacity-8:.08;--sz-opacity-12:.12;--sz-opacity-16:.16;--sz-opacity-24:.24;--sz-opacity-40:.4;--sz-opacity-64:.64;--sz-opacity-80:.8;--sz-opacity-100:1;--sz-space-0:0px;--sz-space-1:1px;--sz-space-2:2px;--sz-space-4:4px;--sz-space-6:6px;--sz-space-8:8px;--sz-space-12:12px;--sz-space-16:16px;--sz-space-20:20px;--sz-space-24:24px;--sz-space-32:32px;--sz-space-40:40px;--sz-space-48:48px;--sz-space-64:64px;--sz-space-80:80px;--sz-space-96:96px;--sz-radius-none:0px;--sz-radius-xs:2px;--sz-radius-sm:4px;--sz-radius-md:8px;--sz-radius-lg:12px;--sz-radius-xl:16px;--sz-radius-2xl:24px;--sz-radius-full:999px;--sz-border-width-none:0px;--sz-border-width-thin:1px;--sz-border-width-strong:2px;--sz-icon-size-xs:12px;--sz-icon-size-sm:16px;--sz-icon-size-md:20px;--sz-icon-size-lg:24px;--sz-icon-size-xl:32px;--sz-font-family-sans:Inter, ui-sans-serif, system-ui, sans-serif;--sz-font-weight-regular:400;--sz-font-weight-medium:500;--sz-font-weight-semibold:600;--sz-font-weight-bold:700;--sz-font-size-xs:11px;--sz-font-size-sm:12px;--sz-font-size-md:14px;--sz-font-size-lg:16px;--sz-font-size-xl:18px;--sz-font-size-2xl:20px;--sz-font-size-3xl:24px;--sz-font-size-4xl:32px;--sz-font-size-5xl:40px;--sz-font-size-6xl:48px;--sz-font-size-7xl:56px;--sz-line-height-xs:16px;--sz-line-height-sm:16px;--sz-line-height-md:20px;--sz-line-height-lg:24px;--sz-line-height-xl:24px;--sz-line-height-2xl:28px;--sz-line-height-3xl:32px;--sz-line-height-4xl:40px;--sz-line-height-5xl:48px;--sz-line-height-6xl:56px;--sz-line-height-7xl:64px;--sz-letter-spacing-tight:-.4px;--sz-letter-spacing-normal:0px;--sz-letter-spacing-wide:.4px;--sz-motion-duration-instant:0s;--sz-motion-duration-fast:.1s;--sz-motion-duration-moderate:.16s;--sz-motion-duration-slow:.24s;--sz-motion-duration-deliberate:.36s;--sz-motion-duration-expressive:.52s;--sz-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--sz-motion-easing-enter:cubic-bezier(0, 0, 0, 1);--sz-motion-easing-exit:cubic-bezier(.3, 0, 1, 1);--sz-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1.2);--sz-elevation-light-1:0px 1px 2px 0px #00000014;--sz-elevation-light-2:0px 4px 12px -2px #0000001f;--sz-elevation-light-3:0px 12px 28px -6px #00000029;--sz-elevation-light-4:0px 24px 56px -12px #00000038;--sz-elevation-dark-1:0px 1px 2px 0px #0006;--sz-elevation-dark-2:0px 4px 12px -2px #0000007a;--sz-elevation-dark-3:0px 12px 28px -6px #0000008f;--sz-elevation-dark-4:0px 24px 56px -12px #000000a3;--sz-breakpoint-xs:360px;--sz-breakpoint-sm:600px;--sz-breakpoint-md:768px;--sz-breakpoint-lg:1024px;--sz-breakpoint-xl:1280px;--sz-breakpoint-2xl:1440px}:root,[data-color-scheme=sharkzino]{--sz-scheme-light-color-surface-canvas:var(--sz-color-neutral-50);--sz-scheme-light-color-surface-base:var(--sz-color-neutral-0);--sz-scheme-light-color-surface-raised:var(--sz-color-neutral-0);--sz-scheme-light-color-surface-sunken:var(--sz-color-neutral-100);--sz-scheme-light-color-surface-overlay:var(--sz-color-neutral-0);--sz-scheme-light-color-text-primary:var(--sz-color-neutral-900);--sz-scheme-light-color-text-secondary:var(--sz-color-neutral-700);--sz-scheme-light-color-text-muted:var(--sz-color-neutral-600);--sz-scheme-light-color-text-disabled:var(--sz-color-neutral-400);--sz-scheme-light-color-text-inverse:var(--sz-color-neutral-0);--sz-scheme-light-color-text-link:var(--sz-color-reef-700);--sz-scheme-light-color-text-premium:var(--sz-color-gold-800);--sz-scheme-light-color-border-subtle:var(--sz-color-neutral-200);--sz-scheme-light-color-border-default:var(--sz-color-neutral-300);--sz-scheme-light-color-border-strong:var(--sz-color-neutral-500);--sz-scheme-light-color-border-focus:var(--sz-color-reef-600);--sz-scheme-light-color-action-primary-background:var(--sz-color-reef-700);--sz-scheme-light-color-action-primary-background-hover:var(--sz-color-reef-800);--sz-scheme-light-color-action-primary-background-pressed:var(--sz-color-reef-900);--sz-scheme-light-color-action-primary-background-disabled:var(--sz-color-neutral-200);--sz-scheme-light-color-action-primary-foreground:var(--sz-color-neutral-0);--sz-scheme-light-color-action-primary-foreground-disabled:var(--sz-color-neutral-500);--sz-scheme-light-color-action-secondary-background:var(--sz-color-transparent);--sz-scheme-light-color-action-secondary-background-hover:var(--sz-color-neutral-100);--sz-scheme-light-color-action-secondary-background-pressed:var(--sz-color-neutral-200);--sz-scheme-light-color-action-secondary-background-disabled:var(--sz-color-neutral-50);--sz-scheme-light-color-action-secondary-foreground:var(--sz-color-neutral-900);--sz-scheme-light-color-action-secondary-foreground-disabled:var(--sz-color-neutral-400);--sz-scheme-light-color-action-secondary-border:var(--sz-color-neutral-400);--sz-scheme-light-color-action-secondary-border-hover:var(--sz-color-neutral-600);--sz-scheme-light-color-action-ghost-background:var(--sz-color-transparent);--sz-scheme-light-color-action-ghost-background-hover:var(--sz-color-reef-50);--sz-scheme-light-color-action-ghost-background-pressed:var(--sz-color-reef-100);--sz-scheme-light-color-action-ghost-foreground:var(--sz-color-reef-800);--sz-scheme-light-color-status-success-background:var(--sz-color-green-50);--sz-scheme-light-color-status-success-foreground:var(--sz-color-green-800);--sz-scheme-light-color-status-success-border:var(--sz-color-green-300);--sz-scheme-light-color-status-warning-background:var(--sz-color-amber-50);--sz-scheme-light-color-status-warning-foreground:var(--sz-color-amber-800);--sz-scheme-light-color-status-warning-border:var(--sz-color-amber-300);--sz-scheme-light-color-status-danger-background:var(--sz-color-red-50);--sz-scheme-light-color-status-danger-foreground:var(--sz-color-red-800);--sz-scheme-light-color-status-danger-border:var(--sz-color-red-300);--sz-scheme-light-color-status-info-background:var(--sz-color-blue-50);--sz-scheme-light-color-status-info-foreground:var(--sz-color-blue-800);--sz-scheme-light-color-status-info-border:var(--sz-color-blue-300);--sz-scheme-light-color-premium-background:var(--sz-color-gold-50);--sz-scheme-light-color-premium-foreground:var(--sz-color-gold-900);--sz-scheme-light-color-premium-border:var(--sz-color-gold-400);--sz-scheme-light-color-scrim:var(--sz-color-alpha-scrim);--sz-scheme-light-color-selection:var(--sz-color-reef-100);--sz-scheme-dark-color-surface-canvas:var(--sz-color-neutral-1000);--sz-scheme-dark-color-surface-base:var(--sz-color-neutral-950);--sz-scheme-dark-color-surface-raised:var(--sz-color-neutral-900);--sz-scheme-dark-color-surface-sunken:var(--sz-color-neutral-1000);--sz-scheme-dark-color-surface-overlay:var(--sz-color-neutral-800);--sz-scheme-dark-color-text-primary:var(--sz-color-neutral-50);--sz-scheme-dark-color-text-secondary:var(--sz-color-neutral-300);--sz-scheme-dark-color-text-muted:var(--sz-color-neutral-400);--sz-scheme-dark-color-text-disabled:var(--sz-color-neutral-600);--sz-scheme-dark-color-text-inverse:var(--sz-color-neutral-950);--sz-scheme-dark-color-text-link:var(--sz-color-reef-300);--sz-scheme-dark-color-text-premium:var(--sz-color-gold-300);--sz-scheme-dark-color-border-subtle:var(--sz-color-neutral-800);--sz-scheme-dark-color-border-default:var(--sz-color-neutral-700);--sz-scheme-dark-color-border-strong:var(--sz-color-neutral-500);--sz-scheme-dark-color-border-focus:var(--sz-color-reef-300);--sz-scheme-dark-color-action-primary-background:var(--sz-color-reef-300);--sz-scheme-dark-color-action-primary-background-hover:var(--sz-color-reef-200);--sz-scheme-dark-color-action-primary-background-pressed:var(--sz-color-reef-400);--sz-scheme-dark-color-action-primary-background-disabled:var(--sz-color-neutral-800);--sz-scheme-dark-color-action-primary-foreground:var(--sz-color-neutral-1000);--sz-scheme-dark-color-action-primary-foreground-disabled:var(--sz-color-neutral-500);--sz-scheme-dark-color-action-secondary-background:var(--sz-color-transparent);--sz-scheme-dark-color-action-secondary-background-hover:var(--sz-color-neutral-800);--sz-scheme-dark-color-action-secondary-background-pressed:var(--sz-color-neutral-700);--sz-scheme-dark-color-action-secondary-background-disabled:var(--sz-color-neutral-950);--sz-scheme-dark-color-action-secondary-foreground:var(--sz-color-neutral-50);--sz-scheme-dark-color-action-secondary-foreground-disabled:var(--sz-color-neutral-600);--sz-scheme-dark-color-action-secondary-border:var(--sz-color-neutral-700);--sz-scheme-dark-color-action-secondary-border-hover:var(--sz-color-neutral-500);--sz-scheme-dark-color-action-ghost-background:var(--sz-color-transparent);--sz-scheme-dark-color-action-ghost-background-hover:var(--sz-color-reef-950);--sz-scheme-dark-color-action-ghost-background-pressed:var(--sz-color-reef-900);--sz-scheme-dark-color-action-ghost-foreground:var(--sz-color-reef-200);--sz-scheme-dark-color-status-success-background:var(--sz-color-green-950);--sz-scheme-dark-color-status-success-foreground:var(--sz-color-green-200);--sz-scheme-dark-color-status-success-border:var(--sz-color-green-700);--sz-scheme-dark-color-status-warning-background:var(--sz-color-amber-950);--sz-scheme-dark-color-status-warning-foreground:var(--sz-color-amber-200);--sz-scheme-dark-color-status-warning-border:var(--sz-color-amber-700);--sz-scheme-dark-color-status-danger-background:var(--sz-color-red-950);--sz-scheme-dark-color-status-danger-foreground:var(--sz-color-red-200);--sz-scheme-dark-color-status-danger-border:var(--sz-color-red-700);--sz-scheme-dark-color-status-info-background:var(--sz-color-blue-950);--sz-scheme-dark-color-status-info-foreground:var(--sz-color-blue-200);--sz-scheme-dark-color-status-info-border:var(--sz-color-blue-700);--sz-scheme-dark-color-premium-background:var(--sz-color-gold-950);--sz-scheme-dark-color-premium-foreground:var(--sz-color-gold-200);--sz-scheme-dark-color-premium-border:var(--sz-color-gold-700);--sz-scheme-dark-color-scrim:var(--sz-color-alpha-scrim-strong);--sz-scheme-dark-color-selection:var(--sz-color-reef-900)}[data-appearance=light]{--sz-color-surface-canvas:var(--sz-scheme-light-color-surface-canvas);--sz-color-surface-base:var(--sz-scheme-light-color-surface-base);--sz-color-surface-raised:var(--sz-scheme-light-color-surface-raised);--sz-color-surface-sunken:var(--sz-scheme-light-color-surface-sunken);--sz-color-surface-overlay:var(--sz-scheme-light-color-surface-overlay);--sz-color-text-primary:var(--sz-scheme-light-color-text-primary);--sz-color-text-secondary:var(--sz-scheme-light-color-text-secondary);--sz-color-text-muted:var(--sz-scheme-light-color-text-muted);--sz-color-text-disabled:var(--sz-scheme-light-color-text-disabled);--sz-color-text-inverse:var(--sz-scheme-light-color-text-inverse);--sz-color-text-link:var(--sz-scheme-light-color-text-link);--sz-color-text-premium:var(--sz-scheme-light-color-text-premium);--sz-color-border-subtle:var(--sz-scheme-light-color-border-subtle);--sz-color-border-default:var(--sz-scheme-light-color-border-default);--sz-color-border-strong:var(--sz-scheme-light-color-border-strong);--sz-color-border-focus:var(--sz-scheme-light-color-border-focus);--sz-color-action-primary-background:var(--sz-scheme-light-color-action-primary-background);--sz-color-action-primary-background-hover:var(--sz-scheme-light-color-action-primary-background-hover);--sz-color-action-primary-background-pressed:var(--sz-scheme-light-color-action-primary-background-pressed);--sz-color-action-primary-background-disabled:var(--sz-scheme-light-color-action-primary-background-disabled);--sz-color-action-primary-foreground:var(--sz-scheme-light-color-action-primary-foreground);--sz-color-action-primary-foreground-disabled:var(--sz-scheme-light-color-action-primary-foreground-disabled);--sz-color-action-secondary-background:var(--sz-scheme-light-color-action-secondary-background);--sz-color-action-secondary-background-hover:var(--sz-scheme-light-color-action-secondary-background-hover);--sz-color-action-secondary-background-pressed:var(--sz-scheme-light-color-action-secondary-background-pressed);--sz-color-action-secondary-background-disabled:var(--sz-scheme-light-color-action-secondary-background-disabled);--sz-color-action-secondary-foreground:var(--sz-scheme-light-color-action-secondary-foreground);--sz-color-action-secondary-foreground-disabled:var(--sz-scheme-light-color-action-secondary-foreground-disabled);--sz-color-action-secondary-border:var(--sz-scheme-light-color-action-secondary-border);--sz-color-action-secondary-border-hover:var(--sz-scheme-light-color-action-secondary-border-hover);--sz-color-action-ghost-background:var(--sz-scheme-light-color-action-ghost-background);--sz-color-action-ghost-background-hover:var(--sz-scheme-light-color-action-ghost-background-hover);--sz-color-action-ghost-background-pressed:var(--sz-scheme-light-color-action-ghost-background-pressed);--sz-color-action-ghost-foreground:var(--sz-scheme-light-color-action-ghost-foreground);--sz-color-status-success-background:var(--sz-scheme-light-color-status-success-background);--sz-color-status-success-foreground:var(--sz-scheme-light-color-status-success-foreground);--sz-color-status-success-border:var(--sz-scheme-light-color-status-success-border);--sz-color-status-warning-background:var(--sz-scheme-light-color-status-warning-background);--sz-color-status-warning-foreground:var(--sz-scheme-light-color-status-warning-foreground);--sz-color-status-warning-border:var(--sz-scheme-light-color-status-warning-border);--sz-color-status-danger-background:var(--sz-scheme-light-color-status-danger-background);--sz-color-status-danger-foreground:var(--sz-scheme-light-color-status-danger-foreground);--sz-color-status-danger-border:var(--sz-scheme-light-color-status-danger-border);--sz-color-status-info-background:var(--sz-scheme-light-color-status-info-background);--sz-color-status-info-foreground:var(--sz-scheme-light-color-status-info-foreground);--sz-color-status-info-border:var(--sz-scheme-light-color-status-info-border);--sz-color-premium-background:var(--sz-scheme-light-color-premium-background);--sz-color-premium-foreground:var(--sz-scheme-light-color-premium-foreground);--sz-color-premium-border:var(--sz-scheme-light-color-premium-border);--sz-color-scrim:var(--sz-scheme-light-color-scrim);--sz-color-selection:var(--sz-scheme-light-color-selection);--sz-elevation-1:var(--sz-elevation-light-1);--sz-elevation-2:var(--sz-elevation-light-2);--sz-elevation-3:var(--sz-elevation-light-3);--sz-elevation-4:var(--sz-elevation-light-4)}:root,[data-appearance=dark]{--sz-color-surface-canvas:var(--sz-scheme-dark-color-surface-canvas);--sz-color-surface-base:var(--sz-scheme-dark-color-surface-base);--sz-color-surface-raised:var(--sz-scheme-dark-color-surface-raised);--sz-color-surface-sunken:var(--sz-scheme-dark-color-surface-sunken);--sz-color-surface-overlay:var(--sz-scheme-dark-color-surface-overlay);--sz-color-text-primary:var(--sz-scheme-dark-color-text-primary);--sz-color-text-secondary:var(--sz-scheme-dark-color-text-secondary);--sz-color-text-muted:var(--sz-scheme-dark-color-text-muted);--sz-color-text-disabled:var(--sz-scheme-dark-color-text-disabled);--sz-color-text-inverse:var(--sz-scheme-dark-color-text-inverse);--sz-color-text-link:var(--sz-scheme-dark-color-text-link);--sz-color-text-premium:var(--sz-scheme-dark-color-text-premium);--sz-color-border-subtle:var(--sz-scheme-dark-color-border-subtle);--sz-color-border-default:var(--sz-scheme-dark-color-border-default);--sz-color-border-strong:var(--sz-scheme-dark-color-border-strong);--sz-color-border-focus:var(--sz-scheme-dark-color-border-focus);--sz-color-action-primary-background:var(--sz-scheme-dark-color-action-primary-background);--sz-color-action-primary-background-hover:var(--sz-scheme-dark-color-action-primary-background-hover);--sz-color-action-primary-background-pressed:var(--sz-scheme-dark-color-action-primary-background-pressed);--sz-color-action-primary-background-disabled:var(--sz-scheme-dark-color-action-primary-background-disabled);--sz-color-action-primary-foreground:var(--sz-scheme-dark-color-action-primary-foreground);--sz-color-action-primary-foreground-disabled:var(--sz-scheme-dark-color-action-primary-foreground-disabled);--sz-color-action-secondary-background:var(--sz-scheme-dark-color-action-secondary-background);--sz-color-action-secondary-background-hover:var(--sz-scheme-dark-color-action-secondary-background-hover);--sz-color-action-secondary-background-pressed:var(--sz-scheme-dark-color-action-secondary-background-pressed);--sz-color-action-secondary-background-disabled:var(--sz-scheme-dark-color-action-secondary-background-disabled);--sz-color-action-secondary-foreground:var(--sz-scheme-dark-color-action-secondary-foreground);--sz-color-action-secondary-foreground-disabled:var(--sz-scheme-dark-color-action-secondary-foreground-disabled);--sz-color-action-secondary-border:var(--sz-scheme-dark-color-action-secondary-border);--sz-color-action-secondary-border-hover:var(--sz-scheme-dark-color-action-secondary-border-hover);--sz-color-action-ghost-background:var(--sz-scheme-dark-color-action-ghost-background);--sz-color-action-ghost-background-hover:var(--sz-scheme-dark-color-action-ghost-background-hover);--sz-color-action-ghost-background-pressed:var(--sz-scheme-dark-color-action-ghost-background-pressed);--sz-color-action-ghost-foreground:var(--sz-scheme-dark-color-action-ghost-foreground);--sz-color-status-success-background:var(--sz-scheme-dark-color-status-success-background);--sz-color-status-success-foreground:var(--sz-scheme-dark-color-status-success-foreground);--sz-color-status-success-border:var(--sz-scheme-dark-color-status-success-border);--sz-color-status-warning-background:var(--sz-scheme-dark-color-status-warning-background);--sz-color-status-warning-foreground:var(--sz-scheme-dark-color-status-warning-foreground);--sz-color-status-warning-border:var(--sz-scheme-dark-color-status-warning-border);--sz-color-status-danger-background:var(--sz-scheme-dark-color-status-danger-background);--sz-color-status-danger-foreground:var(--sz-scheme-dark-color-status-danger-foreground);--sz-color-status-danger-border:var(--sz-scheme-dark-color-status-danger-border);--sz-color-status-info-background:var(--sz-scheme-dark-color-status-info-background);--sz-color-status-info-foreground:var(--sz-scheme-dark-color-status-info-foreground);--sz-color-status-info-border:var(--sz-scheme-dark-color-status-info-border);--sz-color-premium-background:var(--sz-scheme-dark-color-premium-background);--sz-color-premium-foreground:var(--sz-scheme-dark-color-premium-foreground);--sz-color-premium-border:var(--sz-scheme-dark-color-premium-border);--sz-color-scrim:var(--sz-scheme-dark-color-scrim);--sz-color-selection:var(--sz-scheme-dark-color-selection);--sz-elevation-1:var(--sz-elevation-dark-1);--sz-elevation-2:var(--sz-elevation-dark-2);--sz-elevation-3:var(--sz-elevation-dark-3);--sz-elevation-4:var(--sz-elevation-dark-4)}:root,[data-density=player]{--sz-density-control-height-sm:36px;--sz-density-control-height-md:44px;--sz-density-control-height-lg:52px;--sz-density-control-padding-inline-sm:12px;--sz-density-control-padding-inline-md:16px;--sz-density-control-padding-inline-lg:20px;--sz-density-control-gap:8px;--sz-density-layout-gap:16px;--sz-density-layout-section-gap:32px}[data-density=operator]{--sz-density-control-height-sm:28px;--sz-density-control-height-md:32px;--sz-density-control-height-lg:36px;--sz-density-control-padding-inline-sm:8px;--sz-density-control-padding-inline-md:10px;--sz-density-control-padding-inline-lg:12px;--sz-density-control-gap:6px;--sz-density-layout-gap:12px;--sz-density-layout-section-gap:24px}@layer sharkzino-ui{.sz-visually-hidden{width:var(--sz-space-1);height:var(--sz-space-1);margin:calc(var(--sz-space-1) * -1);clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}:where(.sz-button,.sz-input,.sz-select,.sz-checkbox,.sz-radio,.sz-switch,.sz-header nav a,.sz-tabs__trigger,.sz-pagination__page,.sz-side-nav a,.sz-language-picker__trigger):focus-visible{outline:var(--sz-border-width-strong) solid var(--sz-color-border-focus);outline-offset:var(--sz-space-2)}.sz-control--small{min-height:var(--sz-density-control-height-sm)}.sz-control--medium{min-height:var(--sz-density-control-height-md)}.sz-control--large{min-height:var(--sz-density-control-height-lg)}.sz-button{justify-content:center;align-items:center;gap:var(--sz-density-control-gap);border:var(--sz-border-width-thin) solid transparent;border-radius:var(--sz-radius-md);min-width:fit-content;padding-inline:var(--sz-density-control-padding-inline-md);font:var(--sz-font-weight-semibold) var(--sz-font-size-md)/var(--sz-line-height-md) var(--sz-font-family-sans);cursor:pointer;transition:background var(--sz-motion-duration-fast) var(--sz-motion-easing-standard), border-color var(--sz-motion-duration-fast) var(--sz-motion-easing-standard), color var(--sz-motion-duration-fast) var(--sz-motion-easing-standard);display:inline-flex}.sz-button svg{width:var(--sz-icon-size-md);height:var(--sz-icon-size-md);color:currentColor;flex:none}.sz-button--primary{color:var(--sz-color-action-primary-foreground);background:var(--sz-color-action-primary-background)}.sz-button--primary:hover:not(:disabled){background:var(--sz-color-action-primary-background-hover)}.sz-button--primary:active:not(:disabled){background:var(--sz-color-action-primary-background-pressed)}.sz-button--secondary{color:var(--sz-color-action-secondary-foreground);background:var(--sz-color-action-secondary-background);border-color:var(--sz-color-action-secondary-border)}.sz-button--secondary:hover:not(:disabled){background:var(--sz-color-action-secondary-background-hover);border-color:var(--sz-color-action-secondary-border-hover)}.sz-button--ghost{color:var(--sz-color-action-ghost-foreground);background:var(--sz-color-action-ghost-background)}.sz-button--ghost:hover:not(:disabled){background:var(--sz-color-action-ghost-background-hover)}.sz-button--danger{color:var(--sz-color-status-danger-foreground);background:var(--sz-color-status-danger-background);border-color:var(--sz-color-status-danger-border)}.sz-button:disabled{cursor:not-allowed;color:var(--sz-color-action-primary-foreground-disabled);background:var(--sz-color-action-primary-background-disabled);border-color:#0000}.sz-icon-button{width:var(--sz-density-control-height-md);padding:0}.sz-icon-button.sz-control--small{width:var(--sz-density-control-height-sm)}.sz-icon-button.sz-control--large{width:var(--sz-density-control-height-lg)}.sz-spinner{width:var(--sz-icon-size-md);height:var(--sz-icon-size-md);border:var(--sz-border-width-strong) solid currentColor;border-radius:var(--sz-radius-full);animation:sz-spin var(--sz-motion-duration-expressive) linear infinite;border-right-color:#0000}@keyframes sz-spin{to{transform:rotate(1turn)}}.sz-field{gap:var(--sz-space-6);color:var(--sz-color-text-primary);font-family:var(--sz-font-family-sans);display:grid}.sz-field__label,.sz-radio-field legend{font-size:var(--sz-font-size-sm);line-height:var(--sz-line-height-sm);font-weight:var(--sz-font-weight-semibold)}.sz-field__label span{color:var(--sz-color-text-muted);font-weight:var(--sz-font-weight-regular)}.sz-field__message{color:var(--sz-color-text-muted);font-size:var(--sz-font-size-sm);line-height:var(--sz-line-height-sm);margin:0}.sz-field[data-invalid] .sz-field__message{color:var(--sz-color-status-danger-foreground)}.sz-input{width:100%;min-height:var(--sz-density-control-height-md);padding:var(--sz-space-8) var(--sz-density-control-padding-inline-md);border:var(--sz-border-width-thin) solid var(--sz-color-border-default);border-radius:var(--sz-radius-md);color:var(--sz-color-text-primary);background:var(--sz-color-surface-base);font:var(--sz-font-weight-regular) var(--sz-font-size-md)/var(--sz-line-height-md) var(--sz-font-family-sans)}.sz-input::placeholder{color:var(--sz-color-text-muted)}.sz-input:hover:not(:disabled){border-color:var(--sz-color-border-strong)}.sz-input:disabled{color:var(--sz-color-text-disabled);background:var(--sz-color-surface-sunken);cursor:not-allowed}.sz-field[data-invalid] .sz-input{border-color:var(--sz-color-status-danger-border)}.sz-textarea{min-height:var(--sz-space-96);resize:vertical}.sz-select{justify-content:space-between;align-items:center;gap:var(--sz-space-12);text-align:left;display:inline-flex}.sz-select svg{width:var(--sz-icon-size-md);height:var(--sz-icon-size-md)}.sz-select__content{z-index:50;min-width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height);padding:var(--sz-space-4);border:var(--sz-border-width-thin) solid var(--sz-color-border-default);border-radius:var(--sz-radius-md);background:var(--sz-color-surface-overlay);box-shadow:var(--sz-elevation-3)}.sz-select__item{justify-content:space-between;align-items:center;gap:var(--sz-space-12);padding:var(--sz-space-8) var(--sz-space-12);border-radius:var(--sz-radius-sm);color:var(--sz-color-text-primary);font:var(--sz-font-weight-regular) var(--sz-font-size-md)/var(--sz-line-height-md) var(--sz-font-family-sans);cursor:pointer;outline:none;display:flex}.sz-select__item[data-highlighted]{background:var(--sz-color-selection)}.sz-select__item svg{width:var(--sz-icon-size-sm);height:var(--sz-icon-size-sm)}.sz-language-picker{flex:none;width:8.75rem;position:relative}.sz-language-picker,.sz-language-picker *,.sz-language-picker :before,.sz-language-picker :after{box-sizing:border-box}.sz-language-picker__trigger{width:100%;min-height:2.25rem;padding:0 var(--sz-space-12);justify-content:space-between;align-items:center;gap:var(--sz-space-8);border:var(--sz-border-width-thin) solid var(--sz-color-border-default);border-radius:var(--sz-radius-md);color:var(--sz-color-text-primary);background:var(--sz-color-surface-raised);cursor:pointer;font:var(--sz-font-weight-regular) var(--sz-font-size-sm)/var(--sz-line-height-sm) var(--sz-font-family-sans);text-align:left;display:flex}.sz-language-picker__trigger:hover{border-color:var(--sz-color-border-strong)}.sz-language-picker__trigger[aria-expanded=true]{border-color:var(--sz-color-border-focus);outline:var(--sz-border-width-strong) solid color-mix(in srgb, var(--sz-color-border-focus) 28%, transparent);outline-offset:1px}.sz-language-picker__trigger:disabled{color:var(--sz-color-text-disabled);cursor:wait}.sz-language-picker__trigger-code{font-weight:var(--sz-font-weight-semibold);display:none}.sz-language-picker__chevron{border-right:var(--sz-border-width-thin) solid currentColor;border-bottom:var(--sz-border-width-thin) solid currentColor;flex:none;width:.5rem;height:.5rem;transform:translateY(-2px)rotate(45deg)}.sz-language-picker__options{z-index:60;top:calc(100% + var(--sz-space-8));width:11.25rem;padding:calc(var(--sz-space-8) - var(--sz-border-width-thin));gap:var(--sz-space-8);border:var(--sz-border-width-thin) solid var(--sz-color-border-focus);border-radius:var(--sz-radius-lg);color:var(--sz-color-text-primary);background:var(--sz-color-surface-raised);box-shadow:var(--sz-elevation-4);margin:0;list-style:none;display:grid;position:absolute;right:0;overflow:hidden}.sz-language-picker__option{width:100%;min-height:3rem;padding:var(--sz-space-12);align-items:center;gap:var(--sz-space-12);border-radius:var(--sz-radius-lg);cursor:pointer;grid-template-columns:2.5rem minmax(0,1fr);display:grid;overflow:hidden}.sz-language-picker__option[data-active]:not([aria-selected=true]){background:var(--sz-color-action-ghost-background-hover)}.sz-language-picker__option[aria-selected=true]{color:var(--sz-color-action-primary-foreground);background:var(--sz-color-action-primary-background)}.sz-language-picker__code{color:var(--sz-color-text-muted);font-size:var(--sz-font-size-md);font-weight:var(--sz-font-weight-semibold);line-height:var(--sz-line-height-md)}.sz-language-picker__option[aria-selected=true] .sz-language-picker__code{color:inherit}.sz-language-picker__name{min-width:0;font-size:var(--sz-font-size-lg);line-height:var(--sz-line-height-lg)}.sz-choice{align-items:center;gap:var(--sz-space-8);color:var(--sz-color-text-primary);font:var(--sz-font-weight-regular) var(--sz-font-size-md)/var(--sz-line-height-md) var(--sz-font-family-sans);display:inline-flex}.sz-checkbox,.sz-radio{width:var(--sz-icon-size-lg);height:var(--sz-icon-size-lg);border:var(--sz-border-width-thin) solid var(--sz-color-border-strong);background:var(--sz-color-surface-base);color:var(--sz-color-action-primary-foreground);cursor:pointer;place-items:center;padding:0;display:inline-grid}.sz-checkbox{border-radius:var(--sz-radius-sm)}.sz-checkbox[data-state=checked]{border-color:var(--sz-color-action-primary-background);background:var(--sz-color-action-primary-background)}.sz-checkbox svg{width:var(--sz-icon-size-sm);height:var(--sz-icon-size-sm)}.sz-radio{border-radius:var(--sz-radius-full)}.sz-radio__indicator{width:var(--sz-space-12);height:var(--sz-space-12);border-radius:var(--sz-radius-full);background:var(--sz-color-action-primary-background)}.sz-radio-field{gap:var(--sz-space-8);border:0;padding:0;display:grid}.sz-radio-group{gap:var(--sz-space-16);flex-wrap:wrap;display:flex}.sz-switch{width:var(--sz-space-48);height:var(--sz-icon-size-lg);border-radius:var(--sz-radius-full);background:var(--sz-color-surface-sunken);box-shadow:inset 0 0 0 var(--sz-border-width-thin) var(--sz-color-border-default);cursor:pointer;border:0;padding:0;position:relative}.sz-switch[data-state=checked]{background:var(--sz-color-action-primary-background)}.sz-switch__thumb{width:var(--sz-icon-size-md);height:var(--sz-icon-size-md);margin:var(--sz-space-2);border-radius:var(--sz-radius-full);background:var(--sz-color-action-primary-foreground);box-shadow:var(--sz-elevation-1);transition:transform var(--sz-motion-duration-moderate) var(--sz-motion-easing-standard);display:block}.sz-switch[data-state=checked] .sz-switch__thumb{transform:translateX(var(--sz-icon-size-lg))}.sz-feedback{align-items:start;gap:var(--sz-space-12);border:var(--sz-border-width-thin) solid;border-radius:var(--sz-radius-lg);padding:var(--sz-space-16);color:var(--sz-color-text-primary);font-family:var(--sz-font-family-sans);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.sz-feedback strong{font-size:var(--sz-font-size-md);line-height:var(--sz-line-height-md);display:block}.sz-feedback p{margin:var(--sz-space-4) 0 0;color:inherit;font-size:var(--sz-font-size-sm);line-height:var(--sz-line-height-sm);opacity:var(--sz-opacity-80)}.sz-feedback__icon{width:var(--sz-icon-size-lg);height:var(--sz-icon-size-lg);place-items:center;display:grid}.sz-feedback__icon svg{width:var(--sz-icon-size-md);height:var(--sz-icon-size-md)}.sz-feedback--info{color:var(--sz-color-status-info-foreground);background:var(--sz-color-status-info-background);border-color:var(--sz-color-status-info-border)}.sz-feedback--success{color:var(--sz-color-status-success-foreground);background:var(--sz-color-status-success-background);border-color:var(--sz-color-status-success-border)}.sz-feedback--warning{color:var(--sz-color-status-warning-foreground);background:var(--sz-color-status-warning-background);border-color:var(--sz-color-status-warning-border)}.sz-feedback--danger{color:var(--sz-color-status-danger-foreground);background:var(--sz-color-status-danger-background);border-color:var(--sz-color-status-danger-border)}.sz-alert{width:min(100%,29rem)}.sz-toast{width:min(100%,26.25rem);box-shadow:var(--sz-elevation-3)}.sz-toast .sz-icon-button{color:inherit;align-self:center}.sz-progress-wrap{gap:var(--sz-space-8);font-family:var(--sz-font-family-sans);color:var(--sz-color-text-primary);display:grid}.sz-progress__label{font-size:var(--sz-font-size-sm);justify-content:space-between;display:flex}.sz-progress{height:var(--sz-space-8);border-radius:var(--sz-radius-full);background:var(--sz-color-surface-sunken);overflow:hidden}.sz-progress__indicator{background:var(--sz-color-action-primary-background);width:100%;height:100%;transition:transform var(--sz-motion-duration-slow) var(--sz-motion-easing-standard)}.sz-skeleton{border-radius:var(--sz-radius-md);background:var(--sz-color-surface-sunken);animation:1.4s ease-in-out infinite sz-pulse;display:block}@keyframes sz-pulse{50%{opacity:var(--sz-opacity-40)}}.sz-empty{place-items:center;gap:var(--sz-space-8);padding:var(--sz-space-32);border:var(--sz-border-width-thin) dashed var(--sz-color-border-default);border-radius:var(--sz-radius-lg);color:var(--sz-color-text-primary);text-align:center;font-family:var(--sz-font-family-sans);display:grid}.sz-empty__icon{width:var(--sz-space-48);height:var(--sz-space-48);border-radius:var(--sz-radius-full);color:var(--sz-color-action-ghost-foreground);background:var(--sz-color-action-ghost-background-hover);place-items:center;display:grid}.sz-empty h3,.sz-empty p{margin:0}.sz-empty p{color:var(--sz-color-text-secondary)}.sz-header{min-height:var(--sz-space-64);align-items:center;gap:var(--sz-space-16);padding:var(--sz-space-12) var(--sz-space-24);border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);background:var(--sz-color-surface-base);color:var(--sz-color-text-primary);font-family:var(--sz-font-family-sans);grid-template-columns:1fr auto 1fr;display:grid}.sz-header__brand{font-weight:var(--sz-font-weight-bold);color:var(--sz-color-text-premium)}.sz-header nav a{border-radius:var(--sz-radius-sm);color:var(--sz-color-text-link)}.sz-header__actions{justify-content:flex-end;gap:var(--sz-space-8);display:flex}.sz-tabs{color:var(--sz-color-text-primary);font-family:var(--sz-font-family-sans)}.sz-tabs__list{gap:var(--sz-space-4);border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);display:flex}.sz-tabs__trigger{min-height:var(--sz-density-control-height-sm);padding:0 var(--sz-space-12);border:0;border-bottom:var(--sz-border-width-strong) solid transparent;color:var(--sz-color-text-secondary);font:inherit;cursor:pointer;background:0 0}.sz-tabs__trigger[data-state=active]{color:var(--sz-color-text-primary);border-bottom-color:var(--sz-color-action-primary-background)}.sz-tabs__content{padding:var(--sz-space-16) 0}.sz-breadcrumb{align-items:center;gap:var(--sz-space-8);color:var(--sz-color-text-muted);font:var(--sz-font-weight-regular) var(--sz-font-size-sm)/var(--sz-line-height-sm) var(--sz-font-family-sans);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sz-breadcrumb li{align-items:center;gap:var(--sz-space-8);width:fit-content;display:inline-flex}.sz-breadcrumb a{color:var(--sz-color-text-link);border-radius:var(--sz-radius-sm)}.sz-breadcrumb a:focus-visible{outline:var(--sz-border-width-strong) solid var(--sz-color-border-focus);outline-offset:var(--sz-space-2)}.sz-breadcrumb__separator{color:var(--sz-color-text-muted)}.sz-pagination{align-items:center;gap:var(--sz-space-4);display:inline-flex}.sz-pagination__page{min-width:var(--sz-density-control-height-sm);height:var(--sz-density-control-height-sm);border-radius:var(--sz-radius-md);color:var(--sz-color-text-secondary);cursor:pointer;background:0 0;border:0}.sz-pagination__page[aria-current=page]{color:var(--sz-color-action-primary-foreground);background:var(--sz-color-action-primary-background)}.sz-side-nav{width:15rem;padding:var(--sz-space-12);border-right:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);background:var(--sz-color-surface-base);color:var(--sz-color-text-primary);font-family:var(--sz-font-family-sans)}.sz-side-nav__heading,.sz-side-nav a{align-items:center;gap:var(--sz-space-12);min-height:var(--sz-density-control-height-md);padding:0 var(--sz-space-12);border-radius:var(--sz-radius-md);color:inherit;text-decoration:none;display:flex}.sz-side-nav__heading svg:last-child{margin-left:auto}.sz-side-nav ul{gap:var(--sz-space-4);margin:var(--sz-space-8) 0 0;padding:0;list-style:none;display:grid}.sz-side-nav a:hover{background:var(--sz-color-action-ghost-background-hover)}.sz-side-nav a[aria-current=page]{color:var(--sz-color-action-ghost-foreground);background:var(--sz-color-selection);font-weight:var(--sz-font-weight-semibold)}.sz-side-nav svg{width:var(--sz-icon-size-md);height:var(--sz-icon-size-md);flex:none}.sz-side-nav--collapsed{width:var(--sz-space-64)}.sz-side-nav--collapsed span,.sz-side-nav--collapsed .sz-side-nav__heading svg:last-child{display:none}.sz-overlay{z-index:80;background:var(--sz-color-scrim);animation:sz-fade var(--sz-motion-duration-moderate) var(--sz-motion-easing-enter);position:fixed;inset:0}.sz-dialog,.sz-drawer{z-index:90;border:var(--sz-border-width-thin) solid var(--sz-color-border-default);background:var(--sz-color-surface-overlay);color:var(--sz-color-text-primary);box-shadow:var(--sz-elevation-4);font-family:var(--sz-font-family-sans);position:fixed}.sz-dialog{width:min(calc(100% - var(--sz-space-32)), 32rem);max-height:calc(100vh - var(--sz-space-32));border-radius:var(--sz-radius-xl);top:50%;left:50%;transform:translate(-50%,-50%)}.sz-drawer{width:min(100%,26rem);height:100vh;top:0;right:0}.sz-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--sz-space-16);padding:var(--sz-space-20) var(--sz-space-24);border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);display:flex}.sz-dialog__header h2{font-size:var(--sz-font-size-xl);line-height:var(--sz-line-height-xl);margin:0}.sz-dialog__header p{margin:var(--sz-space-4) 0 0;color:var(--sz-color-text-secondary)}.sz-dialog__body{padding:var(--sz-space-24);overflow:auto}.sz-dialog__footer{justify-content:flex-end;gap:var(--sz-space-8);padding:var(--sz-space-16) var(--sz-space-24);border-top:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);display:flex}.sz-popover,.sz-tooltip{z-index:100;border:var(--sz-border-width-thin) solid var(--sz-color-border-default);border-radius:var(--sz-radius-md);box-shadow:var(--sz-elevation-3);font-family:var(--sz-font-family-sans)}.sz-popover{max-width:20rem;padding:var(--sz-space-16);background:var(--sz-color-surface-overlay);color:var(--sz-color-text-primary)}.sz-tooltip{max-width:16rem;padding:var(--sz-space-6) var(--sz-space-8);background:var(--sz-color-text-primary);color:var(--sz-color-text-inverse);font-size:var(--sz-font-size-sm);line-height:var(--sz-line-height-sm)}.sz-popover__arrow{fill:var(--sz-color-surface-overlay)}.sz-tooltip__arrow{fill:var(--sz-color-text-primary)}@keyframes sz-fade{0%{opacity:0}}.sz-card{padding:var(--sz-space-20);border:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);border-radius:var(--sz-radius-lg);background:var(--sz-color-surface-raised);color:var(--sz-color-text-primary);box-shadow:var(--sz-elevation-1);font-family:var(--sz-font-family-sans)}.sz-badge{min-height:var(--sz-icon-size-lg);padding:0 var(--sz-space-8);border:var(--sz-border-width-thin) solid var(--sz-color-border-default);border-radius:var(--sz-radius-full);color:var(--sz-color-text-secondary);background:var(--sz-color-surface-sunken);font:var(--sz-font-weight-semibold) var(--sz-font-size-xs)/var(--sz-line-height-xs) var(--sz-font-family-sans);align-items:center;display:inline-flex}.sz-badge--info{color:var(--sz-color-status-info-foreground);background:var(--sz-color-status-info-background);border-color:var(--sz-color-status-info-border)}.sz-badge--success{color:var(--sz-color-status-success-foreground);background:var(--sz-color-status-success-background);border-color:var(--sz-color-status-success-border)}.sz-badge--warning{color:var(--sz-color-status-warning-foreground);background:var(--sz-color-status-warning-background);border-color:var(--sz-color-status-warning-border)}.sz-badge--danger{color:var(--sz-color-status-danger-foreground);background:var(--sz-color-status-danger-background);border-color:var(--sz-color-status-danger-border)}.sz-badge--premium{color:var(--sz-color-premium-foreground);background:var(--sz-color-premium-background);border-color:var(--sz-color-premium-border)}.sz-table-wrap{border:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);border-radius:var(--sz-radius-lg);overflow-x:auto}.sz-table{border-collapse:collapse;width:100%;color:var(--sz-color-text-primary);background:var(--sz-color-surface-base);font:var(--sz-font-weight-regular) var(--sz-font-size-md)/var(--sz-line-height-md) var(--sz-font-family-sans)}.sz-table th,.sz-table td{padding:var(--sz-space-12) var(--sz-space-16);border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);text-align:left;white-space:nowrap}.sz-table th{color:var(--sz-color-text-secondary);background:var(--sz-color-surface-sunken);font-weight:var(--sz-font-weight-semibold)}.sz-table tbody tr:last-child td{border-bottom:0}.sz-list-item{align-items:center;gap:var(--sz-space-12);min-height:var(--sz-space-64);padding:var(--sz-space-12) var(--sz-space-16);border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);color:var(--sz-color-text-primary);font-family:var(--sz-font-family-sans);display:flex}.sz-list-item__content{gap:var(--sz-space-2);flex:1;display:grid}.sz-list-item__content span{color:var(--sz-color-text-secondary);font-size:var(--sz-font-size-sm)}.sz-key-value{color:var(--sz-color-text-primary);font-family:var(--sz-font-family-sans);margin:0}.sz-key-value div{gap:var(--sz-space-16);padding:var(--sz-space-8) 0;border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);grid-template-columns:minmax(8rem,1fr) 2fr;display:grid}.sz-key-value dt{color:var(--sz-color-text-secondary)}.sz-key-value dd{margin:0}@media (width<=37.5rem){.sz-header{padding-inline:var(--sz-space-16);grid-template-columns:1fr auto}.sz-header nav,.sz-pagination__page:not([aria-current=page]){display:none}.sz-key-value div{gap:var(--sz-space-4);grid-template-columns:1fr}.sz-language-picker{width:4rem}.sz-language-picker__trigger{border-radius:var(--sz-radius-full);min-height:2.75rem}.sz-language-picker__trigger-name{display:none}.sz-language-picker__trigger-code{display:inline}.sz-language-picker__options{top:4.25rem;right:var(--sz-space-12);width:min(11.25rem, calc(100vw - var(--sz-space-24)));position:fixed;left:auto}}@media (prefers-reduced-motion:reduce){:where(.sz-button,.sz-switch__thumb,.sz-progress__indicator,.sz-overlay,.sz-spinner,.sz-skeleton){animation-duration:var(--sz-motion-duration-instant);transition-duration:var(--sz-motion-duration-instant)}}}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--sz-color-surface-base);min-width:20rem}body{min-height:100vh;color:var(--sz-color-text-primary);background:var(--sz-color-surface-base);font-family:var(--sz-font-family-sans);margin:0}button,input{font:inherit}.skip-link{z-index:100;top:var(--sz-space-8);left:var(--sz-space-8);padding:var(--sz-space-8) var(--sz-space-12);border-radius:var(--sz-radius-md);color:var(--sz-color-text-inverse);background:var(--sz-color-text-primary);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.crm-header{z-index:20;min-height:4.5rem;padding:0 var(--sz-space-24);align-items:center;gap:var(--sz-space-24);border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);background:color-mix(in srgb, var(--sz-color-surface-base) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:minmax(12rem,1fr) auto minmax(12rem,1fr);display:grid;position:sticky;top:0}.crm-brand{align-items:center;gap:var(--sz-space-12);display:flex}.crm-brand div{gap:var(--sz-space-2);display:grid}.crm-brand strong{color:var(--sz-color-text-premium);font-size:var(--sz-font-size-lg)}.crm-brand span{color:var(--sz-color-text-muted);font-size:var(--sz-font-size-xs)}.crm-mark{border-radius:var(--sz-radius-lg);width:2.5rem;height:2.5rem;color:var(--sz-color-action-primary-foreground);background:var(--sz-color-action-primary-background);font-weight:var(--sz-font-weight-bold);place-items:center;display:grid;font-size:var(--sz-font-size-lg)!important}.crm-header nav{align-items:stretch;height:100%;display:flex}.crm-header nav a{padding:0 var(--sz-space-16);border-bottom:var(--sz-border-width-strong) solid var(--sz-color-action-primary-background);color:var(--sz-color-text-primary);font-weight:var(--sz-font-weight-semibold);align-items:center;text-decoration:none;display:flex}.crm-header .sz-language-picker{justify-self:end}.fixture-banner{padding:var(--sz-space-6) var(--sz-space-24);color:var(--sz-color-status-warning-foreground);background:var(--sz-color-status-warning-background);border-bottom:var(--sz-border-width-thin) solid var(--sz-color-status-warning-border);text-align:center;font-size:var(--sz-font-size-xs)}main{width:min(100%,100rem);padding:var(--sz-space-32) var(--sz-space-24) var(--sz-space-64);outline:none;margin:0 auto}.crm-heading{justify-content:space-between;align-items:flex-end;gap:var(--sz-space-24);margin-bottom:var(--sz-space-24);display:flex}.crm-heading h1{margin:var(--sz-space-4) 0;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.crm-heading p:not(.eyebrow){color:var(--sz-color-text-secondary);margin:0}.eyebrow{color:var(--sz-color-text-premium);font-size:var(--sz-font-size-xs);font-weight:var(--sz-font-weight-bold);letter-spacing:.09em;text-transform:uppercase;margin:0}.heading-actions{justify-content:flex-end;align-items:center;gap:var(--sz-space-16);flex-wrap:wrap;display:flex}.crm-layout{gap:var(--sz-space-20);grid-template-columns:minmax(21rem,26rem) minmax(0,1fr);align-items:start;display:grid}.customer-list-panel,.profile-panel{border:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);border-radius:var(--sz-radius-xl);background:var(--sz-color-surface-raised);box-shadow:var(--sz-elevation-1);overflow:hidden}.section-title,.profile-hero{padding:var(--sz-space-20);justify-content:space-between;align-items:flex-start;gap:var(--sz-space-16);border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);display:flex}.section-title h2,.profile-hero h2{margin:var(--sz-space-4) 0 0;font-size:var(--sz-font-size-xl)}.profile-hero p:last-child{margin:var(--sz-space-6) 0 0;color:var(--sz-color-text-muted);font-family:var(--sz-font-family-mono);font-size:var(--sz-font-size-xs);overflow-wrap:anywhere}.customer-search{padding:var(--sz-space-16);align-items:end;gap:var(--sz-space-8);border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid}.customer-search .sz-field{gap:var(--sz-space-4)}.customer-row{width:100%;min-height:5rem;padding:var(--sz-space-12) var(--sz-space-16);align-items:center;gap:var(--sz-space-12);border:0;border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);color:var(--sz-color-text-primary);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.customer-row:hover{background:var(--sz-color-action-ghost-background-hover)}.customer-row[aria-current=true]{box-shadow:inset var(--sz-border-width-strong) 0 var(--sz-color-action-primary-background);background:var(--sz-color-selection)}.customer-row:focus-visible{outline:var(--sz-border-width-strong) solid var(--sz-color-border-focus);outline-offset:calc(var(--sz-border-width-strong) * -1);position:relative}.customer-row-main{gap:var(--sz-space-4);min-width:0;display:grid}.customer-row-main strong{font-family:var(--sz-font-family-mono);text-overflow:ellipsis;overflow:hidden}.customer-row-main small{color:var(--sz-color-text-secondary)}.avatar{border-radius:var(--sz-radius-full);width:2.5rem;height:2.5rem;color:var(--sz-color-status-info-foreground);background:var(--sz-color-status-info-background);font-weight:var(--sz-font-weight-bold);place-items:center;display:grid}.loading-rows{gap:var(--sz-space-8);padding:var(--sz-space-16);display:grid}.profile-stats{padding:var(--sz-space-20);gap:var(--sz-space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-stats .sz-card{gap:var(--sz-space-8);display:grid}.profile-stats span{color:var(--sz-color-text-secondary);font-size:var(--sz-font-size-sm)}.profile-stats strong{font-size:var(--sz-font-size-lg)}.profile-section{padding:0 var(--sz-space-20) var(--sz-space-24)}.profile-section h3{margin:var(--sz-space-16) 0}.attribute-grid{gap:var(--sz-space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.attribute-card{min-width:0;box-shadow:none}.attribute-title{justify-content:space-between;align-items:center;gap:var(--sz-space-8);display:flex}.attribute-value{margin:var(--sz-space-20) 0;overflow-wrap:anywhere;color:var(--sz-color-text-primary);font-size:var(--sz-font-size-xl);font-weight:var(--sz-font-weight-semibold)}.attribute-card dl{gap:var(--sz-space-6);margin:0;display:grid}.attribute-card dl div{justify-content:space-between;gap:var(--sz-space-8);font-size:var(--sz-font-size-xs);display:flex}.attribute-card dt{color:var(--sz-color-text-muted)}.attribute-card dd{text-align:right;margin:0}.timeline{margin:0;padding:0;list-style:none}.timeline li{min-height:4.5rem;padding:var(--sz-space-12) 0 var(--sz-space-12) var(--sz-space-32);gap:var(--sz-space-16);border-bottom:var(--sz-border-width-thin) solid var(--sz-color-border-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.timeline li:before{width:var(--sz-border-width-thin);content:"";background:var(--sz-color-border-default);position:absolute;top:2rem;bottom:-2rem;left:.45rem}.timeline li:last-child:before{display:none}.timeline-dot{border:var(--sz-border-width-strong) solid var(--sz-color-action-primary-background);border-radius:var(--sz-radius-full);background:var(--sz-color-surface-raised);width:1rem;height:1rem;position:absolute;top:1.4rem;left:0}.timeline p{margin:var(--sz-space-4) 0 0;color:var(--sz-color-text-secondary);font-size:var(--sz-font-size-xs);overflow-wrap:anywhere}.timeline time{color:var(--sz-color-text-muted);font-size:var(--sz-font-size-xs);white-space:nowrap}.crm-app>main>.sz-alert{margin:var(--sz-space-48) auto}@media (width<=64rem){.crm-layout{grid-template-columns:1fr}.customer-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.customer-row{border-right:var(--sz-border-width-thin) solid var(--sz-color-border-subtle)}}@media (width<=48rem){.crm-header{padding-inline:var(--sz-space-16);grid-template-columns:1fr auto}.crm-header nav{display:none}main{padding:var(--sz-space-24) var(--sz-space-16) var(--sz-space-48)}.crm-heading{flex-direction:column;align-items:flex-start}.heading-actions{justify-content:flex-start;align-items:flex-start}.customer-list,.profile-stats,.attribute-grid{grid-template-columns:1fr}}@media (width<=30rem){.crm-brand div span{display:none}.customer-search{grid-template-columns:1fr}.customer-search .sz-button{width:100%}.timeline li{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}