:root{--font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-2xs: 10px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--line-solid: 1;--line-tight: 1.2;--line-snug: 1.35;--line-normal: 1.5;--line-relaxed: 1.65;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-slight: .01em;--tracking-wide: .02em;--tracking-wider: .08em;--tracking-widest: .12em;--space-0-25: 1px;--space-0-5: 2px;--space-0: 0;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-4-5: 18px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 56px;--space-12: 64px;--space-16: 80px;--space-20: 96px;--space-24: 112px;--space-32: 128px;--space-40: 160px;--bp-sm: 640px;--bp-md: 900px;--bp-lg: 980px;--bp-xl: 1200px;--size-dot-sm: 6px;--size-color-chip: 42px;--radius-color-chip: 14px;--radius-xxs: 4px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--border-1: 1px;--border-2: 2px;--ring-1: 3px;--ring-2: 4px;--duration-fast: .12s;--duration-med: .18s;--duration-slow: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--blur-sm: 6px;--shadow-1: 0 1px 2px rgba(17, 24, 39, .06);--shadow-2: 0 8px 24px rgba(17, 24, 39, .08);--shadow-3: 0 16px 48px rgba(17, 24, 39, .1);--shadow-inset-1: inset 0 1px 0 rgba(17, 24, 39, .06);--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--z-base: 0;--z-flyout: 10;--z-modal: 20;--z-toast: 30;--gray-0: #ffffff;--gray-25: #f9fafb;--gray-50: #f6f7f9;--gray-100: #eef2f6;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1f2937;--gray-900: #0f172a;--accent-50: #fcf3e6;--accent-100: #f9e7cc;--accent-200: #f4d4a6;--accent-300: #efc280;--accent-400: #e9aa4c;--accent-500: #e49726;--accent-600: #df8500;--accent-700: #c47500;--accent-800: #a96500;--accent-900: #8f5500;--secondary-50: #eef6ff;--secondary-100: #d7e9ff;--secondary-200: #b7d7ff;--secondary-300: #8fbfff;--secondary-400: #62a0ff;--secondary-500: #3f86ff;--secondary-600: #2c6be0;--secondary-700: #2457b8;--secondary-800: #1f4a96;--secondary-900: #1c3f7a;--rail-50: #e6eff4;--rail-100: #ccdfe9;--rail-200: #99bfd3;--rail-300: #669fbd;--rail-400: #337fa7;--rail-500: #00608b;--rail-600: #004972;--rail-700: #003e62;--rail-800: #003452;--rail-900: #002941;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d}:root,:root[data-theme=light]{--bg: var(--gray-50);--surface: var(--gray-0);--surface-muted: var(--gray-25);--surface-elevated: var(--gray-0);--surface-overlay: var(--surface);--surface-border: var(--border);--text: #010306;--text-muted: #070b14;--text-subtle: #0b1220;--border: var(--gray-200);--border-soft: var(--gray-100);--divider: var(--border-soft);--divider-strong: var(--border);--border-strong: var(--gray-400);--elev-1: var(--shadow-1);--elev-2: var(--shadow-2);--focus-ring-color: var(--accent-200);--focus-ring: 0 0 0 var(--ring-1) var(--focus-ring-color);--focus-ring-offset: var(--space-0-5);--focus-ring-offset-bg: var(--surface);--focus-shadow: 0 0 0 var(--focus-ring-offset) var(--focus-ring-offset-bg), var(--focus-ring);--radius-control: var(--radius-xxs);--radius-card: var(--radius-sm);--radius-panel: var(--radius-sm);--accent: var(--accent-600);--accent-hover: var(--accent-700);--accent-active: var(--accent-800);--accent-fg: #ffffff;--accent-soft: var(--accent-100);--accent-soft-2: var(--accent-50);--secondary: var(--secondary-600);--secondary-hover: var(--secondary-700);--secondary-active: var(--secondary-800);--secondary-fg: #ffffff;--secondary-soft: var(--secondary-100);--secondary-soft-2: var(--secondary-50);--admin-accent: #f59e0b;--admin-accent-100: #fef3c7;--admin-accent-200: #fde68a;--admin-accent-hover: #fbbf24;--admin-accent-active: #f59e0b;--danger: var(--red-600);--danger-hover: var(--red-700);--danger-fg: var(--gray-0);--control-bg: var(--surface);--control-border: var(--border-strong);--control-border-hover: var(--border-strong);--control-fg: var(--text);--control-hover-bg: var(--list-hover-bg);--control-active-bg: var(--control-bg);--control-focus-border: var(--accent);--control-disabled-opacity: .55;--control-disabled-bg: var(--surface-muted);--control-disabled-fg: var(--text-muted);--control-shadow: var(--shadow-inset-1);--control-placeholder: var(--text-subtle);--control-invalid-border: var(--danger);--control-height-sm: 32px;--control-height-md: 36px;--control-height-lg: 40px;--control-padding-inline-sm: 12px;--control-padding-block-sm: 6px;--control-padding-inline-md: 14px;--control-padding-block-md: 8px;--control-padding-inline-lg: 16px;--control-padding-block-lg: 10px;--control-h-sm: var(--control-height-sm);--control-h-md: var(--control-height-md);--control-h-lg: var(--control-height-lg);--control-px-sm: var(--control-padding-inline-sm);--control-py-sm: var(--control-padding-block-sm);--control-px-md: var(--control-padding-inline-md);--control-py-md: var(--control-padding-block-md);--control-px-lg: var(--control-padding-inline-lg);--control-py-lg: var(--control-padding-block-lg);--control-textarea-min: 120px;--control-icon-size: var(--icon-sm);--control-icon-offset-1: var(--space-4);--control-icon-offset-2: var(--space-3-5);--control-icon-offset-y: var(--space-0-5);--control-checkbox-size: var(--space-4-5);--control-checkmark-width: var(--space-2-5);--control-checkmark-height: var(--space-1-5);--control-check-width: var(--control-checkmark-width);--control-check-height: var(--control-checkmark-height);--control-radio-size: var(--control-checkbox-size);--control-radio-dot: var(--space-2);--ui-button-primary-bg: var(--accent);--ui-button-primary-fg: var(--accent-fg);--ui-button-primary-border: transparent;--ui-button-primary-hover-bg: var(--accent-hover);--ui-button-primary-active-bg: var(--accent-active);--ui-button-primary-shadow: var(--elev-2);--ui-button-primary-hover-shadow: var(--elev-2);--ui-button-primary-active-shadow: var(--elev-1);--ui-button-secondary-bg: var(--secondary);--ui-button-secondary-fg: var(--secondary-fg);--ui-button-secondary-border: transparent;--ui-button-secondary-hover-bg: var(--secondary-hover);--ui-button-secondary-active-bg: var(--secondary-active);--ui-button-secondary-shadow: var(--elev-2);--ui-button-secondary-hover-shadow: var(--elev-2);--ui-button-secondary-active-shadow: var(--elev-1);--ui-button-danger-bg: var(--danger);--ui-button-danger-fg: var(--danger-fg);--ui-button-danger-border: transparent;--ui-button-danger-hover-bg: var(--danger-hover);--ui-button-danger-active-bg: var(--danger-hover);--ui-button-danger-shadow: var(--elev-2);--ui-button-danger-hover-shadow: var(--elev-2);--ui-button-danger-active-shadow: var(--elev-1);--ui-button-ghost-bg: transparent;--ui-button-ghost-fg: var(--text);--ui-button-ghost-border: transparent;--ui-button-ghost-hover-bg: var(--control-hover-bg);--ui-button-ghost-active-bg: var(--control-active-bg);--ui-button-ghost-shadow: none;--ui-button-ghost-hover-shadow: none;--ui-button-ghost-active-shadow: none;--ui-button-danger-ghost-bg: transparent;--ui-button-danger-ghost-fg: var(--danger);--ui-button-danger-ghost-border: transparent;--ui-button-danger-ghost-hover-bg: color-mix( in srgb, var(--danger) 12%, transparent );--ui-button-danger-ghost-active-bg: color-mix( in srgb, var(--danger) 20%, transparent );--ui-button-danger-ghost-shadow: none;--ui-button-danger-ghost-hover-shadow: none;--ui-button-danger-ghost-active-shadow: none;--ui-button-rail-bg: var(--rail-600);--ui-button-rail-fg: var(--gray-0);--ui-button-rail-border: var(--rail-500);--ui-button-rail-hover-bg: var(--rail-700);--ui-button-rail-active-bg: var(--rail-800);--ui-button-rail-shadow: var(--elev-1);--ui-button-rail-hover-shadow: var(--elev-2);--ui-button-rail-active-shadow: var(--elev-1);--ui-button-size-sm-height: var(--control-height-sm);--ui-button-size-sm-padding-inline: var(--control-padding-inline-sm);--ui-button-size-sm-padding-block: var(--control-padding-block-sm);--ui-button-size-sm-font: var(--text-xs);--ui-button-size-md-height: var(--control-height-md);--ui-button-size-md-padding-inline: var(--control-padding-inline-md);--ui-button-size-md-padding-block: var(--control-padding-block-md);--ui-button-size-md-font: var(--text-sm);--ui-button-size-lg-height: var(--control-height-lg);--ui-button-size-lg-padding-inline: var(--control-padding-inline-lg);--ui-button-size-lg-padding-block: var(--control-padding-block-lg);--ui-button-size-lg-font: var(--text-base);--ui-checkbox-bg: var(--control-bg);--ui-checkbox-border: var(--control-border);--ui-checkbox-hover-bg: var(--control-hover-bg);--ui-checkbox-hover-border: var(--control-border-hover);--ui-checkbox-shadow: var(--control-shadow);--ui-checkbox-focus-shadow: var(--focus-shadow);--ui-checkbox-active-shadow: var(--elev-1);--ui-checkbox-checked-bg: var(--accent);--ui-checkbox-checked-fg: var(--accent-fg);--ui-checkbox-checked-shadow: var(--elev-2);--ui-checkbox-radius: var(--radius-control);--ui-checkbox-label-color: var(--text);--ui-checkbox-disabled-fg: var(--text-muted);--ui-checkbox-disabled-opacity: var(--control-disabled-opacity);--ui-checkbox-gap: var(--space-2-5);--ui-checkbox-rail-bg: var(--rail-600);--ui-checkbox-rail-border: var(--rail-500);--ui-checkbox-rail-hover-bg: var(--rail-600);--ui-checkbox-rail-hover-border: var(--rail-400);--ui-checkbox-rail-shadow: var(--elev-1);--ui-checkbox-rail-focus-shadow: var(--focus-shadow);--ui-checkbox-rail-active-shadow: var(--elev-1);--ui-checkbox-rail-checked-bg: var(--rail-800);--ui-checkbox-rail-checked-fg: var(--gray-0);--ui-checkbox-rail-checked-shadow: var(--elev-1);--ui-checkbox-rail-label-color: var(--text);--ui-checkbox-rail-disabled-fg: var(--text);--ui-checkbox-rail-disabled-opacity: var(--control-disabled-opacity);--ui-checkbox-size-sm-indicator: var(--space-4);--ui-checkbox-size-md-indicator: var(--control-checkbox-size);--ui-checkbox-size-lg-indicator: var(--space-5);--ui-checkbox-size-xs-height: 28px;--ui-checkbox-size-xs-indicator: var(--space-3-5);--ui-checkbox-size-xs-font: var(--text-2xs);--ui-checkbox-size-xs-gap: var(--space-1-5);--ui-checkbox-size-xs-checkmark-width: var(--space-1-5);--ui-checkbox-size-xs-checkmark-height: var(--space-1);--ui-checkbox-size-sm-font: var(--text-xs);--ui-checkbox-size-md-font: var(--text-sm);--ui-checkbox-size-lg-font: var(--text-base);--ui-checkbox-size-sm-gap: var(--space-2);--ui-checkbox-size-md-gap: var(--ui-checkbox-gap);--ui-checkbox-size-lg-gap: var(--space-3);--ui-checkbox-size-sm-checkmark-width: var(--space-2);--ui-checkbox-size-sm-checkmark-height: var(--space-1);--ui-checkbox-size-md-checkmark-width: var(--control-checkmark-width);--ui-checkbox-size-md-checkmark-height: var(--control-checkmark-height);--ui-checkbox-size-lg-checkmark-width: var(--space-3);--ui-checkbox-size-lg-checkmark-height: var(--space-2);--ui-swatch-default-bg: var(--swatch-default);--ui-swatch-muted-bg: var(--swatch-muted);--ui-swatch-ring: var(--swatch-ring);--ui-swatch-ring-width: var(--swatch-ring-width);--ui-swatch-radius: var(--radius-full);--ui-swatch-shadow: 0 0 0 var(--ui-swatch-ring-width) var(--ui-swatch-ring);--ui-swatch-size-xs: var(--swatch-size-xs);--ui-swatch-size-sm: var(--swatch-size-sm);--ui-swatch-size-md: var(--swatch-size);--ui-swatch-disabled-opacity: .6;--admin-table-bg: var(--surface);--admin-table-border: var(--border);--admin-table-radius: var(--radius-card);--admin-table-header-bg: var(--surface-muted);--admin-table-header-text: var(--text-muted);--admin-table-header-hover-bg: var(--surface-hover);--admin-table-header-hover-text: var(--text);--admin-table-divider: var(--divider);--admin-table-row-hover-bg: var(--surface-muted);--admin-table-row-selected-bg: color-mix( in srgb, var(--accent-100) 45%, transparent );--admin-table-row-drag-bg: var(--surface-muted);--admin-table-cell-padding-block: var(--space-2-5);--admin-table-cell-padding-inline: var(--space-3);--admin-table-head-cell-padding-block: var(--admin-table-cell-padding-block);--admin-table-head-cell-padding-inline: var( --admin-table-cell-padding-inline );--admin-table-empty-text: var(--text-muted);--admin-table-empty-padding: var(--space-8);--admin-table-drop-border: var(--control-focus-border);--admin-table-drop-bg: var(--surface-muted);--admin-table-sort-indicator: var(--accent);--panel-padding: var(--space-5);--panel-gap: var(--space-4);--empty-bg: var(--surface-muted);--empty-border: var(--surface-border);--topbar-bg: #547792;--topbar-text: var(--gray-0);--topbar-text-weight: 600;--topbar-link: color-mix(in srgb, var(--topbar-text) 92%, var(--text) 8%);--topbar-border: color-mix(in srgb, #547792 72%, var(--surface-border));--topbar-shadow: var(--elev-1);--topbar-radius: var(--radius-xs);--topbar-padding-x: var(--space-5);--topbar-padding-y: var(--space-4);--topbar-gap: var(--space-5);--topbar-blur: var(--blur-sm);--modal-scrim: color-mix(in srgb, var(--text) 12%, transparent);--modal-bg: var(--surface);--modal-border: var(--surface-border);--modal-radius: var(--radius-panel);--modal-shadow: var(--elev-2);--modal-padding: var(--space-6);--modal-gutter: var(--space-6);--modal-max-width: var(--layout-admin-max);--modal-height: calc(100vh - var(--space-7));--modal-max-height: var(--modal-height);--modal-z: var(--z-modal);--drawer-scrim: color-mix(in srgb, var(--text) 40%, transparent);--editor-bg: var(--gray-100);--editor-border: var(--border-strong);--swatch-default: var(--accent);--swatch-muted: var(--border);--swatch-ring: var(--surface);--swatch-size: var(--space-3-5);--swatch-size-sm: var(--space-3);--swatch-size-xs: var(--space-2-5);--swatch-ring-width: var(--border-2);--swatch-hover-shadow: var(--shadow-2);--grid-line: var(--border-soft);--table-min-width: auto;--table-bg: var(--surface);--table-border: var(--border);--table-radius: var(--radius-card);--table-header-bg: var(--surface-muted);--table-header-text: var(--text-muted);--table-row-hover-bg: var(--surface-muted);--table-zebra-bg: var(--surface-muted);--table-text: var(--text);--table-cell-padding-x: var(--space-3);--table-cell-padding-y: var(--space-3);--table-col-activity: 320px;--table-col-role-min: 120px;--table-col-actions: 160px;--list-hover-bg: var(--surface-muted);--layout-admin-sidebar: 280px;--layout-admin-sidebar-wide: 300px;--layout-admin-sidebar-xwide: 320px;--layout-admin-aside: 260px;--layout-admin-editor-min: 320px;--layout-admin-editor-max: 640px;--layout-admin-max: 1040px;--layout-admin-min-height: 420px;--layout-admin-intro-max: 520px;--layout-admin-field-min: 180px;--layout-schedule-intro-max: 560px;--layout-schedule-sidebar-min: 240px;--layout-schedule-sidebar-max: 300px;--layout-schedule-pool-min: 220px;--layout-schedule-pool-ideal: 42vh;--layout-schedule-pool-max: 420px;--layout-schedule-time-col: 88px;--layout-schedule-grid-max: 640px;--layout-schedule-slot-min: 40px;--layout-schedule-handle-size: 14px;--layout-table-min: 760px;--landing-font: var(--font-body);--landing-bg: var(--gray-0);--landing-text: var(--gray-900);--landing-text-muted: var(--gray-600);--landing-text-subtle: var(--gray-500);--landing-surface: var(--gray-0);--landing-surface-muted: var(--gray-25);--landing-border: var(--gray-200);--landing-border-strong: var(--gray-300);--landing-border-width: 1px;--landing-size-full: 100%;--landing-accent: #f59e0b;--landing-accent-weak: rgba(245, 158, 11, .35);--landing-accent-weak-2: rgba(245, 158, 11, .4);--landing-accent-shadow: rgba(245, 158, 11, .25);--landing-page-min-height: 100vh;--landing-content-max: 1120px;--landing-content-padding: 60px 26px 0;--landing-content-padding-md: 40px 20px 0;--landing-content-gap: 32px;--landing-section-anchor-offset: 120px;--landing-section-title-size: clamp(22px, 2.8vw, 34px);--landing-section-title-weight: 800;--landing-section-title-tracking: -.02em;--landing-section-lede-margin: 10px 0 0;--landing-section-lede-color: var(--gray-600);--landing-section-lede-size: 16px;--landing-section-lede-line: 1.6;--landing-section-lede-max: 620px;--landing-card-grid-columns: repeat(auto-fit, minmax(220px, 1fr));--landing-card-grid-gap: 18px;--landing-demo-grid-columns: minmax(260px, 1fr) minmax(300px, .9fr);--landing-demo-grid-gap: 24px;--landing-demo-list-margin: 16px 0 0;--landing-demo-list-gap: 8px;--landing-demo-list-size: 14px;--landing-demo-list-color: var(--gray-600);--landing-demo-list-bullet-color: var(--landing-accent);--landing-demo-list-bullet-gap: 8px;--landing-hero-image: url(/assets/landing-hero-BuTD9A8A.jpg);--landing-hero-text: #ffffff;--landing-hero-height: 72vh;--landing-hero-height-mobile: 70vh;--landing-hero-media-scale: 1.02;--landing-hero-shadow: 0 18px 60px rgba(15, 23, 42, .18);--landing-hero-overlay: linear-gradient( 90deg, rgba(0, 48, 66, .9) 0%, rgba(0, 48, 66, .65) 45%, rgba(0, 48, 66, .35) 75%, rgba(0, 48, 66, .18) 100% ), radial-gradient( 900px 500px at 20% 20%, rgba(0, 140, 180, .25), transparent 60% );--landing-hero-inner-max: 1120px;--landing-hero-inner-padding: 0 26px;--landing-hero-inner-padding-md: 0 20px;--landing-hero-copy-max: 640px;--landing-hero-copy-offset: clamp(16px, 12vw, 160px);--landing-hero-kicker-padding: 6px 10px;--landing-hero-kicker-radius: 0;--landing-hero-kicker-bg: rgba(255, 255, 255, .12);--landing-hero-kicker-border: 1px solid rgba(255, 255, 255, .18);--landing-hero-kicker-size: 12px;--landing-hero-kicker-weight: 600;--landing-hero-kicker-tracking: .12em;--landing-hero-kicker-margin: 0 0 14px 0;--landing-hero-kicker-blur: 4px;--landing-hero-title-size: clamp(32px, 4vw, 52px);--landing-hero-title-weight: 900;--landing-hero-title-line: 1.1;--landing-hero-title-tracking: -.02em;--landing-hero-title-color: #f8fafc;--landing-hero-title-margin: 0 0 16px 0;--landing-hero-subtitle-size: 18px;--landing-hero-subtitle-color: rgba(248, 250, 252, .85);--landing-hero-subtitle-line: 1.6;--landing-hero-subtitle-margin: 0 0 32px 0;--landing-hero-subtitle-weight: 400;--landing-cta-gap: 14px;--landing-topbar-padding: 18px 26px;--landing-topbar-padding-md: 16px 20px;--landing-topbar-text: #fff;--landing-topbar-brand-gap: 8px;--landing-topbar-brand-size: 16px;--landing-topbar-brand-weight: 700;--landing-topbar-brand-tracking: -.02em;--landing-topbar-brand-text-size: 24px;--landing-topbar-brand-text-weight: 700;--landing-topbar-brand-text-tracking: -.01em;--landing-topbar-brand-text-opacity: .95;--landing-topbar-actions-gap: 14px;--landing-topbar-link-color: rgba(255, 255, 255, .85);--landing-topbar-link-weight: 600;--landing-topbar-link-size: 14px;--landing-topbar-link-padding: 8px 6px;--landing-topbar-link-hover-color: #fff;--landing-btn-radius: 0;--landing-btn-width: auto;--landing-btn-padding: 14px 24px;--landing-btn-font-size: 15px;--landing-btn-weight: 700;--landing-btn-shadow: 0 18px 32px var(--landing-accent-shadow);--landing-btn-bg: var(--landing-accent);--landing-btn-fg: var(--gray-0);--landing-btn-border: transparent;--landing-btn-transition: all .2s ease;--landing-btn-hover-filter: brightness(1.05);--landing-btn-hover-translate: -1px;--landing-btn-disabled-opacity: .6;--landing-btn-full-width: 100%;--landing-btn-ghost-bg: transparent;--landing-btn-ghost-fg: var(--gray-0);--landing-btn-ghost-border: rgba(255, 255, 255, .35);--landing-btn-ghost-hover-bg: rgba(255, 255, 255, .08);--landing-btn-ghost-hover-border: var(--gray-0);--landing-btn-ghost-dark-fg: var(--gray-900);--landing-btn-ghost-dark-border: var(--gray-200);--landing-btn-ghost-dark-hover-bg: var(--gray-25);--landing-btn-ghost-dark-hover-border: var(--gray-300);--landing-btn-login-padding: 12px 18px;--landing-btn-login-shadow: 0 12px 24px var(--landing-accent-shadow);--landing-card-bg: var(--gray-0);--landing-card-border: var(--gray-200);--landing-card-padding: 20px;--landing-card-gap: 8px;--landing-card-shadow: 0 12px 24px rgba(15, 23, 42, .06);--landing-card-title-size: 18px;--landing-card-title-margin: 0;--landing-card-body-size: 14px;--landing-card-body-color: var(--gray-600);--landing-card-body-line: 1.6;--landing-card-body-margin: 0;--landing-preview-bg: #f8fafc;--landing-preview-border: var(--gray-200);--landing-preview-padding: 24px;--landing-preview-gap: 14px;--landing-preview-row-gap: 16px;--landing-preview-time-width: 70px;--landing-preview-time-size: 12px;--landing-preview-time-color: var(--gray-500);--landing-preview-time-weight: 600;--landing-preview-block-bg: var(--gray-0);--landing-preview-block-border: var(--gray-200);--landing-preview-block-padding: 10px 14px;--landing-preview-block-font-size: 14px;--landing-preview-block-gap: 10px;--landing-preview-strong-weight: 600;--landing-demo-panel-bg: var(--gray-0);--landing-demo-panel-border: var(--gray-200);--landing-demo-panel-padding: 24px;--landing-demo-panel-shadow: 0 12px 24px rgba(15, 23, 42, .06);--landing-demo-panel-gap: 16px;--landing-demo-form-gap: 14px;--landing-demo-field-gap: 6px;--landing-demo-field-size: 14px;--landing-demo-field-color: var(--gray-900);--landing-demo-input-border: var(--gray-300);--landing-demo-input-padding: 10px 12px;--landing-demo-input-size: 14px;--landing-demo-input-bg: var(--gray-0);--landing-demo-input-focus-ring: 2px solid var(--landing-accent-weak-2);--landing-demo-input-focus-border: var(--landing-accent);--landing-demo-note-color: var(--gray-500);--landing-demo-note-size: 12px;--landing-demo-note-line: 1.5;--landing-demo-success-gap: 8px;--landing-demo-success-color: var(--gray-900);--landing-demo-success-title-size: 16px;--landing-login-hero-min-height: 100vh;--landing-login-hero-min-height-md: 48vh;--landing-login-hero-padding: 28px 32px;--landing-login-hero-padding-md: 24px 20px;--landing-login-hero-gap: 32px;--landing-login-hero-text: #ffffff;--landing-login-hero-overlay: linear-gradient( 120deg, rgba(0, 48, 66, .9) 0%, rgba(0, 48, 66, .6) 50%, rgba(0, 48, 66, .35) 100% ), radial-gradient( 900px 500px at 20% 20%, rgba(0, 140, 180, .25), transparent 60% );--landing-login-brand-size: 24px;--landing-login-brand-weight: 700;--landing-login-brand-tracking: -.01em;--landing-login-copy-max: 420px;--landing-login-copy-gap: 14px;--landing-login-hero-title-size: clamp(28px, 3.5vw, 44px);--landing-login-hero-title-line: 1.1;--landing-login-hero-title-tracking: -.02em;--landing-login-hero-title-margin: 0;--landing-login-subtitle-size: 16px;--landing-login-subtitle-line: 1.6;--landing-login-subtitle-color: rgba(248, 250, 252, .85);--landing-login-subtitle-margin: 0;--landing-login-meta-size: 13px;--landing-login-meta-color: rgba(248, 250, 252, .7);--landing-login-layout-columns: minmax(280px, 1.1fr) minmax(320px, .9fr);--landing-login-panel-padding: 48px 40px;--landing-login-panel-padding-md: 32px 20px 48px;--landing-login-form-max: 380px;--landing-login-form-gap: 16px;--landing-login-form-title-size: 24px;--landing-login-form-title-weight: 700;--landing-login-form-title-tracking: -.02em;--landing-login-form-title-margin: 0;--landing-login-lede-color: var(--gray-500);--landing-login-lede-size: 14px;--landing-login-lede-line: 1.6;--landing-login-lede-margin: 0;--landing-login-form-row-gap: 12px;--landing-login-label-gap: 6px;--landing-login-label-size: 14px;--landing-login-label-color: var(--gray-900);--landing-login-input-border: var(--gray-300);--landing-login-input-padding: 10px 12px;--landing-login-input-size: 14px;--landing-login-input-bg: var(--gray-0);--landing-login-input-color: var(--gray-900);--landing-login-input-caret-color: var(--gray-900);--landing-login-input-placeholder-color: var(--gray-500);--landing-login-input-focus-ring: 2px solid var(--landing-accent-weak);--landing-login-input-focus-border: var(--landing-accent);--landing-login-row-gap: 12px;--landing-login-row-size: 13px;--landing-login-row-color: var(--gray-600);--landing-login-remember-gap: 8px;--landing-login-link-color: var(--gray-900);--landing-login-link-weight: 600;--landing-login-back-color: var(--gray-500);--landing-login-back-size: 13px;--landing-login-back-weight: 600;--landing-footer-margin-top: 80px;--landing-footer-bg: #0b2230;--landing-footer-text: #f8fafc;--landing-footer-padding: 48px 26px 92px;--landing-footer-padding-md: 36px 20px 76px;--landing-footer-max: 1120px;--landing-footer-gap: 28px;--landing-footer-title-size: clamp(20px, 2.4vw, 28px);--landing-footer-title-weight: 800;--landing-footer-title-tracking: -.02em;--landing-footer-left-gap: 16px;--landing-footer-meta-gap: 10px;--landing-footer-meta-color: rgba(248, 250, 252, .78);--landing-footer-meta-size: 14px;--landing-footer-meta-line: 1.7;--landing-footer-link-color: #f8fafc;--landing-footer-link-weight: 600}:root[data-theme=dark]{--bg: var(--gray-900);--surface: var(--gray-800);--surface-muted: var(--gray-700);--surface-elevated: var(--gray-800);--surface-overlay: var(--surface);--surface-border: var(--border);--text: var(--gray-0);--text-muted: var(--gray-300);--text-subtle: var(--gray-400);--border: var(--gray-700);--border-soft: var(--gray-800);--divider: var(--border);--divider-strong: var(--gray-600);--border-strong: var(--gray-400);--elev-1: var(--shadow-1);--elev-2: var(--shadow-2);--focus-ring-color: var(--accent-300);--accent: var(--accent-500);--accent-hover: var(--accent-400);--accent-active: var(--accent-600);--accent-fg: #ffffff;--accent-soft: var(--accent-700);--accent-soft-2: var(--accent-800);--admin-accent: #f59e0b;--admin-accent-100: #fef3c7;--admin-accent-200: #fde68a;--admin-accent-hover: #fbbf24;--admin-accent-active: #f59e0b;--danger: var(--red-500);--danger-hover: var(--red-400);--danger-fg: var(--gray-0);--control-bg: var(--surface);--control-border: var(--border-strong);--control-border-hover: var(--border-strong);--control-fg: var(--text);--control-hover-bg: var(--list-hover-bg);--control-active-bg: var(--control-bg);--control-focus-border: var(--accent);--control-disabled-bg: var(--surface-muted);--control-disabled-fg: var(--text-muted);--control-placeholder: var(--text-subtle);--control-invalid-border: var(--danger);--panel-padding: var(--space-5);--panel-gap: var(--space-4);--empty-bg: var(--surface-muted);--empty-border: var(--surface-border);--topbar-bg: #547792;--topbar-text: var(--gray-0);--topbar-text-weight: 600;--topbar-link: color-mix(in srgb, var(--topbar-text) 92%, var(--text) 8%);--topbar-border: color-mix(in srgb, #547792 72%, var(--surface-border));--topbar-shadow: var(--elev-1);--topbar-radius: var(--radius-md);--topbar-padding-x: var(--space-5);--topbar-padding-y: var(--space-4);--topbar-gap: var(--space-5);--topbar-blur: var(--blur-sm);--modal-scrim: color-mix(in srgb, var(--text) 24%, transparent);--modal-bg: var(--surface);--modal-border: var(--surface-border);--modal-radius: var(--radius-panel);--modal-shadow: var(--elev-2);--modal-padding: var(--space-6);--modal-gutter: var(--space-6);--modal-max-width: var(--layout-admin-max);--modal-height: calc(100vh - var(--space-7));--modal-max-height: var(--modal-height);--modal-z: var(--z-modal);--drawer-scrim: color-mix(in srgb, var(--text) 52%, transparent);--editor-bg: color-mix(in srgb, var(--surface) 80%, var(--bg) 20%);--editor-border: var(--border-strong);--list-hover-bg: color-mix(in srgb, var(--surface) 88%, var(--bg) 12%)}:root,:root[data-density=comfortable]{--control-height-sm: 32px;--control-height-md: 36px;--control-height-lg: 40px;--control-padding-inline-sm: 12px;--control-padding-block-sm: 6px;--control-padding-inline-md: 14px;--control-padding-block-md: 8px;--control-padding-inline-lg: 16px;--control-padding-block-lg: 10px;--control-h-sm: var(--control-height-sm);--control-h-md: var(--control-height-md);--control-h-lg: var(--control-height-lg);--control-px-sm: var(--control-padding-inline-sm);--control-py-sm: var(--control-padding-block-sm);--control-px-md: var(--control-padding-inline-md);--control-py-md: var(--control-padding-block-md);--control-px-lg: var(--control-padding-inline-lg);--control-py-lg: var(--control-padding-block-lg)}:root[data-density=compact]{--control-height-sm: 28px;--control-height-md: 32px;--control-height-lg: 36px;--control-padding-inline-sm: 10px;--control-padding-block-sm: 4px;--control-padding-inline-md: 12px;--control-padding-block-md: 6px;--control-padding-inline-lg: 14px;--control-padding-block-lg: 8px;--control-h-sm: var(--control-height-sm);--control-h-md: var(--control-height-md);--control-h-lg: var(--control-height-lg);--control-px-sm: var(--control-padding-inline-sm);--control-py-sm: var(--control-padding-block-sm);--control-px-md: var(--control-padding-inline-md);--control-py-md: var(--control-padding-block-md);--control-px-lg: var(--control-padding-inline-lg);--control-py-lg: var(--control-padding-block-lg)}@supports (color: color-mix(in srgb,black,white)){:root,:root[data-theme=light],:root[data-theme=dark]{--surface-overlay: color-mix(in srgb, var(--surface) 75%, transparent);--focus-ring-color: color-mix(in srgb, var(--accent) 22%, transparent);--accent-soft: color-mix(in srgb, var(--accent) 16%, var(--surface));--accent-soft-2: color-mix(in srgb, var(--accent) 10%, var(--surface));--table-zebra-bg: color-mix(in srgb, var(--surface) 92%, var(--border));--control-invalid-border: color-mix( in srgb, var(--danger) 80%, var(--border) )}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{color-scheme:light dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:var(--line-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{height:100vh;overflow:hidden}button,input,select,textarea{font-family:inherit}:focus-visible{outline:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute;width:var(--space-0-25);height:var(--space-0-25);padding:0;margin:calc(var(--space-0-25) * -1);overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}::selection{background:var(--accent);color:var(--accent-fg)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
