.admin{--paper:#F8FAFC;--ink:#172238;--muted:#526078;--line:#D6DEEA;--accent:#4F46E5}.admin-header{display:flex;justify-content:space-between;gap:25px;padding-block:42px}.admin-header h1{font-size:48px;margin:0}.admin-header .label{margin-bottom:10px}.demo-explainer{background:#E9EDF8;border-inline-start:4px solid #4F46E5;padding:22px 26px;margin-bottom:25px}.demo-explainer p{font-size:13px;margin:10px 0 0;max-width:100ch}.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-block:30px}.metric{background:white;border:1px solid var(--line);padding:22px}.metric strong{display:block;font-size:32px;line-height:1.3}.metric span{font-size:12px;color:var(--muted)}.admin-tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:15px;flex-wrap:wrap}.admin-tabs button{border:1px solid var(--line);background:white;padding:12px 20px;min-height:48px;font-size:14px}.admin-tabs button[aria-pressed=true]{color:white;background:var(--accent);border-color:var(--accent)}.admin-view{padding-block:35px}.admin-view h2{font-size:30px}.admin-view>.heading-row label{font-size:12px;min-width:160px}.record{background:white;border:1px solid var(--line);padding:26px;margin-bottom:20px;display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.record h3{font-size:21px;margin:8px 0 16px}.record p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.record .record-id{font-size:11px;color:var(--muted)}.record .record-fields{font-size:13px}.record ul{padding-inline-start:20px;font-size:14px}.record-controls label{font-size:12px}.record-controls textarea{min-height:80px;font-size:14px}.record-controls button{font-size:13px}.empty-state{padding:50px;border:1px dashed var(--line);text-align:center}.empty-state p{margin:0 auto 20px}.catalog-form{background:white;border:1px solid var(--line);padding:25px;margin-bottom:20px}.catalog-form h3{font-size:22px}.inventory-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.checkbox-label{display:flex;align-items:center;gap:12px}.checkbox-label input{width:22px;min-height:22px;margin:0;accent-color:var(--accent)}.admin-actions{display:flex;gap:25px;flex-wrap:wrap}.admin-status{position:sticky;bottom:20px;width:fit-content;max-width:100%;background:#172238;color:white;padding:14px 24px;box-shadow:0 8px 24px #0002;font-size:14px}.admin-status:empty{display:none}.admin .concept-footer{margin-top:40px}.status-badge{display:inline-block;padding:4px 10px;font-size:12px;background:#E9EDF8;border-radius:5px}.record-controls .cancel{color:#9B3030}.admin input,.admin select,.admin textarea{background:white}.admin .action:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.admin-header h1{font-size:35px}.admin-header{padding-block:30px}.admin-metrics{gap:8px}.metric{padding:14px}.metric strong{font-size:24px}.metric span{font-size:10px}.admin-tabs{gap:7px}.admin-tabs button{padding:10px;font-size:12px}.record{grid-template-columns:1fr;gap:15px;padding:20px}.inventory-fields{grid-template-columns:1fr;gap:0}.demo-explainer{padding:18px}.demo-explainer strong{font-size:14px}.admin-view h2{font-size:27px}.catalog-form{padding:20px}}
