:root{--base-spacing: 24px;--m-xxxxs: calc(var(--base-spacing) / 5);--m-xxxs: calc(var(--base-spacing) / 4);--m-xxs: calc(var(--base-spacing) / 3);--m-xs: calc(var(--base-spacing) / 2);--m-s: calc(var(--base-spacing) * 2 / 3);--m: var(--base-spacing);--m-mm: calc(var(--base-spacing) * 3 / 2);--m-l: calc(var(--base-spacing) * 5 / 3);--m-xl: calc(var(--base-spacing) * 2);--m-xxl: calc(var(--base-spacing) * 5 / 2);--m-xxxl: calc(var(--base-spacing) * 3);--font-size-xs: calc(var(--font-size) * 16 / 17);--font-size-s: calc(var(--font-size) * 13 / 14);--font-size: .875rem;--font-size-l: calc(var(--font-size) * 8 / 7);--font-size-xl: calc(var(--font-size) * 9 / 7);--font-size-xxl: calc(var(--font-size) * 12 / 7);--font-size-xxxl: calc(var(--font-size) * 18 / 7);--font-size-h: calc(var(--font-size) * 24 / 7);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-1: var(--font-family);--font-family-2: "Laxan", sans-serif;--border-radius: 4px;--border-radius-1: var(--border-radius);--border-radius-2: calc(var(--border-radius) * 2);--border-radius-3: calc(var(--border-radius) * 3);--border-radius-4: calc(var(--border-radius) * 4);--border-radius-5: calc(var(--border-radius) * 5);--border-radius-r: 50%;--fast: .3s;--speed: .4s;--slow: .9s;--ease: ease-out;--transition-ui: background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), opacity var(--fast) var(--ease), transform var(--fast) var(--ease), color var(--fast) var(--ease);--blurred: 5px}:root,.csv-importer,.CSVImporter-light,.CSVImporter-dark{--color-primary: #7a5ef8;--color-primary-hover: #6941c6;--color-primary-focus: #7a5ef8;--color-primary-disabled: #e9d7fe;--color-primary-button-disabled: #344054;--color-secondary: #1d2939;--color-secondary-hover: #475467;--color-secondary-focus: #1d2939;--color-secondary-disabled: #344054;--color-text-on-primary: #ffffff;--color-text-on-primary-disabled: #667085;--color-text-on-primary-button-disabled: #ffffff;--color-text-on-secondary: #f2f4f7;--color-text-on-secondary-disabled: #475467;--color-progress-bar: #039855;--color-success: rgba(18, 183, 106, .88);--color-emphasis: #0ba5ec;--color-attention: rgba(253, 176, 34, .88);--color-importer-link: #0086c9;--color-green-ui: var(--color-progress-bar);--color-green: var(--color-success);--color-blue: var(--color-emphasis);--color-red: var(--color-text-error);--color-yellow: var(--color-attention);--importer-link: var(--color-importer-link)}.CSVImporter-light{color-scheme:light;--color-background: #f9fafb;--color-background-main: var(--color-background);--color-background-modal: #ffffff;--color-background-modal-hover: #f2f4f7;--color-background-modal-veil: #f2f4f7;--color-background-modal-shadow: #eaecf0;--color-background-modal-shade: #f9fafb;--color-background-modal-backdrop: rgba(0, 0, 0, .45);--color-tertiary: #f2f4f7;--color-tertiary-hover: #eaecf0;--color-tertiary-focus: #eaecf0;--color-tertiary-disabled: #f9fafb;--color-background-menu: #ffffff;--color-background-menu-hover: #f2f4f7;--color-text-strong: #101828;--color-text: #344054;--color-text-soft: #667085;--color-text-on-tertiary: #101828;--color-text-on-tertiary-disabled: #98a2b3;--color-text-error: #d92d20;--color-background-error: #f04438;--color-background-error-hover: #d92d20;--color-background-error-soft: #fee4e2;--color-input-background: #ffffff;--color-input-background-soft: #f2f4f7;--color-input-border: #d0d5dd;--color-input-placeholder: #98a2b3;--color-input-text-disabled: #98a2b3;--color-input-disabled: #f2f4f7;--color-background-small-button-selected: #eaecf0;--color-background-small-button-hover: #f2f4f7;--color-text-small-button: #101828;--color-button: var(--color-primary);--color-button-hover: var(--color-primary-hover);--color-button-disabled: var(--color-primary-disabled);--color-button-text: #ffffff;--color-button-text-disabled: #667085;--color-button-border: #d0d5dd;--color-border: #eaecf0;--color-border-soft: #f2f4f7;--color-border-dashed: #d0d5dd;--color-icon: #667085;--color-bisel: rgba(0, 0, 0, .05);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-content: 0 4px 12px rgba(0, 0, 0, .08);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .1);--shadow-tooltip: 0 2px 8px rgba(0, 0, 0, .1);--shadow-focus-primary: 0 0 0 2px rgba(122, 94, 248, .2);--shadow-card: 0 4px 24px rgba(0, 0, 0, .06);--color-primary-subtle: rgba(122, 94, 248, .05);--color-primary-muted: rgba(122, 94, 248, .1);--color-primary-emphasis: rgba(122, 94, 248, .12);--color-primary-text-emphasis: #53389e;--color-success-subtle: rgba(18, 183, 106, .15);--color-csv-import-text: var(--color-text);--color-stepper: #eaecf0;--color-stepper-active: #12b76a}.CSVImporter-dark{color-scheme:dark;--color-background: #0e1116;--color-background-main: var(--color-background);--color-background-modal: #171a20;--color-background-modal-hover: #2e323c;--color-background-modal-veil: #0e1116;--color-background-modal-shadow: #0e1116;--color-background-modal-shade: #1f2229;--color-background-modal-backdrop: rgba(14, 17, 22, .85);--color-tertiary: #101828;--color-tertiary-hover: #1d2939;--color-tertiary-focus: #1d2939;--color-tertiary-disabled: #eaecf0;--color-background-menu: #101828;--color-background-menu-hover: #1d2939;--color-text-strong: #f2f4f7;--color-text: #d0d5dd;--color-text-soft: #667085;--color-text-on-tertiary: #ffffff;--color-text-on-tertiary-disabled: #667085;--color-text-error: #f04438;--color-background-error: #f04438;--color-background-error-hover: #d92d20;--color-background-error-soft: #fecdca;--color-input-background: #101828;--color-input-background-soft: #1d2939;--color-input-border: #344054;--color-input-placeholder: #344054;--color-input-text-disabled: #344054;--color-input-disabled: #171a20;--color-background-small-button-selected: #344054;--color-background-small-button-hover: #101828;--color-text-small-button: #ffffff;--color-button: #f9f5ff;--color-button-hover: #f4ebff;--color-button-disabled: #f4ebff;--color-button-text: #171a20;--color-button-text-disabled: #171a20;--color-button-border: #344054;--color-border: #344054;--color-border-soft: #1d2939;--color-border-dashed: #344054;--color-icon: #d0d5dd;--color-bisel: rgba(255, 255, 255, .05);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-content: 0 4px 12px rgba(0, 0, 0, .1);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .15);--shadow-tooltip: 0 2px 8px rgba(0, 0, 0, .15);--shadow-focus-primary: 0 0 0 2px rgba(122, 94, 248, .2);--shadow-card: 0 4px 24px rgba(0, 0, 0, .2);--color-primary-subtle: rgba(122, 94, 248, .05);--color-primary-muted: rgba(122, 94, 248, .1);--color-primary-emphasis: rgba(122, 94, 248, .2);--color-primary-text-emphasis: #d6bbfb;--color-success-subtle: rgba(18, 183, 106, .15);--color-csv-import-text: var(--color-text);--color-stepper: #30374f;--color-stepper-active: #6ce9a6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);min-height:100vh;transition:background .3s ease,color .3s ease}body.app-dark{--demo-bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--demo-text: #e8e8e8;--demo-text-muted: #a0a0a0;--demo-surface: rgba(255, 255, 255, .05);--demo-surface-border: rgba(255, 255, 255, .1);--demo-toggle-off: #3a3a5c;--demo-stat-value: #ffffff;--demo-table-header-bg: var(--color-primary-emphasis);--demo-table-header-text: var(--color-primary-text-emphasis);--demo-table-row-hover: var(--color-primary-subtle);--demo-table-cell-text: #d0d0d0;--demo-footer-text: #666666;background:var(--demo-bg-gradient);color:var(--demo-text);color-scheme:dark}body.app-light{--demo-bg-gradient: linear-gradient(135deg, #f8f9fc 0%, #eef1f8 50%, #e4e9f2 100%);--demo-text: #1a1a2e;--demo-text-muted: #64748b;--demo-surface: rgba(255, 255, 255, .85);--demo-surface-border: rgba(0, 0, 0, .08);--demo-toggle-off: #cbd5e1;--demo-stat-value: #1e293b;--demo-table-header-bg: var(--color-primary-emphasis);--demo-table-header-text: var(--color-primary-text-emphasis);--demo-table-row-hover: var(--color-primary-subtle);--demo-table-cell-text: #334155;--demo-footer-text: #94a3b8;background:var(--demo-bg-gradient);color:var(--demo-text);color-scheme:light}