:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--line-height-base: 1.5;--opacity-empty: .5;--blur-backdrop: 8px}:root{color-scheme:light;--color-bg: #f7fafa;--color-surface: #ffffff;--color-surface-inverse: #0c2e35;--color-text: #1c2429;--color-text-muted: #5e6d78;--color-text-inverse: #ffffff;--color-text-inverse-muted: color-mix(in srgb, #ffffff 68%, transparent);--color-border: #dde4e8;--color-border-inverse: color-mix(in srgb, #ffffff 12%, transparent);--color-overlay: color-mix(in srgb, #0e1217 58%, transparent);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-edge-below: 0 1px 4px rgb(0 0 0 / 6%);--shadow-edge-above: 0 -1px 4px rgb(0 0 0 / 6%);--shadow-popover: 0 10px 24px rgb(15 23 42 / 18%);--shadow-drawer: 0 -1rem 2rem rgb(15 23 42 / 18%);--color-accent: #26c6bc;--color-accent-hover: #1fb3aa;--color-accent-strong: #0f766e;--color-accent-deep: #064e47;--color-accent-contrast: #ffffff;--color-on-brand: #ffffff;--color-on-danger: #0e1217;--color-success: #22c55e;--color-warning: #f59e0b;--color-warning-soft: #fed7aa;--color-warning-contrast: #fff7ed;--color-danger: #ef4444;--color-danger-soft: #fecaca;--color-info: #3b82f6;--text-lightness-success: .66;--text-lightness-warning: .67;--text-lightness-danger: .82;--text-lightness-info: .82;--color-nav-active-surface: var(--color-surface);--color-nav-active-text: var(--color-surface-inverse);--color-scrollbar-thumb: color-mix(in srgb, #5e6d78 45%, transparent);--color-scrollbar-thumb-hover: color-mix(in srgb, #5e6d78 70%, transparent)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg: #0e1217;--color-surface: #171e26;--color-surface-inverse: #0c2e35;--color-text: #eef2f5;--color-text-muted: #8b99a6;--color-text-inverse: #ffffff;--color-text-inverse-muted: color-mix(in srgb, #ffffff 68%, transparent);--color-border: #2a343e;--color-border-inverse: color-mix(in srgb, #ffffff 12%, transparent);--color-overlay: color-mix(in srgb, #0e1217 58%, transparent);--shadow-sm: none;--shadow-edge-below: none;--shadow-edge-above: none;--shadow-popover: 0 10px 24px rgb(0 0 0 / 40%);--shadow-drawer: 0 -1rem 2rem rgb(0 0 0 / 40%);--color-accent: #2dd4c9;--color-accent-hover: #26c6bc;--color-accent-strong: #0f766e;--color-accent-deep: #064e47;--color-accent-contrast: #0e1217;--color-on-brand: #ffffff;--color-on-danger: #0e1217;--color-success: #22c55e;--color-warning: #f59e0b;--color-warning-soft: #fed7aa;--color-warning-contrast: #fff7ed;--color-danger: #ef4444;--color-danger-soft: #fecaca;--color-info: #3b82f6;--text-lightness-success: 1;--text-lightness-warning: 1;--text-lightness-danger: 1.08;--text-lightness-info: 1.09;--color-nav-active-surface: var(--color-accent-fill);--color-nav-active-text: var(--color-text-inverse);--color-scrollbar-thumb: color-mix(in srgb, #8b99a6 35%, transparent);--color-scrollbar-thumb-hover: color-mix(in srgb, #8b99a6 55%, transparent)}}:root{--color-border-strong: color-mix(in srgb, var(--color-text) 18%, var(--color-border));--color-border-subtle: color-mix(in srgb, var(--color-border) 60%, transparent);--color-surface-muted: color-mix(in srgb, var(--color-bg) 55%, var(--color-surface));--color-bg-glass: color-mix(in srgb, var(--color-bg) 88%, transparent);--color-track: color-mix(in srgb, var(--color-text) 8%, var(--color-surface));--color-shimmer: color-mix(in srgb, var(--color-border) 40%, var(--color-surface));--color-ghost-hover: color-mix(in srgb, var(--color-text) 8%, transparent);--color-current-wash: color-mix(in srgb, currentColor 12%, transparent);--color-current-wash-hover: color-mix(in srgb, currentColor 18%, transparent);--color-neutral-surface: color-mix(in srgb, var(--color-text) 9%, transparent);--color-neutral-fill: color-mix(in srgb, var(--color-text) 12%, transparent);--color-neutral-fill-hover: color-mix(in srgb, var(--color-text) 18%, transparent);--color-neutral-border: color-mix(in srgb, var(--color-text) 20%, transparent);--color-neutral-border-strong: color-mix(in srgb, var(--color-text) 35%, transparent);--color-neutral-text: color-mix(in srgb, var(--color-text-muted) 50%, var(--color-text));--color-accent-surface: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-fill: color-mix(in srgb, var(--color-accent) 14%, transparent);--color-accent-fill-hover: color-mix(in srgb, var(--color-accent) 22%, transparent);--color-accent-border: color-mix(in srgb, var(--color-accent) 28%, transparent);--color-accent-border-strong: color-mix(in srgb, var(--color-accent) 45%, transparent);--color-success-surface: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-fill: color-mix(in srgb, var(--color-success) 14%, transparent);--color-success-fill-hover: color-mix(in srgb, var(--color-success) 22%, transparent);--color-success-border: color-mix(in srgb, var(--color-success) 28%, transparent);--color-success-border-strong: color-mix(in srgb, var(--color-success) 45%, transparent);--color-success-text: oklch( from var(--color-success) calc(l * var(--text-lightness-success)) c h );--color-warning-surface: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-fill: color-mix(in srgb, var(--color-warning) 18%, transparent);--color-warning-fill-hover: color-mix(in srgb, var(--color-warning) 26%, transparent);--color-warning-border: color-mix(in srgb, var(--color-warning) 28%, transparent);--color-warning-border-strong: color-mix(in srgb, var(--color-warning) 45%, transparent);--color-warning-text: oklch( from var(--color-warning) calc(l * var(--text-lightness-warning)) c h );--color-danger-surface: color-mix(in srgb, var(--color-danger) 10%, transparent);--color-danger-fill: color-mix(in srgb, var(--color-danger) 14%, transparent);--color-danger-fill-hover: color-mix(in srgb, var(--color-danger) 22%, transparent);--color-danger-border: color-mix(in srgb, var(--color-danger) 28%, transparent);--color-danger-border-strong: color-mix(in srgb, var(--color-danger) 45%, transparent);--color-danger-text: oklch(from var(--color-danger) calc(l * var(--text-lightness-danger)) c h);--color-info-surface: color-mix(in srgb, var(--color-info) 10%, transparent);--color-info-fill: color-mix(in srgb, var(--color-info) 14%, transparent);--color-info-fill-hover: color-mix(in srgb, var(--color-info) 22%, transparent);--color-info-border: color-mix(in srgb, var(--color-info) 28%, transparent);--color-info-border-strong: color-mix(in srgb, var(--color-info) 45%, transparent);--color-info-text: oklch(from var(--color-info) calc(l * var(--text-lightness-info)) c h);--color-row-hover: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-row-hover-fill: color-mix(in srgb, var(--color-accent) 5%, var(--color-surface));--color-selected: color-mix(in srgb, var(--color-accent) 8%, transparent);--color-selected-fill: color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));--color-selected-hover: color-mix(in srgb, var(--color-accent) 11%, transparent);--color-selected-hover-fill: color-mix(in srgb, var(--color-accent) 11%, var(--color-surface));--color-row-editing: color-mix(in srgb, var(--color-accent) 4%, transparent);--color-row-editing-fill: color-mix(in srgb, var(--color-accent) 4%, var(--color-surface));--color-row-error: color-mix(in srgb, var(--color-danger) 6%, var(--color-surface));--color-column-sorted: color-mix(in srgb, var(--color-accent) 3%, transparent);--color-wash-inverse: color-mix(in srgb, var(--color-text-inverse) 8%, transparent);--color-wash-inverse-hover: color-mix(in srgb, var(--color-text-inverse) 12%, transparent);--color-sidebar-glow: color-mix(in srgb, var(--color-accent) 28%, transparent);--color-sidebar-top: color-mix( in srgb, var(--color-surface-inverse) 88%, var(--color-accent) 12% );--color-brand-highlight: color-mix(in srgb, #26c6bc 60%, #064e47);--color-on-brand-muted: color-mix(in srgb, var(--color-on-brand) 86%, transparent);--color-on-brand-border: color-mix(in srgb, var(--color-on-brand) 55%, transparent);--color-on-brand-surface: color-mix(in srgb, var(--color-on-brand) 18%, transparent);--color-on-brand-strong: color-mix(in srgb, var(--color-on-brand) 90%, transparent)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,sans-serif;line-height:var(--line-height-base)}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border:2px solid transparent;border-radius:999px;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{background:var(--color-bg);color:var(--color-text)}
