:root{--color-primary: oklch(45% .15 250);--color-primary-light: oklch(65% .12 250);--color-primary-dark: oklch(30% .15 250);--color-primary-hover: oklch(40% .15 250);--color-neutral-50: oklch(98% 0 0);--color-neutral-100: oklch(95% 0 0);--color-neutral-200: oklch(90% 0 0);--color-neutral-300: oklch(80% 0 0);--color-neutral-400: oklch(70% 0 0);--color-neutral-500: oklch(60% 0 0);--color-neutral-600: oklch(50% 0 0);--color-neutral-700: oklch(40% 0 0);--color-neutral-800: oklch(25% 0 0);--color-neutral-900: oklch(20% 0 0);--color-success: oklch(60% .15 145);--color-success-light: oklch(95% .05 145);--color-success-dark: oklch(45% .15 145);--color-danger: oklch(55% .2 25);--color-danger-light: oklch(95% .05 25);--color-danger-dark: oklch(45% .2 25);--color-warning: oklch(70% .15 75);--color-warning-light: oklch(95% .05 75);--color-info: oklch(65% .15 230);--color-info-light: oklch(95% .05 230);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--border-width: 1px;--border-width-thick: 2px;--shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / .05);--shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .1), 0 2px 4px -2px oklch(0% 0 0 / .1);--shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / .1), 0 4px 6px -4px oklch(0% 0 0 / .1);--shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / .1), 0 8px 10px -6px oklch(0% 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--container-max: 1200px;--content-max: 800px;--sidebar-width: 250px;--focus-ring: 0 0 0 3px var(--color-primary-light);--focus-ring-danger: 0 0 0 3px var(--color-danger-light)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-900);background-color:var(--color-neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-neutral-900);margin-block-end:var(--space-md)}h1{font-size:var(--font-size-3xl);margin-block-end:var(--space-lg)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}p{margin-block-end:var(--space-md)}p:last-child{margin-block-end:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}strong,b{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-sm)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.breadcrumbs{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-block-end:var(--space-md)}.page-header{background-color:#fff;border:var(--border-width) solid var(--color-neutral-300);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);margin-block-end:var(--space-xl);box-shadow:var(--shadow-sm)}.page-header h1{margin-block-end:var(--space-lg);padding-block-end:var(--space-md);border-block-end:var(--border-width) solid var(--color-neutral-200)}.page-header dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md) var(--space-xl);align-items:baseline}.page-header dt{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-600);text-align:right}.page-header dd{font-size:var(--font-size-base);color:var(--color-neutral-900);margin:0}label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);margin-block-end:var(--space-xs)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,select{width:100%;padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-900);background-color:#fff;border:var(--border-width) solid var(--color-neutral-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none}input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}input:hover,textarea:hover,select:hover{border-color:var(--color-neutral-400)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-neutral-100);color:var(--color-neutral-500);cursor:not-allowed;opacity:.6}textarea{min-height:100px;resize:vertical}select:not([multiple]){padding-inline-end:var(--space-xl);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;cursor:pointer}input[type=radio],input[type=checkbox]{width:1.125rem;height:1.125rem;margin-inline-end:var(--space-sm);cursor:pointer;accent-color:var(--color-primary)}input[type=radio]:focus,input[type=checkbox]:focus{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}fieldset{border:var(--border-width) solid var(--color-neutral-300);border-radius:var(--radius-md);padding:var(--space-lg);margin-block-end:var(--space-lg)}legend{font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);padding-inline:var(--space-sm)}input:invalid,textarea:invalid,select:invalid{border-color:var(--color-danger)}input:invalid:focus,textarea:invalid:focus,select:invalid:focus{box-shadow:var(--focus-ring-danger)}.error,.form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-block-start:var(--space-xs);display:block}.success,.form-success{color:var(--color-success);font-size:var(--font-size-sm);margin-block-start:var(--space-xs);display:block}.form-group{margin-block-end:var(--space-lg)}.form-group:last-child{margin-block-end:0}button,.button,input[type=submit],input[type=button],input[type=reset]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-decoration:none;background-color:var(--color-neutral-200);color:var(--color-neutral-900);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none}button[type=submit]:not(.button-secondary):not(.button-danger):not(.button-success),input[type=submit]:not(.button-secondary):not(.button-danger):not(.button-success){background-color:var(--color-primary);color:#fff}button:focus-visible,.button:focus-visible,input[type=submit]:focus-visible,input[type=button]:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:disabled,.button:disabled,input[type=submit]:disabled,input[type=button]:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500);cursor:not-allowed;transform:none;opacity:.6}.button-secondary,button[type=button]:not([class]){background-color:var(--color-neutral-200);color:var(--color-neutral-900)}.button-secondary:hover,button[type=button]:not([class]):hover{background-color:var(--color-neutral-300)}.button-danger{background-color:var(--color-danger);color:#fff}.button-danger:hover{background-color:var(--color-danger-dark)}.button-success{background-color:var(--color-success)}.button-success:hover{background-color:var(--color-success-dark)}.button-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.button-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.button-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}table{width:100%;border-collapse:collapse;border-spacing:0;background-color:#fff;border:var(--border-width) solid var(--color-neutral-300);border-radius:var(--radius-md);overflow:hidden}thead{background-color:var(--color-neutral-100)}th{padding:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:start;color:var(--color-neutral-700);border-block-end:var(--border-width) solid var(--color-neutral-300)}td{padding:var(--space-md);border-block-end:var(--border-width) solid var(--color-neutral-200)}tbody tr:last-child td{border-block-end:none}tbody tr:hover{background-color:var(--color-neutral-50)}@media(max-width:768px){table{display:block;overflow-x:auto;white-space:nowrap}}dialog{max-width:600px;width:calc(100% - var(--space-xl));padding:var(--space-lg);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background-color:#fff;margin:auto}dialog::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog footer{padding-block-start:var(--space-lg);border-block-start:var(--border-width) solid var(--color-neutral-200);display:flex;justify-content:flex-end;gap:var(--space-sm)}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:var(--border-width) solid;margin-block-end:var(--space-lg)}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.alert-danger{background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger-dark)}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:#624000;color:oklch(40% .15 75)}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-primary-dark)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}@media(max-width:768px){:root{--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem;--space-lg: 1rem;--space-xl: 1.5rem}.container,.container-narrow{padding-inline:var(--space-md)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}.button-group{flex-direction:column}.button-group button,.button-group .button{width:100%}}@media(max-width:768px){.page-header{padding:var(--space-md) var(--space-lg)}.page-header dl{grid-template-columns:1fr;gap:var(--space-sm)}.page-header dt{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}}@media print{body{background-color:#fff;color:#000}nav,button,.button,input[type=submit]{display:none}a{color:#000;text-decoration:underline}}