:root{--c-ink-900: #10141a;--c-ink-700: #2f3843;--c-ink-600: #4a5563;--c-ink-500: #5f6b7a;--c-paper-0: #ffffff;--c-paper-50: #f7f8fa;--c-paper-100: #eef1f5;--c-paper-200: #dfe4ea;--c-paper-300: #c3cad4;--c-paper-400: #9aa4b1;--c-accent-800: #143a6b;--c-accent-700: #1a4d8c;--c-accent-600: #2160a8;--c-accent-100: #d6e4f5;--c-accent-50: #eef4fc;--c-danger-700: #96231e;--c-danger-100: #f7d5d2;--c-danger-50: #fdeeec;--c-warn-800: #74490a;--c-warn-100: #f6e2bd;--c-warn-50: #fdf5e6;--c-ok-700: #1b5c34;--c-ok-100: #cfe7d7;--c-ok-50: #ecf6ef;--c-info-700: #1a5170;--c-info-100: #cfe2ee;--c-info-50: #ecf4f9;--c-pending-700: #533690;--c-pending-100: #ddd3f2;--c-pending-50: #f2eefb;--surface-page: var(--c-paper-50);--surface-card: var(--c-paper-0);--surface-sunken: var(--c-paper-100);--surface-rail: var(--c-ink-900);--rail-tint-hover: rgb(255 255 255 / 8%);--rail-tint-active: rgb(255 255 255 / 14%);--surface-hover: var(--c-paper-100);--text-primary: var(--c-ink-900);--text-secondary: var(--c-ink-700);--text-muted: var(--c-ink-500);--text-on-accent: var(--c-paper-0);--text-on-rail: var(--c-paper-0);--text-on-rail-muted: var(--c-paper-300);--text-link: var(--c-accent-700);--border-subtle: var(--c-paper-200);--border-strong: var(--c-paper-300);--border-focus: var(--c-accent-600);--action-primary-bg: var(--c-accent-700);--action-primary-bg-hover: var(--c-accent-800);--action-primary-fg: var(--c-paper-0);--action-secondary-bg: var(--c-paper-0);--action-secondary-fg: var(--c-ink-700);--action-secondary-border: var(--c-paper-300);--action-danger-bg: var(--c-danger-700);--action-danger-fg: var(--c-paper-0);--state-danger-fg: var(--c-danger-700);--state-danger-bg: var(--c-danger-50);--state-danger-border: var(--c-danger-100);--state-warning-fg: var(--c-warn-800);--state-warning-bg: var(--c-warn-50);--state-warning-border: var(--c-warn-100);--state-success-fg: var(--c-ok-700);--state-success-bg: var(--c-ok-50);--state-success-border: var(--c-ok-100);--state-info-fg: var(--c-info-700);--state-info-bg: var(--c-info-50);--state-info-border: var(--c-info-100);--state-pending-fg: var(--c-pending-700);--state-pending-bg: var(--c-pending-50);--state-pending-border: var(--c-pending-100);--state-neutral-fg: var(--c-ink-500);--state-neutral-bg: var(--c-paper-100);--state-neutral-border: var(--c-paper-200);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgb(16 20 26 / 6%), 0 1px 1px rgb(16 20 26 / 4%);--shadow-overlay: 0 8px 24px rgb(16 20 26 / 14%), 0 2px 6px rgb(16 20 26 / 8%);--focus-ring: 0 0 0 2px var(--surface-card), 0 0 0 4px var(--border-focus);--duration-fast: 90ms;--duration-base: .16s;--ease: cubic-bezier(.2, 0, .2, 1);--rail-width: 236px;--content-max: 1180px}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}code,.mono{font-family:var(--font-mono);font-size:.925em}.app{display:grid;grid-template-columns:var(--rail-width) 1fr;min-height:100vh}.rail{background:var(--surface-rail);color:var(--text-on-rail);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.rail__brand{font-size:var(--font-size-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em}.rail__brand span{display:block;font-size:var(--font-size-xs);font-weight:var(--weight-normal);color:var(--text-on-rail-muted);letter-spacing:.04em;text-transform:uppercase;margin-top:var(--space-1)}.rail__nav{display:flex;flex-direction:column;gap:2px}.rail__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--text-on-rail-muted);text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--radius-md);background:none;border:0;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.rail__link:hover{color:var(--text-on-rail);background:var(--rail-tint-hover)}.rail__link[aria-current=page]{color:var(--text-on-rail);background:var(--rail-tint-active);font-weight:var(--weight-medium)}.rail__foot{margin-top:auto;font-size:var(--font-size-xs);color:var(--text-on-rail-muted)}.main{min-width:0;padding:var(--space-6) var(--space-6) var(--space-8)}.main__inner{max-width:var(--content-max);margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.page-head__title{font-size:var(--font-size-xl);font-weight:var(--weight-semibold);letter-spacing:-.015em;line-height:var(--leading-tight)}.page-head__sub{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);max-width:68ch;line-height:var(--leading-relaxed)}.page-head__actions{display:flex;gap:var(--space-2);flex-shrink:0}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card+.card{margin-top:var(--space-4)}.card__head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card__title{font-size:var(--font-size-base);font-weight:var(--weight-semibold)}.card__hint{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted)}.card__body{padding:var(--space-5)}.card__body--flush{padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:34px;font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--duration-fast) var(--ease)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--action-primary-bg);color:var(--action-primary-fg)}.btn--primary:hover:not(:disabled){background:var(--action-primary-bg-hover)}.btn--secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg);border-color:var(--action-secondary-border)}.btn--secondary:hover:not(:disabled){background:var(--surface-hover)}.btn--danger{background:var(--action-danger-bg);color:var(--action-danger-fg)}.btn--sm{min-height:28px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--weight-medium);border:1px solid;white-space:nowrap}.pill__glyph{font-size:.9em;line-height:1}.pill--danger{color:var(--state-danger-fg);background:var(--state-danger-bg);border-color:var(--state-danger-border)}.pill--warning{color:var(--state-warning-fg);background:var(--state-warning-bg);border-color:var(--state-warning-border)}.pill--success{color:var(--state-success-fg);background:var(--state-success-bg);border-color:var(--state-success-border)}.pill--info{color:var(--state-info-fg);background:var(--state-info-bg);border-color:var(--state-info-border)}.pill--pending{color:var(--state-pending-fg);background:var(--state-pending-bg);border-color:var(--state-pending-border)}.pill--neutral{color:var(--state-neutral-fg);background:var(--state-neutral-bg);border-color:var(--state-neutral-border)}.callout{display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid;border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}.callout__glyph{flex-shrink:0;line-height:var(--leading-relaxed)}.callout__title{font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.callout--danger{color:var(--state-danger-fg);background:var(--state-danger-bg);border-color:var(--state-danger-border)}.callout--warning{color:var(--state-warning-fg);background:var(--state-warning-bg);border-color:var(--state-warning-border)}.callout--success{color:var(--state-success-fg);background:var(--state-success-bg);border-color:var(--state-success-border)}.callout--info{color:var(--state-info-fg);background:var(--state-info-bg);border-color:var(--state-info-border)}.callout--pending{color:var(--state-pending-fg);background:var(--state-pending-bg);border-color:var(--state-pending-border)}.callout--neutral{color:var(--state-neutral-fg);background:var(--state-neutral-bg);border-color:var(--state-neutral-border)}.callout+*{margin-top:var(--space-4)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{text-align:left;font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--surface-sunken);white-space:nowrap}.table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-hover)}.table__num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.field{display:block;margin-bottom:var(--space-4)}.field__label{display:block;font-size:var(--font-size-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.field__hint{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--leading-relaxed)}.field__error{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--state-danger-fg);display:flex;gap:var(--space-2)}.input{width:100%;padding:var(--space-2) var(--space-3);min-height:34px;font:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.input--mono{font-family:var(--font-mono)}.input[aria-invalid=true]{border-color:var(--state-danger-fg)}.state{padding:var(--space-7) var(--space-5);text-align:center}.state__glyph{font-size:var(--font-size-2xl);line-height:1;margin-bottom:var(--space-3)}.state__title{font-size:var(--font-size-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.state__body{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:56ch;margin:0 auto;line-height:var(--leading-relaxed)}.state__actions{margin-top:var(--space-4);display:flex;gap:var(--space-2);justify-content:center}.state--empty .state__glyph{color:var(--text-muted)}.state--error{color:var(--state-danger-fg);background:var(--state-danger-bg);border:1px solid var(--state-danger-border);border-radius:var(--radius-md)}.state--error .state__body{color:var(--state-danger-fg)}.state--error .state__detail{margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);opacity:.85;word-break:break-word}.state--loading{padding:var(--space-5)}.skeleton{height:12px;border-radius:var(--radius-sm);background:var(--surface-sunken);margin-bottom:var(--space-3)}.skeleton:nth-child(odd){width:82%}.skeleton:nth-child(2n){width:64%}@media(prefers-reduced-motion:no-preference){.skeleton{animation:pulse 1.4s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}}.stack>*+*{margin-top:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.muted{color:var(--text-muted)}.small{font-size:var(--font-size-xs)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
