:root{--sa-bg: #f4f6fb;--sa-surface: #ffffff;--sa-surface-muted: #f8fafc;--sa-border: #e2e8f0;--sa-border-strong: #cbd5e1;--sa-text: #141627;--sa-text-soft: #34425d;--sa-text-muted: #64748b;--sa-text-faint: #94a3b8;--sa-primary: #111827;--sa-primary-contrast: #ffffff;--sa-accent: #4338ca;--sa-accent-soft: #eef2ff;--sa-accent-border: #c7d2fe;--sa-success-bg: #dcfce7;--sa-success-text: #166534;--sa-warn-bg: #ffedd5;--sa-warn-text: #9a3412;--sa-danger-bg: #fee2e2;--sa-danger-text: #991b1b;--sa-danger-border: #fecaca;--sa-radius-sm: 12px;--sa-radius-md: 14px;--sa-radius-lg: 18px;--sa-radius-xl: 24px;--sa-radius-pill: 999px;--sa-shadow-card: 0 24px 60px rgba(15, 23, 42, .08);--sa-shadow-focus: 0 0 0 3px rgba(148, 163, 184, .3);--sa-shadow-strong: 0 12px 24px rgba(15, 23, 42, .2);--sa-space-1: 8px;--sa-space-2: 12px;--sa-space-3: 16px;--sa-space-4: 20px;--sa-space-5: 24px;--sa-space-6: 28px;--sa-space-7: 32px;--sa-space-8: 48px;--sa-font: "Space Grotesk", "IBM Plex Sans", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sa-font);color:var(--sa-text);background:var(--sa-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p{margin:0}a{color:var(--sa-accent)}.page{min-height:100vh;padding:var(--sa-space-8) 20px calc(var(--sa-space-8) + 24px);background:radial-gradient(circle at top left,#fbe7c8,transparent 55%),radial-gradient(circle at 80% 20%,#c6f1e7,transparent 50%),linear-gradient(135deg,#f8fafc,#eef1f5)}.hero{max-width:1200px;margin:0 auto var(--sa-space-6);text-align:left;animation:sa-rise .6s ease-out both}.eyebrow{letter-spacing:.24em;text-transform:uppercase;font-size:.75rem;color:var(--sa-text-muted);font-weight:700;margin:0 0 12px}.page h1{font-size:clamp(2.1rem,3vw,3rem);margin:0 0 12px}.subtitle{color:var(--sa-text-soft);margin:0;max-width:60ch}.card{box-sizing:border-box;width:min(1200px,100%);margin:0 auto;background:var(--sa-surface);border-radius:var(--sa-radius-xl);padding:var(--sa-space-7);box-shadow:var(--sa-shadow-card);animation:sa-rise .6s ease-out both}.card-header,.card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:var(--sa-space-5)}.card-head p,.meta,.empty{color:var(--sa-text-soft)}.field{display:flex;flex-direction:column;gap:8px;font-weight:600;color:var(--sa-text-soft)}.field>span{font-size:.9rem}.field.input,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--sa-border);border-radius:var(--sa-radius-md);padding:12px 14px;font-size:.95rem;font-family:inherit;background:var(--sa-surface-muted);color:var(--sa-text);transition:border .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--sa-border-strong);box-shadow:var(--sa-shadow-focus);background:var(--sa-surface)}.field.full,label.full{grid-column:1 / -1}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.stack{display:grid;gap:var(--sa-space-5)}button{font:inherit;cursor:pointer}button[type=submit]{border:none;border-radius:var(--sa-radius-pill);padding:12px 24px;font-size:.95rem;font-weight:600;background:var(--sa-primary);color:var(--sa-primary-contrast);transition:transform .2s ease,box-shadow .2s ease}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}button[type=submit]:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--sa-shadow-strong)}.ghost{border:1px solid var(--sa-accent-border);background:transparent;color:var(--sa-accent);padding:8px 12px;border-radius:var(--sa-radius-pill);font-size:.85rem;cursor:pointer}.ghost.danger{border-color:var(--sa-danger-border);color:var(--sa-danger-text)}.ghost:disabled{opacity:.5;cursor:not-allowed}.status{margin:0;padding:14px 16px;border-radius:var(--sa-radius-lg);font-weight:600}.status.success{background:var(--sa-success-bg);color:var(--sa-success-text)}.status.error{background:var(--sa-danger-bg);color:var(--sa-danger-text)}.badge{padding:6px 12px;border-radius:var(--sa-radius-pill);font-size:.8rem;font-weight:600;background:var(--sa-border);color:var(--sa-text)}.badge.success{background:var(--sa-success-bg);color:var(--sa-success-text)}.badge.warn{background:var(--sa-warn-bg);color:var(--sa-warn-text)}.badge.active{background:var(--sa-success-bg);color:var(--sa-success-text)}.badge.inactive{background:var(--sa-border);color:#475569}.pill{display:inline-block;padding:4px 10px;border-radius:var(--sa-radius-pill);background:var(--sa-surface-muted);font-size:.85rem}.message.success{color:var(--sa-success-text)}.message.error{color:var(--sa-danger-text)}@keyframes sa-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.split{display:grid;gap:var(--sa-space-5);min-height:0}.split-col{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px}.split--fill{height:calc(100vh - 120px)}.split--fill>.split-col{height:100%}@media(max-width:900px){.split--fill{height:auto}.split--fill>.split-col{height:auto;overflow:visible}}@media(max-width:900px){.page{padding:16px 12px 32px}.card{padding:var(--sa-space-4)}.grid{grid-template-columns:1fr}table{display:block;max-width:100%;overflow-x:auto}}.catalog-route-nav,.catalog-tablist,.catalog-pager,.catalog-pager__controls,.catalog-pager__size,.catalog-editor__header,.catalog-editor__controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sa-space-2)}.catalog-route-nav a,.catalog-tablist button,.catalog-editor__toggle,.catalog-pager button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--sa-border);border-radius:var(--sa-radius-md);padding:10px 14px;background:var(--sa-surface);color:var(--sa-text-soft);font-weight:650;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}.catalog-route-nav a:hover,.catalog-tablist button:not(:disabled):hover,.catalog-editor__toggle:hover,.catalog-pager button:not(:disabled):hover{border-color:var(--sa-border-strong);background:var(--sa-surface-muted);color:var(--sa-text)}.catalog-route-nav a[aria-current=page],.catalog-tablist button[aria-selected=true]{border-color:var(--sa-primary);background:var(--sa-primary);color:var(--sa-primary-contrast)}.catalog-route-nav a:focus-visible,.catalog-tablist button:focus-visible,.catalog-tabpanel:focus-visible,.catalog-editor__toggle:focus-visible,.catalog-pager button:focus-visible,.catalog-pager select:focus-visible{outline:2px solid var(--sa-accent);outline-offset:3px;box-shadow:none}.catalog-tabs,.catalog-editor{display:grid;gap:var(--sa-space-3)}.catalog-tablist{border-bottom:1px solid var(--sa-border);padding-bottom:var(--sa-space-2)}.catalog-tablist button:disabled,.catalog-pager button:disabled{cursor:not-allowed;opacity:.45}.catalog-tabpanel{min-width:0;border-radius:var(--sa-radius-sm)}.catalog-status{margin:0;border:1px solid var(--sa-border);border-radius:var(--sa-radius-md);padding:12px 14px;background:var(--sa-surface-muted);color:var(--sa-text-soft);font-weight:600}.catalog-status--loading{border-color:var(--sa-accent-border);background:var(--sa-accent-soft);color:var(--sa-accent)}.catalog-status--success{border-color:var(--sa-success-bg);background:var(--sa-success-bg);color:var(--sa-success-text)}.catalog-status--error{border-color:var(--sa-danger-border);background:var(--sa-danger-bg);color:var(--sa-danger-text)}.catalog-editor{border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);padding:var(--sa-space-4);background:var(--sa-surface-muted)}.catalog-editor__header{justify-content:space-between}.catalog-editor__copy{display:grid;gap:4px}.catalog-editor__copy h2{font-size:1.05rem}.catalog-editor__copy p,.catalog-pager p{margin:0;color:var(--sa-text-muted);font-size:.9rem}.catalog-editor__panel{border-top:1px solid var(--sa-border);padding-top:var(--sa-space-4)}.catalog-editor__panel[hidden]{display:none}.catalog-pager{justify-content:space-between;border-top:1px solid var(--sa-border);padding-top:var(--sa-space-3)}.catalog-pager__size label{color:var(--sa-text-soft);font-size:.9rem;font-weight:600}.catalog-pager__size select{min-width:76px;min-height:44px;padding-block:8px;background:var(--sa-surface)}@media(max-width:640px){.catalog-route-nav,.catalog-tablist{align-items:stretch}.catalog-route-nav a,.catalog-tablist button{flex:1 1 140px}.catalog-pager{align-items:flex-start}.catalog-pager__count{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.catalog-route-nav a,.catalog-tablist button,.catalog-editor__toggle,.catalog-pager button{transition:none}}