:root{--app-color-primary: var(--p-primary-color);--app-color-primary-contrast: var(--p-primary-contrast-color);--app-color-background: #f8fafc;--app-color-surface: #ffffff;--app-color-surface-muted: #f1f5f9;--app-color-border: #e2e8f0;--app-color-text: #0f172a;--app-color-text-muted: #64748b;--app-color-link: #1d4ed8;--app-color-danger: #dc2626;--app-color-success: #16a34a;--app-color-warning: #d97706;--app-radius: .5rem;--app-space-1: .25rem;--app-space-2: .5rem;--app-space-3: .75rem;--app-space-4: 1rem;--app-space-6: 1.5rem;--app-content-max-width: 72rem;--app-form-max-width: 32rem}.page{width:100%;max-width:var(--app-content-max-width);margin:0 auto;padding:var(--app-space-4);box-sizing:border-box}.page--narrow{max-width:var(--app-form-max-width)}.field{display:flex;flex-direction:column;gap:var(--app-space-2);margin-bottom:var(--app-space-4)}.field>label{font-weight:600;color:var(--app-color-text)}.field-error{color:var(--app-color-danger);font-size:.875rem}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--app-space-2);margin-top:var(--app-space-6)}@media(max-width:575.98px){.form-actions{flex-direction:column-reverse;align-items:stretch}}.back-link{display:inline-flex;align-items:center;gap:var(--app-space-1);margin-bottom:var(--app-space-3);color:var(--app-color-link);text-decoration:none}.back-link:hover,.back-link:focus-visible{text-decoration:underline}.detail-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--app-space-3);margin-bottom:var(--app-space-4)}.detail-header>h1{margin:0;font-size:1.5rem;color:var(--app-color-text)}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--app-space-2)}.text-muted{color:var(--app-color-text-muted)}.app-dialog{width:min(var(--app-form-max-width),calc(100vw - 2 * var(--app-space-4)))}.intro-text{margin:0 0 var(--app-space-4)}.form-message{display:block;margin-bottom:var(--app-space-4)}.cell-label{display:none}@media(max-width:767.98px){.cell-label{display:block;flex-shrink:0;font-weight:600;color:var(--app-color-text-muted)}.cell-value{text-align:right}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;background:var(--app-color-background);color:var(--app-color-text);-webkit-text-size-adjust:100%}