:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#009cde;--color-primary-tint:#bcecf6;--color-text:#1a1a1a;--color-text-muted:#555;--color-border:#ccc;--color-border-muted:#ddd;--color-surface:#fff;--color-surface-muted:#eee;--color-danger:#b00020;--font-family-base:system-ui, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-weight-normal:400;--font-weight-bold:700;--line-height-base:1.5;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--radius-sm:3px;--control-height:2.5rem;font-family:system-ui,sans-serif}body{background:var(--color-surface);max-width:1200px;color:var(--color-text);margin:0 auto;padding:0 1rem}.app-header{align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);display:flex}.app-header a{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none}.app-header nav{gap:var(--space-md);display:flex}.app-header nav a{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text)}.app-header nav a[aria-current=page]{color:var(--color-primary);font-weight:var(--font-weight-bold)}table{border-collapse:collapse;width:100%;margin:var(--space-md) 0}thead th{text-transform:uppercase;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted)}th,td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-muted)}tbody tr:nth-child(2n){background:var(--color-surface-muted)}form label{margin-top:var(--space-sm);font-weight:var(--font-weight-bold);color:var(--color-text);display:block}dl{gap:var(--space-xs) var(--space-md);grid-template-columns:max-content 1fr;display:grid}dt{font-weight:var(--font-weight-bold);color:var(--color-text-muted)}dd{color:var(--color-text);margin:0}fieldset{margin:var(--space-md) 0;padding:var(--space-md) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm)}legend{font-weight:var(--font-weight-bold);color:var(--color-text);padding:0 var(--space-xs)}fieldset>div{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);display:flex}fieldset>div label{margin-top:0}fieldset>button{margin-top:var(--space-sm)}input[type=text],input[type=number],input[type=date],select{box-sizing:border-box;height:var(--control-height);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface)}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,select:focus{box-shadow:0 0 0 3px var(--color-primary-tint);outline:none}input[aria-invalid=true]{border-color:var(--color-danger)}.number-stepper{display:flex;position:relative}.number-stepper input[type=number]{-moz-appearance:textfield;width:100%;padding-right:1.75rem}.number-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-stepper__buttons{border-left:1px solid var(--color-primary);flex-direction:column;width:1.5rem;display:flex;position:absolute;top:1px;bottom:1px;right:1px}.number-stepper__button{background:var(--color-surface);color:var(--color-primary);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;padding:0;font-size:.55rem;line-height:1;display:flex}.number-stepper__button:first-child{border-bottom:1px solid var(--color-primary);border-top-right-radius:calc(var(--radius-sm) - 1px)}.number-stepper__button:last-child{border-bottom-right-radius:calc(var(--radius-sm) - 1px)}.number-stepper__button:hover{background:var(--color-primary-tint)}form p[role=alert]{color:var(--color-danger);margin:var(--space-xs) 0;font-size:var(--font-size-sm)}.filter-panel{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);margin:var(--space-md) 0}.filter-panel form{align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;display:flex}.filter-panel__sort{align-items:flex-end;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.filter-panel__field{gap:var(--space-xs);flex-direction:column;display:flex}.filter-panel__field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text);margin-top:0}.filter-panel__actions{gap:var(--space-sm);display:flex}.filter-panel__button--primary,.pagination__button--primary,.form-button--primary,.detail-section__button--primary,.filter-panel__button--secondary,.form-button--secondary,.detail-section__button--secondary{box-sizing:border-box;height:var(--control-height);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.filter-panel__button--primary,.pagination__button--primary,.form-button--primary,.detail-section__button--primary{background:var(--color-primary);color:var(--color-surface);border:1px solid var(--color-primary);font-weight:var(--font-weight-bold)}.filter-panel__button--primary:hover,.pagination__button--primary:hover,.form-button--primary:hover,.detail-section__button--primary:hover{filter:brightness(.92)}.filter-panel__button--secondary,.form-button--secondary,.detail-section__button--secondary{color:var(--color-primary);border:1px solid var(--color-primary);font-weight:var(--font-weight-normal);background:0 0}.filter-panel__button--secondary:hover,.form-button--secondary:hover,.detail-section__button--secondary:hover{background:var(--color-primary-tint)}.filter-panel__button--primary:disabled,.pagination__button--primary:disabled,.form-button--primary:disabled,.detail-section__button--primary:disabled,.filter-panel__button--secondary:disabled,.form-button--secondary:disabled,.detail-section__button--secondary:disabled{opacity:.5;cursor:not-allowed;filter:none}.filter-panel__summary{margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination{gap:var(--space-sm);margin:var(--space-md) 0;flex-direction:column;display:flex}.pagination__pages{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.pagination__button--primary{text-transform:uppercase}.pagination__button--page{box-sizing:border-box;min-width:var(--control-height);height:var(--control-height);background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);cursor:pointer}.pagination__button--page-active{background:var(--color-primary);color:var(--color-surface)}.pagination__button--page:hover{background:var(--color-primary-tint)}.pagination__button--page-active:hover{filter:brightness(.92)}.pagination__ellipsis{color:var(--color-text-muted);padding:0 var(--space-xs)}.pagination__summary{font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-section,.detail-section{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);margin:var(--space-md) 0}.detail-section p[role=alert]{color:var(--color-danger);margin:var(--space-xs) 0;font-size:var(--font-size-sm)}.link-primary{color:var(--color-primary);text-decoration:none}.link-primary:hover{text-decoration:underline}
