:root { --master-ink: #24382e; --master-green: #216c50; }
body { margin:0; background:#f8faf9; color:var(--master-ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:0; }
a { color:#216c50; }
.master-nav { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 36px; border-bottom:1px solid #dfe7e2; background:#fff; }
.master-brand { display:flex; align-items:center; gap:12px; color:#24382e; text-decoration:none; font-weight:700; font-size:17px; }
.master-brand small { display:block; color:#7b8780; font-weight:400; font-size:12px; margin-top:2px; }
.master-mark { width:42px; height:42px; border-radius:6px; background:#e9f3ed; color:#216c50; display:grid; place-items:center; }
.master-mark img { width:100%; height:100%; object-fit:contain; }
.modal-dialog-scrollable .modal-content > form { display:flex; flex-direction:column; min-height:0; overflow:hidden; }
.master-nav nav { display:flex; align-items:center; gap:24px; font-size:13px; }
.master-nav nav a { color:#53665a; text-decoration:none; }
.master-main { max-width:1440px; margin:auto; padding:36px; }
.master-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
.master-eyebrow { font-size:11px; font-weight:600; color:#7c8d81; }
.master-heading h1 { margin:7px 0; font-size:30px; font-weight:650; overflow-wrap:anywhere; }
.master-heading p { margin:0; font-size:14px; color:#7b8780; }
.master-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:22px 0; border-top:1px solid #dfe7e2; border-bottom:1px solid #dfe7e2; margin-bottom:28px; }
.master-stats-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.master-stats > div { padding:0 24px; border-right:1px solid #dfe7e2; }
.master-stats > div:first-child { padding-left:0; }
.master-stats > div:last-child { border:0; }
.master-stats span { color:#7b8780; font-size:12px; display:block; }
.master-stats strong { display:block; font-size:28px; font-weight:650; margin-top:8px; overflow-wrap:anywhere; }
.master-filters { display:flex; gap:12px; margin-bottom:20px; }
.master-search { position:relative; flex:1; }
.master-search svg { position:absolute; left:13px; top:11px; width:18px; height:18px; color:#88978c; }
.master-search input { padding-left:40px; }
.master-filters select { max-width:180px; }
.master-table-wrap { overflow:auto; border:1px solid #e0e7e2; border-radius:6px; background:#fff; }
.master-table { margin:0; font-size:13px; min-width:680px; }
.master-table th { background:#f0f5f2; color:#728076; font-size:11px; font-weight:600; padding:14px 20px; white-space:nowrap; }
.master-table td { padding:18px 20px; border-color:#edf1ee; }
.master-restaurant-cell { display:flex; align-items:center; gap:12px; }
.master-avatar { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border-radius:6px; color:#236849; background:#eaf4ed; font-size:15px; font-weight:600; }
.master-restaurant-name { text-decoration:none; font-size:14px; font-weight:600; }
.master-restaurant-cell small { display:block; color:#8a978d; font-size:11px; margin-top:4px; }
.master-status { display:inline-block; font-size:11px; font-weight:600; padding:4px 9px; border-radius:4px; }
.master-status.active { color:#23734f; background:#e8f5ed; }
.master-status.suspended { color:#9d6252; background:#f8ece8; }
.btn { border-radius:5px; font-size:13px; padding:9px 14px; }
.btn-success { background:#216c50; border-color:#216c50; }
.btn svg { width:16px; height:16px; vertical-align:middle; margin-top:-2px; }
.master-icon { width:36px; height:36px; padding:8px; margin-left:4px; }
.form-control,.form-select { border-color:#dce5de; border-radius:5px; min-height:40px; font-size:14px; }
.form-control:focus,.form-select:focus { border-color:#4d9071; box-shadow:0 0 0 3px #e5f1e9; }
.form-label { font-size:12px; font-weight:600; color:#56695c; }
.master-pagination { display:flex; align-items:center; justify-content:space-between; font-size:12px; color:#849187; padding-top:18px; }
.master-section-title { font-size:17px; font-weight:650; margin-bottom:22px; }
.master-back { display:inline-flex; gap:6px; align-items:center; font-size:12px; text-decoration:none; }
.master-back svg { width:15px; height:15px; }
.master-access-details dt { font-size:12px; font-weight:400; color:#88958b; margin-top:18px; }
.master-access-details dd { font-size:14px; margin-top:5px; overflow-wrap:anywhere; }
.master-access-details svg { width:13px; height:13px; }
.modal-content { border:1px solid #dfe7e2; border-radius:8px; }
.modal-header,.modal-footer { padding:20px 24px; }
.modal-body { padding:24px; }
.modal-dialog-scrollable .modal-content > form { overflow-y:auto; }
.master-signin { max-width:400px; margin:60px auto; padding:24px 0; }
.master-signin h1 { font-size:28px; font-weight:650; }
.master-signin p { font-size:14px; }
.master-signin .master-back { display:block; text-align:center; margin-top:24px; }
@media (max-width:767px) {
 .master-nav { padding:16px 20px; flex-wrap:wrap; gap:16px; }
 .master-nav nav { gap:16px; }
 .master-main { padding:24px 16px; }
 .master-main > .row { --bs-gutter-x:24px; }
 .master-heading { flex-direction:column; align-items:flex-start; gap:16px; }
 .master-heading h1 { font-size:26px; }
 .master-stats strong { font-size:22px; }
 .master-stats > div { padding:0 12px; }
 .master-stats span { font-size:11px; }
 .master-stats-four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; }
 .master-stats-four > div:nth-child(3) { padding-left:0; }
 .master-filters { flex-wrap:wrap; }
 .master-search { flex-basis:100%; }
 .master-filters select { flex:1; max-width:none; }
 .master-signin { margin:36px auto; }
}