.one-theme-preview[data-theme=modern-light]{--background-primary: #f5f7fb;--background-secondary: #eef1f6;--background-tertiary: #e4e9f0;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-elevated: #ffffff;--surface-hover: #f1f4f9;--surface-active: #e7edf7;--border-default: #e2e7ef;--border-subtle: #edf0f5;--border-strong: #c3ccd8;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #5b6779;--text-disabled: #a3acb9;--accent-primary: #2463eb;--accent-secondary: #0891b2;--accent-hover: #1d4fd8;--accent-active: #1e3fae;--success: #137738;--warning: #a74c09;--danger: #c51f1f;--info: #0369a1;--focus-ring: #2463eb;--text-on-accent: #ffffff;--accent-text: #185aeb;--accent-subtle: rgb(36 99 235 / 10.2%);--success-subtle: rgb(21 128 61 / 10.2%);--warning-subtle: rgb(180 83 9 / 10.2%);--danger-subtle: rgb(220 38 38 / 10.2%);--info-subtle: rgb(3 105 161 / 10.2%);--text-on-danger: #ffffff;--status-pending: #a74c09;--status-draft: #5b6779;--status-approved: #137738;--status-rejected: #c51f1f;--status-cancelled: #5b6779;--finance-positive: #137738;--finance-negative: #c51f1f;--finance-debit: #0369a1;--finance-credit: #334155;--finance-variance: #a74c09;--finance-overdue: #c51f1f;--nav-background: #ffffff;--nav-text: #334155;--nav-text-muted: #5b6779;--nav-active-background: rgb(36 99 235 / 14.1%);--nav-active-text: #185aeb;--nav-border: #edf0f5;--chart-grid: #edf0f5;--chart-axis: #5b6779;--chart-tooltip-background: #0f172a;--chart-tooltip-text: #f8fafc;--overlay: rgb(15 23 42 / 45.1%);color-scheme:light;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 18px;--radius-control: var(--radius-md);--border-width: 1px;--shadow-sm: 0 1px 2px 0 rgb(15 23 42 / 5.9%);--shadow-md: 0 6px 20px -4px rgb(15 23 42 / 12.2%);--shadow-lg: 0 18px 40px -8px rgb(15 23 42 / 18%);--blur: 0;--card-background: var(--surface-primary);--card-border: var(--border-width) solid var(--border-subtle);--card-shadow: var(--shadow-md);--card-backdrop-filter: none;--app-backdrop: none;--app-backdrop-size: auto;--app-backdrop-drift: paused;--heading-weight: 700;--heading-tracking: -.012em;--label-transform: none;--label-tracking: normal;--font-data: inherit;--motion-fast: .12s;--motion-standard: .18s;--motion-slow: .28s;--motion-enter: .18s;--motion-exit: .12s;--motion-hover: .12s;--motion-page: .22s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--button-primary-background: var(--accent-primary);--button-primary-background-hover: var(--accent-hover);--button-primary-filter-hover: none;--button-border: var(--border-width) solid var(--border-strong);--button-shadow: none;--button-press-offset: 0;--button-press-offset-block: 0;--table-header-background: var(--surface-secondary);--table-header-text: var(--text-muted);--table-stripe: transparent;--table-cell-border-inline: 0 solid transparent;--input-background: var(--surface-primary);--input-border-color: var(--border-strong);--input-border-inline-width: var(--border-width);--input-border-block-start-width: var(--border-width);--input-radius: var(--radius-control);--nav-item-radius: var(--radius-control);--nav-indicator-width: 0;--chart-1: #2463eb;--chart-2: #0891b2;--chart-3: #7c3aed;--chart-4: #0f766e;--chart-5: #c2410c;--chart-6: #be185d;--chart-7: #4d7c0f;--chart-8: #475569;--chart-area-opacity: .22;--chart-line-width: 2;--surface: var(--surface-primary);--surface-raised: var(--surface-secondary);--surface-sunken: var(--background-secondary);--border: var(--border-default);--text: var(--text-primary);--text-inverse: var(--text-on-accent);--accent: var(--accent-primary);--accent-soft: var(--accent-subtle);--danger-soft: var(--danger-subtle);--success-soft: var(--success-subtle);--warning-soft: var(--warning-subtle);--control-height: 40px;--cell-padding-block: 12px;--cell-padding-inline: 14px;--card-padding: 24px;--stack-gap: 24px;--dir-x: 1}.one-theme-preview[data-density=comfortable]{--control-height: 40px;--cell-padding-block: 12px;--cell-padding-inline: 14px;--card-padding: 24px;--stack-gap: 24px}.one-theme-preview[data-density=compact]{--control-height: 34px;--cell-padding-block: 8px;--cell-padding-inline: 12px;--card-padding: 18px;--stack-gap: 18px}.one-theme-preview[data-density=dense]{--control-height: 30px;--cell-padding-block: 5px;--cell-padding-inline: 8px;--card-padding: 14px;--stack-gap: 12px}.one-theme-preview[dir=rtl],.one-theme-preview [dir=rtl]{--dir-x: -1}.one-theme-preview{background-color:var(--background-primary);background-image:var(--app-backdrop);background-size:var(--app-backdrop-size);color:var(--text-primary);font-family:var(--font-body)}