.dashboard { max-width:1100px; margin:auto; padding:24px; }
.dashboard-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:36px; }
.dashboard-header a { display:flex; align-items:center; gap:12px; font-weight:800; }
.dashboard-header img { width:64px; height:64px; object-fit:contain; border-radius:12px; }
.dashboard h1 { font-size:clamp(2rem,6vw,3.5rem); margin:12px 0; }
.dashboard-note { padding:20px; background:#e5f8fc; border-left:5px solid #08bfe4; border-radius:12px; margin:24px 0; }
.dashboard-controls { display:flex; flex-wrap:wrap; align-items:end; gap:16px; }
.dashboard-controls label { flex:1; min-width:200px; }
.dashboard input,.dashboard select,.dashboard textarea { display:block; width:100%; background:white; border:1px solid #8fa8af; padding:12px; border-radius:10px; font:inherit; color:#082a35; margin-top:6px; }
.vendor-record { border:1px solid #b8ced3; border-radius:20px; background:white; padding:24px; margin:20px 0; box-shadow:0 8px 24px #082a3508; }
.vendor-record h2 { margin:0 0 8px; font-size:1.6rem; overflow-wrap:anywhere; }
.record-badges { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.record-badges span { padding:6px 12px; border-radius:20px; font-size:.875rem; font-weight:800; background:#e5f8fc; }
.record-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:16px; margin:20px 0; }
.record-fields dt { font-weight:800; font-size:.875rem; }
.record-fields dd { margin:4px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.record-editor { border-top:1px solid #d7e5e8; padding-top:20px; display:grid; gap:16px; }
.record-editor button { justify-self:start; }
.dashboard-pagination { display:flex; gap:16px; justify-content:center; align-items:center; margin:28px 0; }
.record-message { margin:0; }
.dashboard summary { cursor:pointer; font-weight:800; padding:12px 0; }