@layer reset,tokens,base,patterns,utilities,components,overrides;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{min-block-size:100dvh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{line-height:var(--leading-tight);text-wrap:balance}p,li,figcaption{text-wrap:pretty}img,picture,svg,video,canvas{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration-thickness:from-font;text-underline-offset:.15em}ul[role=list],ol[role=list]{list-style:none;padding:0}table{border-collapse:collapse;inline-size:100%}:target{scroll-margin-block-start:var(--space-8)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer tokens{:root{--brand-black: oklch(0% 0 0);--brand-ink: oklch(20% .03 255);--brand-paper: oklch(98% .005 255);--brand-white: oklch(100% 0 0);--brand-accent: oklch(62% .16 255);--brand-green: oklch(73.89% .1678 131.01);--brand-green-strong: oklch(50% .15 131);--text-on-brand-green: oklch(23.57% .053 138.98);--brand-success: oklch(64% .15 150);--brand-warning: oklch(76% .14 75);--brand-danger: oklch(60% .18 22);--color-accent: var(--brand-accent);--color-accent-secondary: var(--brand-green);--color-accent-strong: oklch(54% .16 255);--color-success: var(--brand-success);--color-success-subtle: color-mix(in oklch, var(--color-success) 16%, transparent);--color-warning: var(--brand-warning);--color-warning-subtle: color-mix(in oklch, var(--color-warning) 18%, transparent);--color-danger: var(--brand-danger);--color-danger-subtle: color-mix(in oklch, var(--color-danger) 16%, transparent);--color-info: oklch(66% .13 240);--color-info-subtle: color-mix(in oklch, var(--color-info) 16%, transparent);--color-neutral: light-dark(oklch(55% .02 255), oklch(70% .02 255));--color-neutral-subtle: color-mix(in oklch, var(--color-neutral) 18%, transparent);--surface-ground: light-dark(var(--brand-paper), oklch(16% .02 255));--surface-raised: light-dark( var(--brand-white), color-mix(in oklch, var(--brand-white) 5%, oklch(16% .02 255)) );--surface-sunken: light-dark( color-mix(in oklch, var(--brand-ink) 4%, var(--brand-paper)), color-mix(in oklch, var(--brand-black) 28%, oklch(16% .02 255)) );--surface-overlay: light-dark( color-mix(in oklch, var(--brand-ink) 50%, transparent), color-mix(in oklch, var(--brand-black) 60%, transparent) );--text-primary: light-dark(var(--brand-ink), var(--brand-white));--text-secondary: light-dark( oklch(42% .03 255), color-mix(in oklch, var(--brand-white) 72%, transparent) );--text-muted: light-dark( oklch(52% .02 255), color-mix(in oklch, var(--brand-white) 46%, transparent) );--text-on-accent: var(--brand-white);--border-structural: light-dark( color-mix(in oklch, var(--brand-ink) 16%, transparent), color-mix(in oklch, var(--brand-white) 12%, transparent) );--border-subtle: light-dark( color-mix(in oklch, var(--brand-ink) 7%, transparent), color-mix(in oklch, var(--brand-white) 5%, transparent) );--border-default: var(--border-structural);--border-focus: var(--color-accent);--link-text: var(--color-accent);--link-text-hover: var(--color-accent-strong);--selection-bg: color-mix(in oklch, var(--color-accent) 22%, var(--surface-ground));--selection-text: var(--text-primary);--button-primary-bg: var(--color-accent);--button-primary-bg-hover: var(--color-accent-strong);--button-primary-text: var(--text-on-accent);--button-ghost-text: var(--text-primary);--card-bg: var(--surface-raised);--card-border: var(--border-structural);--card-padding: var(--space-5);--badge-radius: var(--radius-pill);--state-hover-bg: light-dark( color-mix(in oklch, var(--brand-ink) 6%, transparent), color-mix(in oklch, var(--brand-white) 7%, transparent) );--state-active-bg: light-dark( color-mix(in oklch, var(--brand-ink) 11%, transparent), color-mix(in oklch, var(--brand-white) 11%, transparent) );--state-selected-bg: color-mix(in oklch, var(--color-accent) 12%, transparent);--state-disabled-bg: light-dark( color-mix(in oklch, var(--brand-ink) 5%, transparent), color-mix(in oklch, var(--brand-white) 5%, transparent) );--state-disabled-text: var(--text-muted);--focus-ring-color: var(--color-accent);--focus-ring-width: 2px;--focus-ring-offset: 2px;--field-bg: var(--surface-raised);--field-border: var(--border-structural);--field-border-hover: light-dark( color-mix(in oklch, var(--brand-ink) 30%, transparent), color-mix(in oklch, var(--brand-white) 30%, transparent) );--field-border-invalid: var(--color-danger);--field-placeholder: var(--text-muted);--field-help-text: var(--text-secondary);--field-error-text: var(--color-danger);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.55;--tracking-tight: -.01em;--tracking-wide: .04em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-12: 4.5rem;--space-16: 6rem;--space-element-gap: var(--space-2);--space-component-gap: var(--space-4);--space-section-gap: var(--space-6);--content-width: 76rem;--content-narrow: 34rem;--sidebar-width: 16rem;--gutter: var(--space-5);--auto-grid-min: 18rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .875rem;--radius-pill: 999px;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .28s;--ease-decel: cubic-bezier(0, 0, .2, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--shadow-sm: 0 1px 2px light-dark(oklch(0% 0 0 / 8%), oklch(0% 0 0 / 40%));--shadow-md: 0 2px 4px light-dark(oklch(0% 0 0 / 6%), oklch(0% 0 0 / 30%)), 0 6px 16px light-dark(oklch(0% 0 0 / 8%), oklch(0% 0 0 / 36%));--shadow-lg: 0 12px 32px light-dark(oklch(0% 0 0 / 12%), oklch(0% 0 0 / 50%));--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400}:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}}@layer base{body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-ground)}::selection{background:var(--selection-bg);color:var(--selection-text)}h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-xl);font-weight:var(--weight-semibold)}h4{font-size:var(--text-lg);font-weight:var(--weight-semibold)}small{font-size:var(--text-sm)}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}a{color:var(--link-text)}a:hover{color:var(--link-text-hover)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}hr{border:none;border-block-start:1px solid var(--border-subtle)}}@layer patterns{.container{inline-size:100%;max-inline-size:var(--content-width);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-inline-size:var(--content-narrow)}.stack{display:flex;flex-direction:column;gap:var(--space-component-gap)}.stack--tight{gap:var(--space-element-gap)}.stack--loose{gap:var(--space-section-gap)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.cluster--between{justify-content:space-between}.auto-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(var(--auto-grid-min),100%),1fr))}.card{display:flex;flex-direction:column;gap:var(--space-component-gap);padding:var(--card-padding);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg)}.card--sunken{background:var(--surface-sunken)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:2.75rem;padding-block:var(--space-2);padding-inline:var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-md);color:var(--button-ghost-text);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.btn:hover{background:var(--state-hover-bg)}.btn:active{background:var(--state-active-bg)}.btn:disabled,.btn[aria-disabled=true]{background:var(--state-disabled-bg);color:var(--state-disabled-text);cursor:not-allowed}.btn--primary{background:var(--button-primary-bg);color:var(--button-primary-text)}.btn--primary:hover{background:var(--button-primary-bg-hover)}.btn--outline{border-color:var(--border-structural)}.btn--block{inline-size:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding-block:var(--space-1);padding-inline:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;border-radius:var(--badge-radius);background:var(--color-neutral-subtle);color:var(--text-primary)}.badge--success{background:var(--color-success-subtle)}.badge--warning{background:var(--color-warning-subtle)}.badge--danger{background:var(--color-danger-subtle)}.badge--info{background:var(--color-info-subtle)}.app-shell{display:grid;grid-template-rows:auto 1fr;min-block-size:100dvh}.app-header{position:sticky;inset-block-start:0;z-index:var(--z-sticky);background:color-mix(in oklch,var(--surface-raised) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--border-subtle)}.app-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3)}.app-main{padding-block:var(--space-6)}.data-table{inline-size:100%;font-size:var(--text-sm)}.data-table th{text-align:start;font-weight:var(--weight-semibold);color:var(--text-secondary);padding-block:var(--space-2);padding-inline:var(--space-3);border-block-end:1px solid var(--border-structural)}.data-table td{padding-block:var(--space-3);padding-inline:var(--space-3);border-block-end:1px solid var(--border-subtle);vertical-align:top}.data-table tbody tr:hover{background:var(--state-hover-bg)}.skip-link{position:absolute;inset-inline-start:var(--space-3);inset-block-start:calc(-1 * var(--space-12));z-index:var(--z-toast);padding-block:var(--space-2);padding-inline:var(--space-4);background:var(--surface-raised);border:1px solid var(--border-structural);border-radius:var(--radius-md);transition:inset-block-start var(--duration-fast) var(--ease-standard)}.skip-link:focus{inset-block-start:var(--space-3)}.action-result{padding-block:var(--space-3);padding-inline:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:var(--text-sm)}.action-result--success{background:var(--color-success-subtle)}.action-result--error{background:var(--color-danger-subtle)}}@layer patterns{.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.field__input,.field__select,.field__textarea{min-block-size:2.75rem;padding-block:var(--space-2);padding-inline:var(--space-3);font-size:var(--text-base);color:var(--text-primary);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard)}.field__textarea{min-block-size:6rem;resize:vertical;line-height:var(--leading-normal)}.field__input:hover,.field__select:hover,.field__textarea:hover{border-color:var(--field-border-hover)}.field__input::placeholder,.field__textarea::placeholder{color:var(--field-placeholder)}.field__input[aria-invalid=true],.field__select[aria-invalid=true],.field__textarea[aria-invalid=true]{border-color:var(--field-border-invalid)}.field__help{font-size:var(--text-xs);color:var(--field-help-text)}.field__error{font-size:var(--text-xs);color:var(--field-error-text)}.field__input:disabled,.field__select:disabled,.field__textarea:disabled{background:var(--state-disabled-bg);color:var(--state-disabled-text);cursor:not-allowed}fieldset{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}legend{padding-inline:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}}@layer utilities{.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.container-inline{container-type:inline-size}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-width{inline-size:100%}.grow{flex:1 1 auto}.no-wrap{flex-wrap:nowrap}.scroll-x{overflow-x:auto}}