:root{
  --bg:#f6f8fb;
  --panel:#ffffff;
  --ink:#111827;
  --muted:#657084;
  --line:#e4eaf2;
  --line-strong:#d7e0ea;
  --brand:#0b74ff;
  --brand-700:#075ac5;
  --blue:#0b74ff;
  --green:#13943d;
  --purple:#7b55ff;
  --orange:#ff8a00;
  --danger:#b42318;
  --success:#087443;
  --shadow:0 18px 50px rgba(23,32,51,.06);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-size:15px}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:none;color:var(--brand-700)}
.admin-body{background:var(--bg)}
.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}
.sidebar{background:#fff;border-right:1px solid var(--line);padding:24px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:26px;box-shadow:8px 0 28px rgba(23,32,51,.025)}
.brand{color:var(--brand);text-decoration:none}.brand-row{display:flex;align-items:center;gap:13px;font-weight:600}.brand-row:hover{text-decoration:none}.brand-logo{width:38px;height:38px;border:3px solid #e6f1ff;color:var(--brand);border-radius:11px;display:inline-grid;place-items:center;font-size:22px;font-weight:600;background:#f5f9ff}.brand-row strong{font-size:17px;letter-spacing:-.02em}
.admin-nav{display:grid;gap:8px}.admin-nav a{height:46px;display:flex;align-items:center;gap:13px;border-radius:12px;padding:0 14px;color:#344054;font-weight:500}.admin-nav a:hover{background:#f5f9ff;color:var(--brand)}.admin-nav a.active{background:#eaf3ff;color:var(--brand);box-shadow:inset 0 0 0 1px #d5e9ff}.nav-icon{width:23px;display:inline-grid;place-items:center;font-size:19px;color:inherit}
.sidebar-footer{margin-top:auto;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f7faff);padding:18px 16px;color:#172033;box-shadow:0 14px 36px rgba(23,32,51,.04)}.sidebar-footer span{display:block;font-weight:600;margin-bottom:11px}.sidebar-footer div{display:flex;align-items:center;gap:12px}.sidebar-footer small{color:#5d6678}.sidebar-footer em{font-style:normal;background:#dff7e8;color:#087443;border-radius:9px;padding:5px 12px;font-size:12px;font-weight:600}
.main{min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.topbar-left{display:flex;align-items:center;gap:23px}.hamburger{appearance:none;border:0;background:none;color:#344054;font-size:28px;line-height:1;cursor:pointer}.topbar h1{margin:0;font-size:24px;letter-spacing:-.025em}.topbar-right{display:flex;align-items:center;gap:24px}.notification{position:relative;font-size:21px}.notification span{position:absolute;right:-7px;top:-8px;min-width:18px;height:18px;background:var(--brand);color:#fff;border-radius:999px;font-size:11px;font-weight:600;display:grid;place-items:center}.admin-user{display:flex;align-items:center;gap:11px;margin:0}.avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#234,#789);color:#fff;display:grid;place-items:center;font-weight:600;border:3px solid #edf4fb;box-shadow:0 5px 12px rgba(23,32,51,.12)}.user-copy{display:grid;line-height:1.15}.user-copy strong{font-size:14px}.user-copy small{font-size:13px;color:#667085}.logout-link{border:0;background:transparent;color:#344054;font-size:18px;cursor:pointer;padding:4px}.dashboard-page{padding:24px 32px 32px}.welcome-card,.panel,.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.welcome-card{display:flex;align-items:center;gap:28px;padding:22px 28px;margin-bottom:16px}.welcome-icon{width:82px;height:82px;border-radius:999px;background:#edf5ff;color:var(--brand);display:grid;place-items:center;font-size:45px;font-weight:600}.welcome-card h2{margin:0 0 7px;font-size:25px;letter-spacing:-.035em}.welcome-card p{margin:0;color:#495568;max-width:790px;line-height:1.55}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.kpi-card{display:flex;align-items:center;gap:22px;padding:22px 26px;min-height:122px}.kpi-icon{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;font-size:33px;font-weight:600}.kpi-icon.blue{background:#eaf3ff;color:var(--blue)}.kpi-icon.green{background:#e8f7ee;color:var(--green)}.kpi-icon.purple{background:#f0ebff;color:var(--purple)}.kpi-icon.orange{background:#fff1df;color:var(--orange)}.kpi-card span:not(.kpi-icon){display:block;color:#4d5a6d;font-weight:500}.kpi-card strong{display:block;font-size:34px;line-height:1;margin:9px 0 8px;letter-spacing:-.04em}.trend{font-size:13px;font-style:normal}.trend.blue{color:var(--blue)}.trend.green{color:var(--green)}
.dashboard-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.panel{padding:18px 22px}.panel h3{margin:0 0 14px;font-size:18px;letter-spacing:-.02em}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-tile{border:1px solid var(--line-strong);border-radius:12px;background:#fff;min-height:116px;display:grid;place-items:center;text-align:center;padding:13px;color:#273244;font-weight:600}.quick-tile:hover{border-color:#bfdbfe;box-shadow:0 12px 28px rgba(11,116,255,.08);transform:translateY(-1px)}.quick-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:600;margin-bottom:8px}.quick-icon.blue{background:var(--blue)}.quick-icon.green{background:var(--green)}.quick-icon.orange{background:var(--orange)}.quick-icon.purple{background:var(--purple)}
.status-list{display:grid}.status-row{height:28px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;border-bottom:1px solid var(--line);font-size:14px}.status-row:last-child{border-bottom:0}.check{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:600}.check.ok{border:2px solid var(--green);color:var(--green)}.check.warn{border:2px solid var(--orange);color:var(--orange)}.mini-pill{font-style:normal;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600}.mini-pill.ok{background:#dff7e8;color:#087443}.mini-pill.warn{background:#fff4df;color:#a85500}
.lower{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}.panel-head{display:flex;align-items:center;justify-content:space-between}.table-wrap{overflow:auto}.pretty-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.pretty-table th{color:#334155;font-size:12px;text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);background:#fafcff}.pretty-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle;color:#263244}.pretty-table tr:last-child td{border-bottom:0}.row-doc{margin-right:8px;color:#64748b}.state{display:inline-flex;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.state.published{background:#dff7e8;color:#087443}.state.draft{background:#fff1cf;color:#c15c00}.ellipsis{color:#111827;font-size:21px;line-height:1}.panel-link{display:inline-flex;margin-top:16px;font-weight:600}.empty-state{background:#f8fbff;border:1px dashed var(--line-strong);border-radius:14px;padding:18px;color:#667085}
.activity-list{display:grid;gap:12px}.activity-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start}.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:600}.activity-icon.blue{background:#eaf3ff;color:var(--blue)}.activity-icon.green{background:#e8f7ee;color:var(--green)}.activity-icon.orange{background:#fff1df;color:var(--orange)}.activity-icon.purple{background:#f0ebff;color:var(--purple)}.activity-item strong{display:block;font-size:14px;font-weight:600;line-height:1.3}.activity-item small{display:block;color:#667085;margin-top:2px}.activity-item time{color:#667085;font-size:13px;white-space:nowrap}
.storage-panel{margin-bottom:0}.storage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.storage-item{display:grid;grid-template-columns:1fr auto;gap:8px 14px}.storage-item strong{display:block;font-size:14px}.storage-item span{display:block;font-size:13px;color:#475569;margin-top:4px}.storage-item em{font-style:normal;color:#475569;font-weight:600;align-self:end}.progress{grid-column:1/-1;height:8px;background:#edf1f7;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;border-radius:999px}.progress i.blue{background:var(--blue)}.progress i.green{background:var(--green)}.progress i.orange{background:var(--orange)}.progress i.purple{background:var(--purple)}
.button{appearance:none;border:0;background:var(--brand);color:white;padding:10px 15px;border-radius:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 18px rgba(11,116,255,.22)}.button:hover{background:var(--brand-700);color:#fff}.button.ghost{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:none}.button.tiny{font-size:12px;padding:7px 10px;border-radius:9px}.link-button{border:0;background:none;color:var(--danger);cursor:pointer;padding:0;font:inherit}.notice{padding:12px 14px;border-radius:12px;margin:18px 32px 0;border:1px solid var(--line);background:white}.notice.success{color:var(--success);border-color:#b7e4c7;background:#f0fdf4}.notice.error{color:var(--danger);border-color:#fecaca;background:#fff5f5}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat span{display:block;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat strong{display:block;font-size:34px;margin-top:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 9px;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:10px;align-items:center}.row-actions form{display:inline}.actions{margin-bottom:16px;display:flex;gap:10px;align-items:center}.stack-form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wide-form .full,.form-grid .full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:600;color:var(--ink)}label.checkbox{display:flex;align-items:center;gap:8px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;background:white;color:var(--ink)}textarea{resize:vertical}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input{width:auto}.callout{border-left:5px solid var(--brand)}.muted{color:var(--muted)}.split-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.split-header h2{margin:4px 0 8px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.status-pill.ok{background:#ecfdf5;color:var(--success);border:1px solid #bbf7d0}.status-pill.warn{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.metric{background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:14px}.metric span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.metric strong{display:block;font-size:22px;margin-top:6px}.help-box{border:1px dashed var(--line);background:#f8fbff;border-radius:14px;padding:12px;color:var(--muted)}code{background:#f1f5f9;border:1px solid #e2e8f0;padding:2px 5px;border-radius:6px;color:#0f172a}
.login-body,.install-body{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#eef5fb,#fff7ed)}.login-card,.install-card{width:min(520px,92vw);background:white;border-radius:24px;border:1px solid var(--line);padding:32px;box-shadow:0 30px 80px rgba(23,32,51,.14)}.login-card h1,.install-card h1{margin:6px 0}.install-card{width:min(760px,94vw)}
.public-body{background:#f7fafc}.public-header{display:flex;justify-content:space-between;align-items:center;padding:24px min(6vw,70px);background:white;border-bottom:1px solid var(--line)}.public-header h1{margin:2px 0 0}.public-main{padding:28px min(6vw,70px)}.hero-card{background:#10223a;color:white;border-radius:28px;padding:44px;margin-bottom:24px}.hero-card h2{font-size:42px;margin:8px 0}.hero-card p{color:#d8e7f7;max-width:760px}.public-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.book-tile{background:white;border:1px solid var(--line);border-radius:20px;padding:20px}.book-tile span{font-size:12px;text-transform:uppercase;color:var(--brand);font-weight:600}.book-tile h3{margin:8px 0}.book-tile p{color:var(--muted)}
.reader-body{background:#111827;color:white}.reader-header{position:sticky;top:0;z-index:3;background:rgba(17,24,39,.94);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.reader-header h1{margin:2px 0 0;font-size:22px}.reader-pages{display:grid;gap:28px;max-width:980px;margin:0 auto;padding:28px 16px}.reader-page{position:relative;background:#0b1220;border-radius:16px;padding:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.reader-page img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:8px}.reader-page span{display:block;margin-top:8px;color:#cbd5e1}.watermark{position:absolute;inset:auto 18px 26px auto;background:rgba(255,255,255,.68);color:#111827;padding:7px 10px;border-radius:8px;font-size:12px;pointer-events:none}.reader-empty,.reader-denied{max-width:760px;margin:80px auto;background:white;color:var(--ink);border-radius:24px;padding:32px}.reader-empty code{background:#eef2ff;padding:2px 5px;border-radius:5px}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-two,.lower{grid-template-columns:1fr}.storage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto}.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{min-width:0}.topbar{height:auto;gap:14px;align-items:flex-start;flex-direction:column;padding:18px}.dashboard-page{padding:18px}.notice{margin:18px 18px 0}.form-grid,.cards-grid,.two-col,.public-books{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.split-header{flex-direction:column}}
@media(max-width:640px){.admin-nav,.kpi-grid,.storage-grid,.quick-actions,.metrics-grid{grid-template-columns:1fr}.welcome-card{align-items:flex-start;flex-direction:column}.kpi-card{align-items:flex-start}.topbar-right{width:100%;justify-content:space-between}.activity-item{grid-template-columns:38px 1fr}.activity-item time{grid-column:2}.public-header{align-items:flex-start;flex-direction:column;gap:12px}.hero-card{padding:26px}.hero-card h2{font-size:30px}.inline-form{flex-direction:column;align-items:stretch}.row-actions{flex-direction:column;align-items:flex-start}}
/* v0.1.11 Lucide icon system: local embedded Lucide SVG subset for all admin UI icons. */
.ui-icon{width:1em;height:1em;display:block;stroke:currentColor;flex:0 0 auto}.brand-logo{border:0;background:transparent;border-radius:0}.brand-logo .ui-icon{width:38px;height:38px;stroke-width:1.8}.nav-icon{width:24px;height:24px}.nav-icon .ui-icon{width:22px;height:22px}.hamburger{display:grid;place-items:center;width:38px;height:38px;border-radius:10px}.hamburger:hover{background:#f4f7fb}.hamburger .ui-icon{width:26px;height:26px}.notification{width:32px;height:32px;display:grid;place-items:center;color:#172033}.notification .ui-icon{width:23px;height:23px}.logout-link{display:grid;place-items:center}.logout-link .ui-icon{width:18px;height:18px}.welcome-icon .ui-icon{width:48px;height:48px;stroke-width:1.8}.kpi-icon .ui-icon{width:34px;height:34px;stroke-width:2}.quick-icon .ui-icon{width:26px;height:26px;stroke-width:2.2}.check{border:0!important}.check .ui-icon{width:20px;height:20px}.check.ok{color:var(--green)}.check.warn{color:var(--orange)}.row-doc{display:inline-flex;vertical-align:-3px}.row-doc .ui-icon{width:16px;height:16px}.ellipsis{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px}.ellipsis:hover{background:#f1f5f9}.ellipsis .ui-icon{width:18px;height:18px}.activity-icon .ui-icon{width:20px;height:20px}.quick-icon.green .lucide-file-archive{width:24px;height:24px}.trend{display:inline-flex;align-items:center;gap:5px}.trend .ui-icon{width:13px;height:13px;stroke-width:2.5}

/* v0.1.14: Calm typography and visual hierarchy pass.
   Rule: no over-bold admin UI; use weight, size, spacing and color with restraint. */
:root{
  --bg:#f5f7fa;
  --panel:#ffffff;
  --ink:#152033;
  --muted:#667085;
  --line:#e2e8f0;
  --line-strong:#d6e0ec;
  --brand:#1677f2;
  --brand-700:#0f5fc4;
  --shadow:0 14px 38px rgba(15,23,42,.045);
}
body{font-size:14px;line-height:1.52;color:var(--ink);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.app-shell{grid-template-columns:280px minmax(0,1fr)}
.sidebar{padding:22px 16px;gap:24px;box-shadow:6px 0 24px rgba(15,23,42,.02)}
.brand-row{gap:12px;font-weight:600}.brand-row strong{font-size:16px;line-height:1.16;letter-spacing:-.01em;font-weight:600}.brand-logo{width:36px;height:36px;border-width:0;background:#f3f8ff;border-radius:10px}.brand-logo svg{width:25px;height:25px;stroke-width:2.1}
.admin-nav{gap:6px}.admin-nav a{height:44px;border-radius:11px;padding:0 13px;font-size:14px;font-weight:500;color:#334155}.admin-nav a.active{background:#edf6ff;box-shadow:inset 0 0 0 1px #d9eaff}.admin-nav svg{stroke-width:2}
.nav-icon{width:22px}.sidebar-footer{padding:16px 15px;border-radius:15px;box-shadow:0 10px 24px rgba(15,23,42,.035)}.sidebar-footer span{font-weight:600;margin-bottom:8px;font-size:14px;line-height:1.25}.sidebar-footer small{line-height:1.25}.sidebar-footer em{font-weight:600;font-size:11px;padding:4px 10px}
.topbar{height:76px;padding:0 32px}.topbar h1{font-size:22px;letter-spacing:-.02em;font-weight:600}.hamburger{font-size:22px;color:#344054}.hamburger svg,.notification svg,.logout-link svg{stroke-width:2}.avatar{width:40px;height:40px;font-weight:600;border-width:2px}.user-copy strong{font-weight:600}.user-copy small{font-size:12px;color:#667085}.notification span{font-weight:600}
.dashboard-page{padding:24px 34px 34px}.welcome-card,.panel,.kpi-card,.card{border-radius:16px;box-shadow:var(--shadow);border-color:#e4eaf2}.welcome-card{gap:24px;padding:21px 26px;margin-bottom:16px}.welcome-icon{width:76px;height:76px;background:#edf6ff}.welcome-icon svg{width:42px;height:42px;stroke-width:2}.welcome-card h2{font-size:22px;line-height:1.25;letter-spacing:-.025em;font-weight:600;margin-bottom:6px}.welcome-card p{font-size:14px;color:#526074;line-height:1.55;max-width:820px}
.kpi-grid{gap:16px}.kpi-card{min-height:112px;padding:20px 24px;gap:20px}.kpi-icon{width:64px;height:64px}.kpi-icon svg{width:32px;height:32px;stroke-width:2}.kpi-card span:not(.kpi-icon){font-size:13px;color:#516075;font-weight:500}.kpi-card strong{font-size:31px;font-weight:600;letter-spacing:-.035em;margin:7px 0 6px}.trend{font-size:12px;font-weight:500}.trend svg{width:13px;height:13px;vertical-align:-2px}
.panel{padding:18px 22px}.panel h3{font-size:17px;font-weight:600;letter-spacing:-.015em;margin-bottom:14px}.quick-actions{gap:13px}.quick-tile{min-height:106px;border-radius:12px;font-weight:500;color:#233044;line-height:1.25}.quick-tile strong{font-size:14px;font-weight:600}.quick-icon{width:42px;height:42px;border-radius:12px}.quick-icon svg{width:24px;height:24px;stroke-width:2}
.status-row{height:29px;font-size:13px;color:#344054}.check{font-weight:500}.check svg{width:17px;height:17px;stroke-width:2}.mini-pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:8px}
.pretty-table{font-size:13px}.pretty-table th{font-size:11px;font-weight:600;text-transform:none;letter-spacing:.01em;color:#5b6678;background:#fbfcfe}.pretty-table td{font-weight:400;color:#2c384a}.row-doc svg{width:15px;height:15px;vertical-align:-2px}.state{font-size:11px;font-weight:600;padding:4px 9px}.ellipsis svg{width:18px;height:18px;stroke-width:2}.panel-link{font-size:14px;font-weight:600}.empty-state{font-size:14px;line-height:1.55;color:#64748b;background:#f8fbff}
.activity-item{grid-template-columns:38px 1fr auto;gap:11px}.activity-icon{width:32px;height:32px}.activity-icon svg{width:18px;height:18px;stroke-width:2}.activity-item strong{font-size:13px;font-weight:500;color:#233044}.activity-item small{font-size:12px}.activity-item time{font-size:12px;color:#6b7280}
.storage-panel h3{margin-bottom:14px}.storage-grid{gap:26px}.storage-item strong{font-size:13px;font-weight:600}.storage-item span{font-size:12px;color:#536174}.storage-item em{font-size:13px;font-weight:600}.progress{height:7px;background:#edf2f7}
.button{font-weight:600;box-shadow:0 8px 18px rgba(22,119,242,.18)}.stat span{font-weight:600}.stat strong{font-weight:600}.form-field label{font-weight:500}.page-title,.card h2,.card h3{font-weight:600}
@media(max-width:1280px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:20px 14px}.brand-row strong{font-size:15px}.admin-nav a{font-size:13px}.dashboard-page{padding:22px 24px}.kpi-card{padding:18px 20px}.kpi-card strong{font-size:29px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-tile{min-height:96px}.storage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-two,.lower,.kpi-grid{grid-template-columns:1fr}.topbar{padding:0 22px}.dashboard-page{padding:20px}}


/* v0.1.15: Real admin visual balance pass.
   Correction after visual review: the previous pass did not sufficiently change the UI.
   This pass reduces visual heaviness across headings, nav, action tiles, pills and KPI text. */
:root{
  --bg:#f4f6f9;
  --panel:#ffffff;
  --ink:#223044;
  --muted:#6b778a;
  --line:#e5eaf1;
  --line-strong:#dbe3ee;
  --brand:#1677f2;
  --shadow:0 10px 28px rgba(15,23,42,.035);
}
html,body{font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;color:var(--ink)}
body{background:#f4f6f9;font-size:14px;line-height:1.56}
.app-shell{grid-template-columns:264px minmax(0,1fr)}
.sidebar{padding:22px 14px;gap:22px;box-shadow:4px 0 18px rgba(15,23,42,.018)}
.brand-row{gap:11px;font-weight:500!important;color:#1677f2}.brand-row strong{font-size:15px!important;line-height:1.18!important;font-weight:500!important;letter-spacing:-.005em!important}.brand-logo svg{width:29px!important;height:29px!important;stroke-width:1.9!important}
.admin-nav{gap:5px}.admin-nav a{height:42px!important;padding:0 12px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:400!important;color:#334155!important}.admin-nav a.active{font-weight:500!important;background:#eef6ff!important;box-shadow:inset 0 0 0 1px #dcecff!important}.admin-nav a:hover{background:#f4f8fd!important}.admin-nav svg{stroke-width:1.9!important}.nav-icon{width:21px!important}
.sidebar-footer{padding:15px 14px!important;border-radius:14px!important;box-shadow:0 8px 20px rgba(15,23,42,.025)!important}.sidebar-footer span{font-size:13px!important;font-weight:500!important}.sidebar-footer small{font-size:12px!important;color:#6b778a!important}.sidebar-footer em{font-size:11px!important;font-weight:500!important;padding:4px 9px!important}
.topbar{height:70px!important;padding:0 30px!important}.topbar-left{gap:19px!important}.topbar h1{font-size:21px!important;font-weight:500!important;letter-spacing:-.012em!important}.hamburger{width:36px!important;height:36px!important}.hamburger svg{width:23px!important;height:23px!important;stroke-width:1.9!important}.notification svg{stroke-width:1.9!important}.notification span{font-weight:500!important}.avatar{width:38px!important;height:38px!important;font-size:14px!important;font-weight:500!important}.user-copy strong{font-size:13px!important;font-weight:500!important}.user-copy small{font-size:12px!important}
.dashboard-page{padding:22px 30px 32px!important}.welcome-card,.panel,.kpi-card,.card{border-color:#e4eaf2!important;box-shadow:var(--shadow)!important;border-radius:15px!important}.welcome-card{padding:22px 26px!important;gap:22px!important;margin-bottom:16px!important}.welcome-icon{width:72px!important;height:72px!important;background:#eef6ff!important}.welcome-icon svg{width:40px!important;height:40px!important;stroke-width:1.85!important}.welcome-card h2{font-size:21px!important;line-height:1.28!important;font-weight:500!important;letter-spacing:-.018em!important;margin-bottom:5px!important}.welcome-card p{font-size:14px!important;color:#536176!important;line-height:1.55!important;max-width:760px!important}
.kpi-grid{gap:16px!important}.kpi-card{min-height:108px!important;padding:19px 24px!important;gap:18px!important}.kpi-icon{width:62px!important;height:62px!important}.kpi-icon svg{width:30px!important;height:30px!important;stroke-width:1.9!important}.kpi-card span:not(.kpi-icon){font-size:13px!important;font-weight:400!important;color:#526175!important}.kpi-card strong{font-size:30px!important;font-weight:500!important;letter-spacing:-.025em!important;margin:6px 0 6px!important}.trend{font-size:12px!important;font-weight:400!important}.trend svg{stroke-width:2!important}
.dashboard-two{gap:16px!important}.panel{padding:18px 20px!important}.panel h3{font-size:16.5px!important;font-weight:500!important;letter-spacing:-.01em!important;margin-bottom:13px!important}.quick-actions{gap:12px!important}.quick-tile{min-height:100px!important;padding:13px 10px!important;border-color:#dce5ef!important;font-size:13px!important;font-weight:400!important;color:#26364a!important}.quick-tile strong{font-size:13px!important;font-weight:500!important;line-height:1.25!important}.quick-icon{width:40px!important;height:40px!important;border-radius:11px!important;margin-bottom:8px!important}.quick-icon svg{width:23px!important;height:23px!important;stroke-width:1.9!important}
.status-row{height:28px!important;font-size:13px!important;font-weight:400!important;color:#3d4a5d!important}.check svg{width:17px!important;height:17px!important;stroke-width:1.9!important}.mini-pill{font-size:11px!important;font-weight:500!important;padding:4px 9px!important}.mini-pill.ok{background:#dcf7e8!important;color:#087443!important}.mini-pill.warn{background:#fff4df!important;color:#9a5a00!important}
.pretty-table{font-size:13px!important}.pretty-table th{font-size:11px!important;font-weight:500!important;color:#607086!important;background:#fbfcfe!important}.pretty-table td{font-weight:400!important;color:#2f3d50!important}.state{font-size:11px!important;font-weight:500!important}.panel-link{font-size:13px!important;font-weight:500!important}.empty-state{font-size:13.5px!important;font-weight:400!important;color:#66758a!important;background:#f9fbfe!important}
.activity-item strong{font-size:13px!important;font-weight:400!important;color:#2f3d50!important}.activity-item small,.activity-item time{font-size:12px!important;color:#6b778a!important}.activity-icon{width:31px!important;height:31px!important}.activity-icon svg{width:17px!important;height:17px!important;stroke-width:1.9!important}
.storage-item strong{font-size:13px!important;font-weight:500!important}.storage-item span{font-size:12px!important;color:#5d6a7c!important}.storage-item em{font-size:13px!important;font-weight:500!important}.progress{height:7px!important;background:#eef2f7!important}
.button,.stat span,.stat strong,.page-title,.card h2,.card h3,.form-field label{font-weight:500!important}
/* Prevent browser default <strong> weight from making the dashboard visually heavy. */
.dashboard-page strong,.sidebar strong,.topbar strong{font-weight:500!important}

/* v0.1.16: Premium admin UI refinement.
   Stronger correction after visual review: less bold, less saturated, calmer density,
   desktop-app visual discipline inspired by established professional UI systems. */
:root{
  --bg:#f5f6f8!important;
  --panel:#ffffff!important;
  --ink:#1f2937!important;
  --muted:#667085!important;
  --muted-2:#8a94a6!important;
  --line:#e7ebf0!important;
  --line-strong:#d8e0ea!important;
  --brand:#0a66d8!important;
  --brand-700:#084fb0!important;
  --blue:#0a66d8!important;
  --green:#0f8f45!important;
  --purple:#7657e8!important;
  --orange:#f28c18!important;
  --shadow:0 1px 2px rgba(16,24,40,.035),0 12px 28px rgba(16,24,40,.045)!important;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
html,body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-weight:400!important;
  font-size:14px!important;
  line-height:1.55!important;
  color:var(--ink)!important;
  background:var(--bg)!important;
}
body strong,body b{font-weight:500!important}
.app-shell{grid-template-columns:252px minmax(0,1fr)!important;background:var(--bg)!important}
.sidebar{
  padding:18px 12px!important;
  gap:20px!important;
  background:rgba(255,255,255,.92)!important;
  border-right:1px solid var(--line)!important;
  box-shadow:none!important;
}
.brand-row{height:40px;gap:10px!important;font-weight:500!important;color:var(--brand)!important;padding:0 2px!important}
.brand-logo{width:34px!important;height:34px!important;border:0!important;background:transparent!important;border-radius:10px!important;color:var(--brand)!important}
.brand-logo svg{width:30px!important;height:30px!important;stroke-width:1.75!important}
.brand-row strong{font-size:14px!important;line-height:1.18!important;font-weight:500!important;letter-spacing:-.01em!important;max-width:150px!important}
.admin-nav{gap:4px!important}
.admin-nav a{
  height:40px!important;
  border-radius:10px!important;
  padding:0 11px!important;
  gap:12px!important;
  color:#3f4a5f!important;
  font-size:13px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.admin-nav a:hover{background:#f4f7fb!important;color:#1f4f92!important}
.admin-nav a.active{
  background:#edf5ff!important;
  color:var(--brand)!important;
  font-weight:500!important;
  box-shadow:inset 0 0 0 1px #dbeafe!important;
}
.nav-icon{width:20px!important;color:inherit!important}.nav-icon svg{width:19px!important;height:19px!important;stroke-width:1.75!important}
.sidebar-footer{
  border-radius:14px!important;
  padding:14px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
}
.sidebar-footer span{font-size:13px!important;font-weight:500!important;color:#273244!important;margin-bottom:8px!important;line-height:1.3!important}
.sidebar-footer small{font-size:11.5px!important;line-height:1.35!important;color:var(--muted)!important;max-width:120px!important}
.sidebar-footer em{font-size:11px!important;font-weight:500!important;padding:3px 8px!important;border-radius:999px!important;background:#e7f7ee!important;color:#12723a!important}
.topbar{
  height:66px!important;
  padding:0 30px!important;
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:none!important;
}
.topbar-left{gap:18px!important}.hamburger{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;color:#475467!important;border-radius:9px!important}.hamburger:hover{background:#f3f6fa!important}.hamburger svg{width:21px!important;height:21px!important;stroke-width:1.8!important}
.topbar h1{font-size:19px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:-.01em!important;color:#1f2937!important}
.topbar-right{gap:18px!important}.notification{width:32px;height:32px;display:grid;place-items:center;color:#344054}.notification svg{width:20px!important;height:20px!important;stroke-width:1.75!important}.notification span{min-width:16px!important;height:16px!important;font-size:10px!important;font-weight:500!important;right:0!important;top:0!important}
.avatar{width:36px!important;height:36px!important;font-size:13px!important;font-weight:500!important;background:linear-gradient(135deg,#2c4057,#63758e)!important;border:1px solid #e5edf5!important;box-shadow:0 6px 16px rgba(31,41,55,.12)!important}
.user-copy strong{font-size:13px!important;font-weight:500!important;color:#253044!important}.user-copy small{font-size:11.5px!important;color:var(--muted)!important}.logout-link svg{width:17px!important;height:17px!important;stroke-width:1.75!important}
.dashboard-page{padding:22px 28px 34px!important;max-width:1580px!important;margin:0 auto!important}
.welcome-card,.panel,.kpi-card,.card{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow)!important;
}
.welcome-card{padding:22px 26px!important;gap:20px!important;margin-bottom:14px!important}
.welcome-icon{width:62px!important;height:62px!important;background:#eff6ff!important;color:var(--brand)!important;box-shadow:inset 0 0 0 1px #e1efff!important}.welcome-icon svg{width:34px!important;height:34px!important;stroke-width:1.75!important}
.welcome-card h2{font-size:20px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:-.02em!important;color:#1d2939!important;margin:0 0 5px!important}
.welcome-card p{font-size:13.5px!important;font-weight:400!important;color:#59677b!important;line-height:1.55!important;max-width:760px!important}
.kpi-grid{gap:14px!important;margin-bottom:14px!important}.kpi-card{min-height:104px!important;padding:18px 22px!important;gap:17px!important}.kpi-icon{width:56px!important;height:56px!important;border-radius:18px!important}.kpi-icon svg{width:28px!important;height:28px!important;stroke-width:1.75!important}.kpi-icon.blue{background:#eff6ff!important;color:#0a66d8!important}.kpi-icon.green{background:#edf8f1!important;color:#0f8f45!important}.kpi-icon.purple{background:#f3f0ff!important;color:#7657e8!important}.kpi-icon.orange{background:#fff4e5!important;color:#f28c18!important}.kpi-card span:not(.kpi-icon){font-size:12.5px!important;font-weight:400!important;color:#657084!important;letter-spacing:0!important}.kpi-card strong{font-size:28px!important;font-weight:500!important;line-height:1!important;letter-spacing:-.03em!important;color:#1f2937!important;margin:6px 0 6px!important}.trend{font-size:11.5px!important;font-weight:400!important}.trend svg{width:12px!important;height:12px!important;stroke-width:1.75!important;vertical-align:-2px!important}
.dashboard-two{gap:14px!important;margin-bottom:14px!important}.panel{padding:18px 20px!important}.panel h3{font-size:15.5px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:-.006em!important;color:#1f2937!important;margin:0 0 14px!important}
.quick-panel{min-height:164px!important}.quick-actions{gap:12px!important}.quick-tile{min-height:94px!important;border-radius:14px!important;border:1px solid var(--line-strong)!important;background:#fff!important;padding:13px 10px!important;color:#344054!important;font-size:12.5px!important;font-weight:400!important;line-height:1.25!important;box-shadow:0 1px 1px rgba(16,24,40,.02)!important;transition:border-color .16s ease,background .16s ease,transform .16s ease!important}.quick-tile:hover{background:#fbfdff!important;border-color:#b9d7fb!important;box-shadow:0 10px 24px rgba(10,102,216,.065)!important}.quick-tile strong{font-size:12.5px!important;font-weight:500!important;line-height:1.25!important}.quick-icon{width:38px!important;height:38px!important;border-radius:12px!important;margin-bottom:7px!important;background:#f2f6fb!important;color:var(--brand)!important}.quick-icon.blue{background:#edf5ff!important;color:#0a66d8!important}.quick-icon.green{background:#edf8f1!important;color:#0f8f45!important}.quick-icon.orange{background:#fff4e5!important;color:#f28c18!important}.quick-icon.purple{background:#f3f0ff!important;color:#7657e8!important}.quick-icon svg{width:21px!important;height:21px!important;stroke-width:1.75!important}
.status-row{height:27px!important;grid-template-columns:24px 1fr auto!important;font-size:12.5px!important;color:#465366!important;border-bottom:1px solid #edf0f4!important}.check{width:16px!important;height:16px!important}.check svg{width:16px!important;height:16px!important;stroke-width:1.75!important}.mini-pill{font-size:10.5px!important;font-weight:500!important;line-height:1!important;padding:4px 8px!important;border-radius:999px!important}.mini-pill.ok{background:#e5f8ed!important;color:#0b7a3b!important}.mini-pill.warn{background:#fff5df!important;color:#9a5a00!important}
.lower{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.table-panel,.activity-panel{min-height:190px!important}.panel-head h3{margin-bottom:0!important}.pretty-table{font-size:12.5px!important}.pretty-table th{font-size:11px!important;font-weight:500!important;color:#7a8597!important;background:#fbfcfe!important;padding:8px 8px!important;border-bottom:1px solid #edf0f4!important}.pretty-table td{font-size:12.5px!important;font-weight:400!important;color:#334155!important;padding:9px 8px!important;border-bottom:1px solid #edf0f4!important}.row-doc svg{width:14px!important;height:14px!important;stroke-width:1.75!important}.state{font-size:10.5px!important;font-weight:500!important;padding:3px 8px!important;border-radius:999px!important}.ellipsis svg{width:16px!important;height:16px!important;stroke-width:1.75!important}.panel-link{font-size:12.5px!important;font-weight:500!important;margin-top:14px!important}.empty-state{font-size:13px!important;font-weight:400!important;line-height:1.55!important;color:#657084!important;background:#fbfdff!important;border-color:#dce6f2!important;border-radius:13px!important;padding:15px 16px!important}
.activity-list{gap:11px!important}.activity-item{grid-template-columns:34px 1fr auto!important;gap:10px!important}.activity-icon{width:30px!important;height:30px!important;border-radius:10px!important}.activity-icon svg{width:16px!important;height:16px!important;stroke-width:1.75!important}.activity-item strong{font-size:12.5px!important;font-weight:400!important;color:#334155!important;line-height:1.35!important}.activity-item small{font-size:11.5px!important;color:#7a8597!important}.activity-item time{font-size:11.5px!important;color:#7a8597!important}
.storage-panel{padding:18px 20px!important}.storage-grid{gap:24px!important}.storage-item strong{font-size:12.5px!important;font-weight:500!important;color:#334155!important}.storage-item span{font-size:11.5px!important;color:#657084!important}.storage-item em{font-size:12.5px!important;font-weight:500!important;color:#475467!important}.progress{height:6px!important;background:#edf1f5!important}.progress i{opacity:.92!important}.button{font-size:13px!important;font-weight:500!important;border-radius:11px!important;padding:9px 13px!important;box-shadow:0 8px 18px rgba(10,102,216,.13)!important}.notice{font-size:13px!important;border-radius:13px!important;box-shadow:0 1px 2px rgba(16,24,40,.025)!important}.card h1,.card h2,.card h3,.page-title{font-weight:500!important;letter-spacing:-.01em!important}.form-field label{font-size:13px!important;font-weight:500!important;color:#475467!important}.stat span{font-weight:500!important}.stat strong{font-weight:500!important}
.dashboard-page strong,.sidebar strong,.topbar strong,.dashboard-page b,.sidebar b,.topbar b{font-weight:500!important}
@media(max-width:1360px){.app-shell{grid-template-columns:236px minmax(0,1fr)!important}.sidebar{padding:16px 10px!important}.dashboard-page{padding:20px 22px 30px!important}.kpi-card{padding:16px 18px!important}.kpi-icon{width:52px!important;height:52px!important}.kpi-card strong{font-size:26px!important}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-tile{min-height:84px!important}.storage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1080px){.app-shell{grid-template-columns:1fr!important}.sidebar{position:relative!important;height:auto!important}.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kpi-grid,.dashboard-two,.lower{grid-template-columns:1fr!important}.topbar{padding:0 20px!important}.dashboard-page{padding:18px!important}.welcome-card{align-items:flex-start!important}.storage-grid{grid-template-columns:1fr!important}}

/* v0.1.17 Account/Profile management */
.admin-user-group{display:flex;align-items:center;gap:8px}
.profile-link{color:#253044;text-decoration:none;border-radius:999px;padding:4px 6px 4px 4px;transition:background .16s ease,color .16s ease}
.profile-link:hover{background:#f3f7fb;color:#111827;text-decoration:none}
.logout-form{margin:0;display:flex;align-items:center}.logout-link{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#667085}.logout-link:hover{background:#f4f7fb;color:#1f2937}.logout-link svg{width:17px;height:17px;stroke-width:1.75}
.account-page{max-width:1320px}.account-hero{margin-bottom:14px}.account-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:14px;align-items:start}.account-password-panel{grid-column:2}.account-summary-panel{grid-row:span 2}.profile-cardline{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid #e8edf4;border-radius:14px;background:#fbfdff;margin-bottom:14px}.account-avatar{width:42px!important;height:42px!important;box-shadow:none!important}.profile-cardline strong{display:block;font-size:13.5px;font-weight:500;color:#1f2937;line-height:1.35}.profile-cardline small{display:block;color:#657084;font-size:12px;margin-top:3px}.account-meta{display:grid;gap:10px;margin:0}.account-meta div{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #eef2f6}.account-meta div:last-child{border-bottom:0}.account-meta dt{font-size:11.5px;color:#7a8597;text-transform:uppercase;letter-spacing:.04em}.account-meta dd{margin:0;font-size:13px;color:#334155}.account-form-panel{display:grid;gap:13px}.account-form-panel h3{margin-bottom:0!important}.account-note{margin:0 0 2px;font-size:12.5px;line-height:1.5}.account-form-panel label{font-size:12.5px!important;font-weight:500!important;color:#475467!important;gap:7px!important}.account-form-panel input{height:42px;border-radius:12px;border-color:#dbe4ee;font-size:13px;background:#fff}.account-actions{margin:2px 0 0!important}.account-actions .button{box-shadow:none!important;background:#0b74ff;color:#fff}
@media(max-width:1120px){.account-grid{grid-template-columns:1fr}.account-summary-panel,.account-password-panel{grid-column:auto;grid-row:auto}}

/* v0.1.18 Mobile Hamburger Navigation Standard */
.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sidebar-close{display:none;appearance:none;border:1px solid var(--line);background:#fff;color:#344054;width:38px;height:38px;border-radius:12px;place-items:center;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.sidebar-close:hover{background:#f6f9fc;color:#111827}.sidebar-close svg{width:18px;height:18px;stroke-width:1.75}
.mobile-nav-backdrop{display:none}
.hamburger{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#344054;transition:background .16s ease,color .16s ease}.hamburger:hover{background:#f3f7fb;color:#111827}.hamburger svg{width:22px;height:22px;stroke-width:1.75}

@media(max-width:1080px){
  .app-shell{display:block!important;min-height:100vh!important;grid-template-columns:none!important}
  .main{min-width:0!important;width:100%!important}
  .topbar{position:sticky!important;top:0!important;z-index:900!important;height:68px!important;padding:0 16px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:saturate(150%) blur(14px)!important;-webkit-backdrop-filter:saturate(150%) blur(14px)!important}
  .topbar h1{font-size:18px!important;font-weight:500!important;max-width:calc(100vw - 190px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .topbar-left{gap:10px!important}.topbar-right{gap:12px!important}.notification{display:none!important}.user-copy{display:none!important}.avatar{width:36px!important;height:36px!important;border-width:2px!important}.logout-link{width:34px!important;height:34px!important}
  .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(86vw,318px)!important;height:100dvh!important;z-index:1000!important;display:flex!important;flex-direction:column!important;gap:18px!important;padding:18px 14px!important;background:#fff!important;border-right:1px solid rgba(214,224,235,.95)!important;box-shadow:22px 0 60px rgba(15,23,42,.18)!important;transform:translateX(-105%)!important;transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .admin-body.mobile-nav-open{overflow:hidden!important}
  .admin-body.mobile-nav-open .sidebar{transform:translateX(0)!important}
  .sidebar-mobile-head{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important;padding-bottom:10px!important;border-bottom:1px solid #eef2f6!important}
  .sidebar-close{display:grid!important;flex:0 0 auto!important}
  .brand-row strong{font-size:14px!important;line-height:1.2!important}.brand-logo{width:34px!important;height:34px!important;border-radius:10px!important}.brand-logo svg{width:20px!important;height:20px!important}
  .admin-nav{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.admin-nav a{height:42px!important;border-radius:11px!important;padding:0 11px!important;font-size:13.5px!important;font-weight:400!important}.admin-nav a.active{font-weight:500!important}.nav-icon svg{width:19px!important;height:19px!important;stroke-width:1.75!important}
  .sidebar-footer{margin-top:auto!important;padding:13px 12px!important;border-radius:14px!important}.sidebar-footer span{font-size:12.5px!important;font-weight:500!important;margin-bottom:7px!important}.sidebar-footer small{font-size:11.5px!important}.sidebar-footer em{font-size:10.5px!important;padding:4px 8px!important}
  .mobile-nav-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:999!important;background:rgba(15,23,42,.34)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important}
  .admin-body.mobile-nav-open .mobile-nav-backdrop{opacity:1!important;pointer-events:auto!important}
  .dashboard-page{padding:16px!important}.welcome-card{padding:16px!important;border-radius:16px!important}.welcome-icon{width:50px!important;height:50px!important}.welcome-card h2{font-size:17px!important}.welcome-card p{font-size:13px!important}.kpi-grid,.dashboard-two,.lower{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-tile{min-height:82px!important}.panel{border-radius:16px!important}.storage-grid{grid-template-columns:1fr!important}
}

@media(max-width:640px){
  .topbar{height:62px!important;padding:0 12px!important}.hamburger{width:38px!important;height:38px!important}.topbar h1{font-size:16px!important;max-width:calc(100vw - 132px)!important}.topbar-right{gap:6px!important}.admin-user-group{gap:4px!important}.profile-link{padding:0!important}.logout-link{width:30px!important;height:30px!important}.dashboard-page{padding:12px!important}.welcome-card{align-items:flex-start!important;gap:12px!important}.kpi-card{min-height:92px!important}.quick-actions{grid-template-columns:1fr!important}.dashboard-two{gap:12px!important}.lower{gap:12px!important}
}

/* v0.1.19 Mobile Nav Hard Fix
   Force a real off-canvas hamburger menu on phones/tablets, including mobile browsers
   that report unusual desktop-like viewport widths. This block intentionally sits at
   the end of the stylesheet and overrides all older responsive sidebar fallbacks. */
@media (max-width:1280px){
  .app-shell{display:block!important;grid-template-columns:none!important;min-height:100vh!important;overflow-x:hidden!important}
  .main{width:100%!important;min-width:0!important;margin:0!important}
  .topbar{position:sticky!important;top:0!important;z-index:800!important;height:64px!important;padding:0 14px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(218,226,236,.9)!important;backdrop-filter:saturate(160%) blur(14px)!important;-webkit-backdrop-filter:saturate(160%) blur(14px)!important}
  .topbar-left{gap:10px!important;min-width:0!important}.topbar h1{font-size:17px!important;font-weight:500!important;line-height:1.2!important;max-width:calc(100vw - 154px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.topbar-right{gap:8px!important}.notification{display:none!important}.user-copy{display:none!important}.avatar{width:36px!important;height:36px!important}.logout-link{width:34px!important;height:34px!important}
  .hamburger{display:grid!important;visibility:visible!important;opacity:1!important;width:40px!important;height:40px!important;border-radius:12px!important;z-index:810!important}
  .sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;right:auto!important;width:min(320px,calc(100vw - 56px))!important;max-width:min(320px,calc(100vw - 56px))!important;height:100dvh!important;min-height:100dvh!important;z-index:1001!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:16px 12px!important;background:#fff!important;border-right:1px solid rgba(218,226,236,.95)!important;box-shadow:26px 0 70px rgba(15,23,42,.22)!important;transform:translate3d(-112%,0,0)!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility .22s ease!important;visibility:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .admin-body.mobile-nav-open .sidebar{transform:translate3d(0,0,0)!important;visibility:visible!important}
  .sidebar-mobile-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;position:sticky!important;top:0!important;z-index:2!important;background:#fff!important;padding:2px 0 12px!important;border-bottom:1px solid #edf2f7!important}.sidebar-mobile-head .brand-row{min-width:0!important;gap:10px!important}.sidebar-mobile-head .brand-row strong{font-size:14px!important;line-height:1.18!important;font-weight:500!important;max-width:210px!important}.brand-logo{width:34px!important;height:34px!important;flex:0 0 34px!important}.brand-logo svg{width:21px!important;height:21px!important;stroke-width:1.8!important}
  .sidebar-close{display:grid!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:11px!important;place-items:center!important}
  .admin-nav{display:flex!important;grid-template-columns:none!important;flex-direction:column!important;gap:4px!important;width:100%!important}.admin-nav a{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 10px!important;border-radius:11px!important;font-size:13.5px!important;font-weight:400!important;line-height:1.2!important;gap:10px!important}.admin-nav a.active{font-weight:500!important;background:#eef6ff!important}.nav-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;flex:0 0 22px!important}.nav-icon svg{width:19px!important;height:19px!important;stroke-width:1.8!important}
  .sidebar-footer{margin-top:auto!important;padding:12px!important;border-radius:14px!important}.sidebar-footer span{font-size:12.5px!important;font-weight:500!important}.sidebar-footer div{gap:8px!important}.sidebar-footer small{font-size:11px!important;max-width:150px!important}.sidebar-footer em{font-size:10.5px!important;font-weight:500!important;padding:4px 8px!important}
  .mobile-nav-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:1000!important;background:rgba(15,23,42,.38)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease!important}.admin-body.mobile-nav-open .mobile-nav-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.admin-body.mobile-nav-open{overflow:hidden!important}
}

.admin-body.mobile-nav-mode .app-shell{display:block!important;grid-template-columns:none!important;overflow-x:hidden!important}.admin-body.mobile-nav-mode .main{width:100%!important;min-width:0!important;margin:0!important}.admin-body.mobile-nav-mode .hamburger{display:grid!important;visibility:visible!important;opacity:1!important}.admin-body.mobile-nav-mode .sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;right:auto!important;width:min(320px,calc(100vw - 56px))!important;max-width:min(320px,calc(100vw - 56px))!important;height:100dvh!important;z-index:1001!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:16px 12px!important;background:#fff!important;border-right:1px solid rgba(218,226,236,.95)!important;box-shadow:26px 0 70px rgba(15,23,42,.22)!important;transform:translate3d(-112%,0,0)!important;visibility:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important}.admin-body.mobile-nav-mode.mobile-nav-open .sidebar{transform:translate3d(0,0,0)!important;visibility:visible!important}.admin-body.mobile-nav-mode .admin-nav{display:flex!important;grid-template-columns:none!important;flex-direction:column!important;gap:4px!important}.admin-body.mobile-nav-mode .admin-nav a{height:42px!important;min-height:42px!important;font-size:13.5px!important;font-weight:400!important}.admin-body.mobile-nav-mode .sidebar-close{display:grid!important}.admin-body.mobile-nav-mode .mobile-nav-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:1000!important;background:rgba(15,23,42,.38)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.admin-body.mobile-nav-mode.mobile-nav-open .mobile-nav-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

/* v0.1.20 Mobile Nav Cacheproof Fix
   Final override: the sidebar must never occupy document flow on mobile/tablet.
   Asset query strings in layout.php force browsers to download this block after update. */
@media (max-width:1280px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  .admin-body .app-shell{display:block!important;grid-template-columns:none!important;min-height:100vh!important;overflow-x:hidden!important}
  .admin-body .main{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  .admin-body .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(316px,calc(100vw - 54px))!important;
    max-width:min(316px,calc(100vw - 54px))!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    z-index:1001!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding:16px 12px!important;
    margin:0!important;
    background:#fff!important;
    border-right:1px solid rgba(218,226,236,.96)!important;
    box-shadow:28px 0 72px rgba(15,23,42,.22)!important;
    transform:translate3d(-120%,0,0)!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility .22s ease!important;
  }
  .admin-body.mobile-nav-open .sidebar{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .admin-body .sidebar-mobile-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;position:sticky!important;top:0!important;z-index:2!important;background:#fff!important;padding:2px 0 12px!important;border-bottom:1px solid #edf2f7!important}
  .admin-body .sidebar-close{display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:11px!important}
  .admin-body .admin-nav{display:flex!important;grid-template-columns:none!important;flex-direction:column!important;gap:4px!important;width:100%!important;margin:0!important}
  .admin-body .admin-nav a{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 10px!important;border-radius:11px!important;font-size:13.5px!important;font-weight:400!important;line-height:1.2!important;gap:10px!important}
  .admin-body .admin-nav a.active{font-weight:500!important;background:#eef6ff!important}
  .admin-body .nav-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;flex:0 0 22px!important}
  .admin-body .nav-icon svg{width:19px!important;height:19px!important;stroke-width:1.8!important}
  .admin-body .sidebar-footer{margin-top:auto!important;padding:12px!important;border-radius:14px!important}
  .admin-body .mobile-nav-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:1000!important;background:rgba(15,23,42,.38)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease!important}
  .admin-body.mobile-nav-open .mobile-nav-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .admin-body.mobile-nav-open{overflow:hidden!important}
  .admin-body .topbar{position:sticky!important;top:0!important;z-index:800!important;height:64px!important;padding:0 14px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(218,226,236,.9)!important;backdrop-filter:saturate(160%) blur(14px)!important;-webkit-backdrop-filter:saturate(160%) blur(14px)!important}
  .admin-body .topbar-left{gap:10px!important;min-width:0!important}.admin-body .topbar h1{font-size:17px!important;font-weight:500!important;line-height:1.2!important;max-width:calc(100vw - 154px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.admin-body .topbar-right{gap:8px!important}.admin-body .notification{display:none!important}.admin-body .user-copy{display:none!important}.admin-body .avatar{width:36px!important;height:36px!important}.admin-body .logout-link{width:34px!important;height:34px!important}.admin-body .hamburger{display:grid!important;visibility:visible!important;opacity:1!important;width:40px!important;height:40px!important;border-radius:12px!important;place-items:center!important}
}

/* v0.1.21 Mobile Shell Dog Hotel/Home Library Pattern
   Final mobile shell reset: the topbar must stay one horizontal row.
   The sidebar is a true off-canvas drawer and never part of page flow on mobile. */
@media (max-width: 900px) {
  html,
  body,
  body.admin-body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.admin-body .app-shell {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
  }

  body.admin-body .main {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.admin-body .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 800 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 0 14px !important;
    gap: 10px !important;
    background: rgba(255,255,255,.97) !important;
    border-bottom: 1px solid rgba(218,226,236,.95) !important;
    box-shadow: 0 1px 0 rgba(15,23,42,.02) !important;
    backdrop-filter: saturate(160%) blur(14px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(14px) !important;
  }

  body.admin-body .topbar-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    width: auto !important;
  }

  body.admin-body .hamburger {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #344054 !important;
    line-height: 1 !important;
    z-index: 810 !important;
  }

  body.admin-body .hamburger:hover,
  body.admin-body .hamburger:focus-visible {
    background: #f3f7fb !important;
    outline: none !important;
  }

  body.admin-body .hamburger svg {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 1.8 !important;
  }

  body.admin-body .topbar h1 {
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: calc(100vw - 160px) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: -0.015em !important;
    color: #172033 !important;
  }

  body.admin-body .topbar-right {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 6px !important;
  }

  body.admin-body .notification,
  body.admin-body .user-copy {
    display: none !important;
  }

  body.admin-body .admin-user-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 4px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.admin-body .profile-link,
  body.admin-body .admin-user {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.admin-body .avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    border-width: 2px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: 0 6px 14px rgba(23,32,51,.14) !important;
  }

  body.admin-body .logout-form {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.admin-body .logout-link {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    color: #475467 !important;
    background: transparent !important;
  }

  body.admin-body .logout-link svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.8 !important;
  }

  body.admin-body .sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: min(318px, calc(100vw - 54px)) !important;
    max-width: min(318px, calc(100vw - 54px)) !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 16px 12px !important;
    gap: 14px !important;
    z-index: 1001 !important;
    background: #fff !important;
    border-right: 1px solid rgba(218,226,236,.96) !important;
    box-shadow: 28px 0 72px rgba(15,23,42,.22) !important;
    transform: translate3d(-120%,0,0) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    transition: transform .22s cubic-bezier(.2,.8,.2,1), visibility .22s ease !important;
  }

  body.admin-body.mobile-nav-open .sidebar {
    transform: translate3d(0,0,0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.admin-body .sidebar-mobile-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    background: #fff !important;
    padding: 2px 0 12px !important;
    border-bottom: 1px solid #edf2f7 !important;
  }

  body.admin-body .admin-nav {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.admin-body .admin-nav a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    gap: 10px !important;
    font-size: 13.5px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    text-align: left !important;
  }

  body.admin-body .admin-nav a.active {
    font-weight: 500 !important;
    background: #eef6ff !important;
  }

  body.admin-body .mobile-nav-backdrop {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000 !important;
    background: rgba(15,23,42,.38) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .2s ease, visibility .2s ease !important;
  }

  body.admin-body.mobile-nav-open .mobile-nav-backdrop {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.admin-body.mobile-nav-open {
    overflow: hidden !important;
  }
}

/* v0.1.22 Admin Surface Detail Polish
   Deep cleanup pass for non-dashboard admin pages: breathing room, refined forms,
   custom file inputs, calmer confirmation rows, and consistent tables/buttons. */
:root{
  --surface-max: 1440px;
  --surface-pad-x: 32px;
  --surface-pad-y: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --shadow-surface: 0 1px 2px rgba(16,24,40,.035),0 18px 48px rgba(16,24,40,.045);
  --shadow-soft: 0 1px 2px rgba(16,24,40,.04),0 10px 24px rgba(16,24,40,.035);
}

.admin-content{
  width:100%!important;
  max-width:var(--surface-max)!important;
  margin:0 auto!important;
  padding:var(--surface-pad-y) var(--surface-pad-x) 48px!important;
}
.admin-content > .dashboard-page,
.admin-content > .account-page{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.admin-content > .actions:first-child{
  margin:0 0 18px!important;
}
.admin-content > .actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.card,
.panel,
.kpi-card,
.welcome-card,
.page-hero{
  border-color:#e4eaf2!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-surface)!important;
}
.card{
  padding:26px!important;
  margin:0 0 22px!important;
}
.card + .card,
.page-hero + .card,
.metrics-grid + .card{
  margin-top:0!important;
}
.page-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:26px!important;
  padding:26px 28px!important;
  margin:0 0 22px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
}
.page-hero h2,
.card h2,
.card h3,
.section-head h3{
  margin:0!important;
  color:#182233!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
  line-height:1.25!important;
}
.page-hero h2{font-size:22px!important;margin-top:5px!important}.card h2{font-size:19px!important}.card h3,.section-head h3{font-size:17px!important}
.page-hero .muted,
.card .muted,
.section-head .muted{
  color:#5e6b7f!important;
  line-height:1.6!important;
  max-width:920px!important;
}
.kicker{
  color:#667085!important;
  font-size:11.5px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:500!important;
  margin-bottom:8px!important;
}
.section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin:0 0 20px!important;
}
.form-card{padding:28px!important}.data-card{padding:24px 26px!important}.calm-callout{padding:22px 24px!important}

.metrics-grid,
.cards-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0 0 22px!important;
}
.metric,
.stat{
  background:#fff!important;
  border:1px solid #e4eaf2!important;
  border-radius:18px!important;
  padding:21px 22px!important;
  min-height:118px!important;
  box-shadow:var(--shadow-soft)!important;
}
.metric span,
.stat span{
  display:block!important;
  margin:0 0 12px!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  font-weight:500!important;
}
.metric strong,
.stat strong{
  display:block!important;
  color:#172033!important;
  font-size:23px!important;
  line-height:1.22!important;
  letter-spacing:-.02em!important;
  font-weight:500!important;
  word-break:break-word!important;
}
.diagnostics-grid .metric strong{font-size:22px!important}

.button,
button.button,
a.button{
  min-height:38px!important;
  padding:9px 15px!important;
  border-radius:12px!important;
  border:1px solid transparent!important;
  background:#0a66d8!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:0!important;
  box-shadow:0 1px 2px rgba(10,102,216,.15),0 8px 18px rgba(10,102,216,.12)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.button:hover,
button.button:hover,
a.button:hover{
  background:#084fb0!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  text-decoration:none!important;
}
.button.ghost,
a.button.ghost,
button.button.ghost{
  background:#fff!important;
  color:#273244!important;
  border-color:#dbe4ee!important;
  box-shadow:0 1px 2px rgba(16,24,40,.035)!important;
}
.button.ghost:hover,
a.button.ghost:hover,
button.button.ghost:hover{
  background:#f8fbff!important;
  color:#0a66d8!important;
  border-color:#bcd7f7!important;
}
.button.tiny{min-height:34px!important;padding:7px 12px!important;font-size:12px!important;border-radius:10px!important}
.button svg{width:16px!important;height:16px!important;stroke-width:1.8!important}
.danger-ghost{background:#fff!important;color:#b42318!important;border-color:#ffd6d1!important;box-shadow:none!important}
.danger-ghost:hover{background:#fff7f7!important;color:#9f1f16!important;border-color:#fecaca!important}
.link-button{color:#b42318!important;font-size:13px!important;font-weight:400!important;border-radius:9px!important;padding:7px 9px!important}.link-button:hover{background:#fff5f5!important}

.stack-form,
.form-grid,
.wide-form,
.polished-form{
  gap:18px!important;
}
.stack-form label,
.form-grid label,
.wide-form label,
.field-block{
  display:grid!important;
  gap:7px!important;
  color:#475467!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:500!important;
}
input,
select,
textarea{
  width:100%!important;
  border:1px solid #dbe4ee!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#172033!important;
  font:inherit!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.35!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
input,select{height:42px!important;padding:0 13px!important}textarea{padding:12px 13px!important;min-height:124px!important;resize:vertical!important}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:#8fc0fa!important;
  box-shadow:0 0 0 3px rgba(10,102,216,.10)!important;
}
small{color:#64748b!important;font-weight:400!important}.field-label{color:#475467!important;font-size:12.5px!important;font-weight:500!important}.full{grid-column:1/-1!important}
.actions,.form-footer-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap!important;margin-top:6px!important}

.file-picker{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:52px!important;
  padding:8px!important;
  border:1px solid #dbe4ee!important;
  border-radius:14px!important;
  background:#fbfdff!important;
  box-shadow:0 1px 2px rgba(16,24,40,.025)!important;
  cursor:pointer!important;
}
.file-picker:hover{border-color:#bcd7f7!important;background:#f8fbff!important}.file-picker.has-file{border-color:#9ed0b2!important;background:#fbfffd!important}
.file-picker input[type=file],
.file-input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
  z-index:2!important;
}
.file-picker-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-height:36px!important;
  padding:8px 13px!important;
  border-radius:11px!important;
  background:#0a66d8!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:500!important;
  box-shadow:0 1px 2px rgba(10,102,216,.12)!important;
}
.file-picker-button svg{width:16px!important;height:16px!important;stroke-width:1.8!important}.file-picker-name{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#64748b!important;font-size:13px!important;font-weight:400!important}.file-picker.has-file .file-picker-name{color:#1f2937!important}

.confirm-box{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  width:100%!important;
  padding:14px 15px!important;
  border:1px solid #dbe4ee!important;
  border-radius:14px!important;
  background:#fbfdff!important;
  color:#334155!important;
  cursor:pointer!important;
}
.confirm-box:hover{background:#f8fbff!important;border-color:#c6d7e9!important}
.confirm-box input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.confirm-mark{width:20px!important;height:20px!important;border-radius:6px!important;border:1.5px solid #bdc8d6!important;background:#fff!important;box-shadow:inset 0 0 0 2px #fff!important;transition:background .16s ease,border-color .16s ease!important;margin-top:1px!important}
.confirm-box input:checked + .confirm-mark{background:#0a66d8!important;border-color:#0a66d8!important;box-shadow:inset 0 0 0 4px #fff!important}
.confirm-copy strong{display:block!important;font-size:13.5px!important;line-height:1.35!important;font-weight:500!important;color:#253044!important;margin:0 0 3px!important}.confirm-copy small{display:block!important;font-size:12.5px!important;line-height:1.5!important;color:#667085!important}

.help-box,
.quiet-help{
  border:1px solid #dbe4ee!important;
  border-radius:14px!important;
  background:#fbfdff!important;
  color:#5e6b7f!important;
  padding:14px 16px!important;
  line-height:1.55!important;
  font-size:13px!important;
}
code{
  padding:2px 6px!important;
  border:1px solid #dfe7f1!important;
  border-radius:7px!important;
  background:#f7fafd!important;
  color:#273244!important;
  font-size:.92em!important;
}
.status-pill{
  border-radius:999px!important;
  padding:7px 12px!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1!important;
  text-transform:none!important;
}
.status-pill.ok{background:#e6f8ed!important;color:#0c7a3c!important;border:1px solid #c7efd5!important}.status-pill.warn{background:#fff5df!important;color:#9a5a00!important;border:1px solid #ffe1a8!important}

.table-wrap{width:100%!important;overflow:auto!important;border-radius:14px!important;border:1px solid #e6edf5!important;background:#fff!important}
table,
.admin-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:13px!important;
  background:#fff!important;
}
table thead th,
.admin-table thead th{
  padding:12px 14px!important;
  background:#fbfcfe!important;
  border-bottom:1px solid #e6edf5!important;
  color:#667085!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
table tbody td,
.admin-table tbody td{
  padding:13px 14px!important;
  border-bottom:1px solid #edf2f7!important;
  color:#334155!important;
  font-size:13px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
}
table tbody tr:last-child td,
.admin-table tbody tr:last-child td{border-bottom:0!important}.row-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.row-actions form{margin:0!important}.inline-form{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.inline-form input{width:auto!important;min-width:190px!important}

.two-col{
  display:grid!important;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr)!important;
  gap:22px!important;
  align-items:start!important;
}
.callout{background:linear-gradient(180deg,#fff,#fbfdff)!important}.notice{margin:0 0 18px!important;padding:13px 16px!important;border-radius:14px!important}

@media(max-width:1280px){
  .admin-content{padding:22px 20px 42px!important}.metrics-grid,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.two-col{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .admin-content{padding:18px 14px 34px!important}.page-hero{display:grid!important;grid-template-columns:1fr!important;padding:20px!important}.card{padding:20px!important;border-radius:18px!important}.metrics-grid,.cards-grid{grid-template-columns:1fr!important;gap:12px!important}.metric,.stat{min-height:auto!important;padding:17px!important}.file-picker{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}.file-picker-button{width:100%!important}.file-picker-name{white-space:normal!important}.confirm-box{padding:13px!important}.row-actions{align-items:flex-start!important}.inline-form{align-items:stretch!important}.inline-form input,.inline-form .button{width:100%!important}.table-wrap{border-radius:13px!important}
}

/* v0.1.23 Desktop Header Cleanup
   Desktop and notebook layouts already have a persistent sidebar, so the
   hamburger belongs only to the mobile/off-canvas shell. This final guard
   also neutralizes older 1280px mobile-nav rules on desktop-width screens. */
@media (min-width: 901px) {
  body.admin-body.mobile-nav-mode {
    overflow: auto !important;
  }

  body.admin-body .app-shell {
    display: grid !important;
    grid-template-columns: 292px minmax(0, 1fr) !important;
    min-height: 100vh !important;
    overflow-x: visible !important;
  }

  body.admin-body .main {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.admin-body .hamburger {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  body.admin-body .topbar-left {
    gap: 0 !important;
  }

  body.admin-body .sidebar {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    max-width: none !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 24px 18px !important;
    gap: 26px !important;
    z-index: auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow-y: auto !important;
    background: #fff !important;
    border-right: 1px solid var(--line) !important;
    box-shadow: 8px 0 28px rgba(23,32,51,.025) !important;
  }

  body.admin-body .sidebar-mobile-head {
    display: flex !important;
    position: static !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
  }

  body.admin-body .sidebar-close {
    display: none !important;
  }

  body.admin-body .admin-nav {
    display: grid !important;
    grid-template-columns: none !important;
    flex-direction: initial !important;
    gap: 8px !important;
    width: auto !important;
  }

  body.admin-body .admin-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    gap: 13px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    text-align: left !important;
  }

  body.admin-body .admin-nav a.active {
    font-weight: 500 !important;
    background: #eaf3ff !important;
  }

  body.admin-body .mobile-nav-backdrop {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* v0.1.24 Mobile Admin Pages Responsive Fix
   Tables and dense admin pages must become readable mobile cards. No horizontal
   cut-off tables, no oversized page cards, and no desktop spacing on phones. */
@media (max-width: 900px) {
  body.admin-body {
    background:#f4f7fb !important;
  }

  body.admin-body .admin-content {
    width:100% !important;
    max-width:none !important;
    padding:18px 14px 38px !important;
    overflow-x:hidden !important;
  }

  body.admin-body .dashboard-page,
  body.admin-body .account-page {
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }

  body.admin-body .card,
  body.admin-body .panel,
  body.admin-body .welcome-card,
  body.admin-body .kpi-card,
  body.admin-body .page-hero {
    width:100% !important;
    max-width:100% !important;
    border-radius:18px !important;
  }

  body.admin-body .card,
  body.admin-body .panel,
  body.admin-body .page-hero {
    padding:18px !important;
    margin-bottom:16px !important;
  }

  body.admin-body .page-actions,
  body.admin-body .actions:first-child {
    margin:0 0 16px !important;
  }

  body.admin-body .page-actions .button,
  body.admin-body .actions:first-child .button {
    min-height:44px !important;
    width:auto !important;
    max-width:100% !important;
  }

  body.admin-body .split-header,
  body.admin-body .section-head {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body.admin-body .split-header .button,
  body.admin-body .page-hero .button {
    width:100% !important;
    justify-content:center !important;
  }

  body.admin-body .welcome-card {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:18px !important;
  }

  body.admin-body .welcome-icon {
    width:64px !important;
    height:64px !important;
  }

  body.admin-body .welcome-icon svg {
    width:36px !important;
    height:36px !important;
  }

  body.admin-body .welcome-card h2 {
    font-size:21px !important;
    line-height:1.25 !important;
  }

  body.admin-body .welcome-card p,
  body.admin-body .page-hero .muted,
  body.admin-body .card .muted {
    font-size:14px !important;
    line-height:1.55 !important;
  }

  body.admin-body .kpi-grid,
  body.admin-body .dashboard-two,
  body.admin-body .storage-grid,
  body.admin-body .metrics-grid,
  body.admin-body .cards-grid,
  body.admin-body .quick-actions,
  body.admin-body .account-grid,
  body.admin-body .two-col {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body.admin-body .kpi-card {
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    align-items:center !important;
    gap:16px !important;
    min-height:0 !important;
    padding:18px !important;
  }

  body.admin-body .kpi-icon {
    width:64px !important;
    height:64px !important;
    border-radius:18px !important;
  }

  body.admin-body .kpi-card strong {
    font-size:30px !important;
    margin:6px 0 !important;
  }

  body.admin-body .quick-actions {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body.admin-body .quick-tile {
    min-height:104px !important;
    padding:14px 10px !important;
    font-size:13.5px !important;
  }

  body.admin-body .status-row {
    min-height:34px !important;
    height:auto !important;
    grid-template-columns:24px minmax(0,1fr) auto !important;
    gap:8px !important;
    padding:5px 0 !important;
  }

  body.admin-body .storage-grid {
    gap:16px !important;
  }

  body.admin-body .storage-item {
    padding:2px 0 8px !important;
  }

  body.admin-body .mobile-clean-card {
    overflow:hidden !important;
  }

  body.admin-body .mobile-card-table-wrap,
  body.admin-body .table-wrap {
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.admin-body table.responsive-table,
  body.admin-body table.responsive-table thead,
  body.admin-body table.responsive-table tbody,
  body.admin-body table.responsive-table tr,
  body.admin-body table.responsive-table th,
  body.admin-body table.responsive-table td {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.admin-body table.responsive-table {
    background:transparent !important;
    border:0 !important;
    border-spacing:0 !important;
  }

  body.admin-body table.responsive-table thead {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    white-space:nowrap !important;
    border:0 !important;
    padding:0 !important;
    margin:-1px !important;
  }

  body.admin-body table.responsive-table tbody {
    display:grid !important;
    gap:12px !important;
  }

  body.admin-body table.responsive-table tbody tr {
    background:#fff !important;
    border:1px solid #e4eaf2 !important;
    border-radius:16px !important;
    padding:10px 12px !important;
    box-shadow:0 10px 28px rgba(16,24,40,.045) !important;
  }

  body.admin-body table.responsive-table tbody tr.empty-row {
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  body.admin-body table.responsive-table tbody td {
    display:grid !important;
    grid-template-columns:minmax(96px,34%) minmax(0,1fr) !important;
    gap:12px !important;
    align-items:start !important;
    min-width:0 !important;
    padding:10px 0 !important;
    border-bottom:1px solid #eef2f7 !important;
    color:#263244 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  body.admin-body table.responsive-table tbody td:last-child {
    border-bottom:0 !important;
  }

  body.admin-body table.responsive-table tbody td::before {
    content:attr(data-label) !important;
    display:block !important;
    color:#667085 !important;
    font-size:11px !important;
    line-height:1.3 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    font-weight:500 !important;
    padding-top:1px !important;
  }

  body.admin-body table.responsive-table tbody td.table-empty {
    display:block !important;
    background:#f8fbff !important;
    border:1px dashed #d7e2ee !important;
    border-radius:14px !important;
    padding:18px !important;
    color:#64748b !important;
  }

  body.admin-body table.responsive-table tbody td.table-empty::before {
    content:none !important;
    display:none !important;
  }

  body.admin-body table.responsive-table tbody td.actions-cell,
  body.admin-body table.responsive-table tbody td.row-actions {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  body.admin-body table.responsive-table tbody td.actions-cell::before,
  body.admin-body table.responsive-table tbody td.row-actions::before {
    margin-bottom:0 !important;
  }

  body.admin-body .row-actions,
  body.admin-body table.responsive-table .row-actions {
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body.admin-body table.responsive-table .row-actions a,
  body.admin-body table.responsive-table .row-actions form,
  body.admin-body table.responsive-table .row-actions button,
  body.admin-body table.responsive-table td.actions-cell > a,
  body.admin-body table.responsive-table td.actions-cell > form,
  body.admin-body table.responsive-table td.actions-cell > form > button {
    width:100% !important;
    justify-content:center !important;
  }

  body.admin-body table.responsive-table code,
  body.admin-body table.responsive-table small {
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  body.admin-body .form-grid,
  body.admin-body .wide-form,
  body.admin-body .stack-form,
  body.admin-body .polished-form {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  body.admin-body label.checkbox {
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
  }

  body.admin-body label.checkbox input[type="checkbox"] {
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
  }

  body.admin-body .button,
  body.admin-body button.button {
    min-height:42px !important;
  }
}

@media (max-width: 520px) {
  body.admin-body .admin-content {
    padding:16px 12px 34px !important;
  }

  body.admin-body .topbar {
    height:62px !important;
    padding:0 12px !important;
  }

  body.admin-body .topbar h1 {
    font-size:20px !important;
    max-width:calc(100vw - 170px) !important;
  }

  body.admin-body .topbar-right {
    gap:8px !important;
  }

  body.admin-body .avatar {
    width:40px !important;
    height:40px !important;
  }

  body.admin-body .logout-link {
    width:34px !important;
    height:34px !important;
  }

  body.admin-body .card,
  body.admin-body .panel,
  body.admin-body .page-hero {
    padding:16px !important;
    border-radius:17px !important;
  }

  body.admin-body .quick-actions {
    grid-template-columns:1fr !important;
  }

  body.admin-body table.responsive-table tbody td {
    grid-template-columns:1fr !important;
    gap:5px !important;
  }

  body.admin-body table.responsive-table tbody td::before {
    margin-bottom:0 !important;
  }
}

/* v0.1.25 Reference Merge Foundation: catalog search/form polish */
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:16px 18px}
.search-inline{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.search-inline input{max-width:520px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.form-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:4px;padding-top:10px;border-top:1px solid rgba(142,153,171,.16);color:#182235}
.form-section-title span{font-size:14px;font-weight:520;letter-spacing:.01em}
.form-section-title small{font-size:12px;color:#748094;font-weight:400}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.catalog-form textarea,.catalog-authors-page textarea{resize:vertical}
@media (max-width: 720px){.list-toolbar{display:block;padding:14px}.list-toolbar .button{width:100%;margin-top:10px}.search-inline{display:block}.search-inline input{max-width:none;margin-bottom:10px}.search-inline .button{margin-top:0}.form-section-title{display:block}.form-section-title small{display:block;margin-top:4px}.form-row-2{grid-template-columns:1fr}}
.notice.warning {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid rgba(245, 158, 11, .26);
    background: rgba(255, 251, 235, .92);
    color: #92400e;
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.45;
}
.notice.warning code {
    background: rgba(255, 255, 255, .8);
    border: 1px solid rgba(146, 64, 14, .12);
    border-radius: 7px;
    padding: 2px 5px;
}