:root{--neutral-0: oklch(100% 0 0deg);--neutral-25: oklch(99% .002 250deg);--neutral-50: oklch(98.2% .003 250deg);--neutral-100: oklch(96.4% .004 250deg);--neutral-200: oklch(93% .006 250deg);--neutral-300: oklch(88% .008 250deg);--neutral-400: oklch(74% .01 250deg);--neutral-500: oklch(60% .012 250deg);--neutral-600: oklch(49% .014 250deg);--neutral-700: oklch(38% .014 250deg);--neutral-800: oklch(27% .014 250deg);--neutral-900: oklch(19% .014 250deg);--neutral-950: oklch(13% .014 250deg);--teal-50: oklch(97.5% .015 205deg);--teal-100: oklch(94% .035 205deg);--teal-200: oklch(88% .055 205deg);--teal-400: oklch(68% .08 205deg);--teal-500: oklch(58% .085 205deg);--teal-600: oklch(52% .082 205deg);--teal-700: oklch(45% .072 205deg);--teal-800: oklch(37% .06 205deg);--teal-900: oklch(27% .045 205deg);--red-50: oklch(97.5% .015 25deg);--red-100: oklch(94% .04 25deg);--red-200: oklch(88% .07 25deg);--red-500: oklch(58% .17 25deg);--red-600: oklch(52% .17 25deg);--red-700: oklch(45% .15 25deg);--red-900: oklch(31% .1 25deg);--green-50: oklch(97.5% .02 155deg);--green-100: oklch(94% .05 155deg);--green-200: oklch(87% .08 155deg);--green-500: oklch(60% .13 155deg);--green-600: oklch(53% .12 155deg);--green-700: oklch(45% .11 155deg);--green-900: oklch(31% .08 155deg);--amber-50: oklch(98% .025 85deg);--amber-100: oklch(95% .06 85deg);--amber-200: oklch(89% .11 85deg);--amber-500: oklch(75% .15 80deg);--amber-600: oklch(66% .14 75deg);--amber-700: oklch(54% .12 70deg);--amber-900: oklch(36% .09 70deg);--blue-50: oklch(97.5% .015 250deg);--blue-100: oklch(94% .035 250deg);--blue-200: oklch(88% .06 252deg);--blue-500: oklch(58% .15 255deg);--blue-600: oklch(52% .16 258deg);--blue-700: oklch(45% .15 258deg);--blue-900: oklch(31% .1 258deg);--space-0: 0;--space-05: .125rem;--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-2: .125rem;--radius-3: .25rem;--radius-4: .375rem;--radius-6: .5rem;--radius-8: .75rem;--radius-pill: 999px;--shadow-1: 0 1px 2px oklch(19% .014 250deg / 6%);--shadow-2: 0 1px 3px oklch(19% .014 250deg / 8%), 0 1px 2px oklch(19% .014 250deg / 4%);--shadow-3: 0 4px 14px oklch(19% .014 250deg / 10%);--shadow-4: 0 18px 48px oklch(19% .014 250deg / 18%);--font-family-sans: inter, "Segoe UI", system-ui, -apple-system, blinkmacsystemfont, sans-serif;--font-family-mono: ui-monospace, sfmono-regular, "Cascadia Code", "JetBrains Mono", monospace;--font-size-12: .75rem;--font-size-13: .8125rem;--font-size-15: .9375rem;--font-size-17: 1.0625rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-30: 1.875rem;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--duration-120: .12s;--duration-200: .2s}:root{color-scheme:light;--surface-page: var(--neutral-50);--surface-panel: var(--neutral-0);--surface-subtle: var(--neutral-100);--surface-strong: var(--neutral-200);--surface-hover: var(--neutral-100);--surface-active: var(--neutral-200);--surface-inverse: var(--neutral-900);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--neutral-400);--ink-primary: var(--neutral-900);--ink-secondary: var(--neutral-700);--ink-muted: var(--neutral-600);--ink-inverse: var(--neutral-0);--ink-accent: var(--teal-700);--action-primary: var(--teal-600);--action-primary-hover: var(--teal-700);--action-primary-active: var(--teal-800);--action-primary-ink: var(--neutral-0);--action-danger: var(--red-600);--action-danger-hover: var(--red-700);--action-danger-ink: var(--neutral-0);--focus-ring: var(--teal-600);--status-error-bg: var(--red-50);--status-error-border: var(--red-200);--status-error-ink: var(--red-700);--status-success-bg: var(--green-50);--status-success-border: var(--green-200);--status-success-ink: var(--green-700);--status-warning-bg: var(--amber-50);--status-warning-border: var(--amber-200);--status-warning-ink: var(--amber-900);--status-info-bg: var(--blue-50);--status-info-border: var(--blue-200);--status-info-ink: var(--blue-700);--font-sans: var(--font-family-sans);--font-mono: var(--font-family-mono);--text-xs: var(--font-size-12);--text-sm: var(--font-size-13);--text-base: var(--font-size-15);--text-lg: var(--font-size-17);--text-xl: var(--font-size-20);--text-2xl: var(--font-size-24);--text-3xl: var(--font-size-30);--leading-tight: var(--line-height-tight);--leading-snug: var(--line-height-snug);--leading-normal: var(--line-height-normal);--leading-relaxed: var(--line-height-relaxed);--radius-xs: var(--radius-3);--radius-sm: var(--radius-4);--radius-md: var(--radius-6);--radius-lg: var(--radius-8);--radius-full: var(--radius-pill);--shadow-xs: var(--shadow-1);--shadow-sm: var(--shadow-2);--shadow-md: var(--shadow-3);--shadow-overlay: var(--shadow-4);--scrim: oklch(19% .014 250deg / 45%);--duration-fast: var(--duration-120);--duration-normal: var(--duration-200);--layout-shell-width: min(100% - 2rem, 72rem);--layout-shell-padding-block: clamp(1.5rem, 3vw, 2.5rem);--layout-control-height: 2.25rem;--layout-touch-target: 2.75rem;--measure: 72ch}*,*:before,*:after{box-sizing:border-box}html{text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--surface-page);color:var(--ink-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4{line-height:var(--leading-tight);letter-spacing:-.011em;text-wrap:balance}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}a{color:var(--ink-accent);text-underline-offset:.15em}hr{height:1px;margin:0;border:0;background:var(--border-subtle)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}:not(pre)>code{padding:.1em .35em;border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:var(--surface-subtle)}pre>code{font:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input,select,textarea{min-height:var(--layout-control-height);padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-panel);transition:border-color var(--duration-fast) ease-out}textarea{padding:var(--space-2);line-height:var(--leading-normal);resize:vertical}input[type=checkbox],input[type=radio]{min-height:0;padding:0;accent-color:var(--action-primary)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-subtle);color:var(--ink-muted);cursor:not-allowed}input:hover:not(:disabled,[type=checkbox],[type=radio]),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-strong)}::placeholder{color:var(--ink-muted)}label{font-size:var(--text-sm);font-weight:600}fieldset{min-width:0;margin:0;padding:0;border:0}legend{padding:0;font-size:var(--text-sm);font-weight:600}table{border-collapse:collapse}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important}}.page{display:grid;gap:var(--space-5);width:100%;min-width:0}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-4));min-width:0}.stack-tight{--stack-gap: var(--space-2)}.stack-loose{--stack-gap: var(--space-5)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-gap, var(--space-2));min-width:0}.cluster-end{justify-content:flex-end}.cluster-between{justify-content:space-between}.measure{max-width:var(--measure)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.page-heading{display:grid;gap:var(--space-1);min-width:0}.page-kicker{color:var(--ink-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.page-title{font-size:var(--text-2xl)}.page-subtitle{max-width:var(--measure);color:var(--ink-secondary)}.panel{display:grid;gap:var(--space-4);align-content:start;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-panel)}.panel-flush{gap:0;padding:0;overflow:hidden}.panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.panel-title{font-size:var(--text-lg)}.panel-note{max-width:var(--measure);color:var(--ink-secondary)}.panel-flush>.panel-header,.panel-flush>.panel-note{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.muted,.loading,.empty{color:var(--ink-muted)}.panel-flush>.empty,.panel-flush>.loading{padding:var(--space-5)}.prose{max-width:var(--measure);color:var(--ink-secondary);line-height:var(--leading-relaxed)}.prose-list{display:grid;gap:var(--space-2);max-width:var(--measure);margin:0;padding-left:var(--space-5);color:var(--ink-secondary);line-height:var(--leading-relaxed)}.link-strong{font-weight:600}.link-strong:hover{text-decoration:underline}.numeric{font-variant-numeric:tabular-nums}.code-text{font-family:var(--font-mono);font-size:.92em;overflow-wrap:anywhere}.nav-pill{display:inline-flex;align-items:center;min-height:var(--layout-touch-target);padding-inline:var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--ink-secondary);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background-color var(--duration-fast) ease-out,color var(--duration-fast) ease-out}.nav-pill:hover{background:var(--surface-hover);color:var(--ink-primary)}.nav-pill-active{background:var(--surface-subtle);border-color:var(--border-subtle);color:var(--ink-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--layout-control-height);padding-inline:var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink-primary);font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast) ease-out,border-color var(--duration-fast) ease-out,color var(--duration-fast) ease-out}.btn:disabled{opacity:.55}.btn-block{width:100%}.btn-tall{min-height:var(--layout-touch-target);padding-inline:var(--space-4);font-size:var(--text-base)}.btn-primary{background:var(--action-primary);color:var(--action-primary-ink)}.btn-primary:hover:not(:disabled){background:var(--action-primary-hover)}.btn-primary:active:not(:disabled){background:var(--action-primary-active)}.btn-secondary{border-color:var(--border-default);background:var(--surface-panel)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-hover)}.btn-ghost{color:var(--ink-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--ink-primary)}.btn-danger{background:var(--action-danger);color:var(--action-danger-ink)}.btn-danger:hover:not(:disabled){background:var(--action-danger-hover)}.btn-danger-outline{border-color:var(--border-default);color:var(--status-error-ink)}.btn-danger-outline:hover:not(:disabled){border-color:var(--action-danger);background:var(--status-error-bg)}.btn-success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-ink)}.data-table{width:100%;font-size:var(--text-sm);text-align:left}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table th{background:var(--surface-subtle);color:var(--ink-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.data-table tbody tr:last-child>*{border-bottom:0}.data-table tbody tr:hover>*{background:var(--surface-page)}.data-table-actions{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:flex-end}.table-scroll{overflow-x:auto}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-05) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--surface-subtle);color:var(--ink-secondary);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge-mono{border-radius:var(--radius-xs);font-family:var(--font-mono);font-weight:400;text-transform:none}.badge-success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-ink)}.badge-danger{border-color:var(--status-error-border);background:var(--status-error-bg);color:var(--status-error-ink)}.badge-warning{border-color:var(--status-warning-border);background:var(--status-warning-bg);color:var(--status-warning-ink)}.badge-info{border-color:var(--status-info-border);background:var(--status-info-bg);color:var(--status-info-ink)}.badge-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.status-badge,.state-badge{display:inline-flex;align-items:center;padding:var(--space-05) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--surface-subtle);color:var(--ink-secondary);font-size:var(--text-xs);font-weight:600;text-transform:capitalize;white-space:nowrap}.status-active,.status-resolved,.state-delivered{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-ink)}.status-paused,.status-expired,.status-open,.state-pending{border-color:var(--status-warning-border);background:var(--status-warning-bg);color:var(--status-warning-ink)}.status-revoked,.state-failed{border-color:var(--status-error-border);background:var(--status-error-bg);color:var(--status-error-ink)}.banner{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--ink-secondary);font-size:var(--text-sm)}.banner-error{border-color:var(--status-error-border);background:var(--status-error-bg);color:var(--status-error-ink)}.banner-warning{border-color:var(--status-warning-border);background:var(--status-warning-bg);color:var(--status-warning-ink)}.banner-success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-ink)}.banner-info{border-color:var(--status-info-border);background:var(--status-info-bg);color:var(--status-info-ink)}.form-error,.field-error{color:var(--status-error-ink);font-size:var(--text-sm)}.field{display:grid;gap:var(--space-1);min-width:0}.field-hint{color:var(--ink-muted);font-size:var(--text-xs)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.checkbox-group{display:grid;gap:var(--space-2)}.checkbox-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);font-weight:400}.checkbox-item-indented{padding-left:var(--space-5)}.checkbox-text{display:grid;gap:var(--space-05)}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:var(--scrim);overflow:hidden}.modal-card{display:flex;flex-direction:column;min-width:0;width:100%;max-width:32rem;max-height:calc(100dvh - var(--space-8));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-overlay);overflow:hidden}.modal-card-wide{max-width:60rem}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:var(--text-lg)}.modal-body{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;min-height:0;padding:var(--space-5);overflow-y:auto}.modal-footer{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;flex-shrink:0;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--surface-page)}.code-inline{padding:.1em .35em;border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:var(--surface-subtle);font-family:var(--font-mono);font-size:.875em}.code-block{margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;overflow-wrap:anywhere}.code-block-selectable{user-select:all}
