/* Admin panel — reuses tokens from style.css */
body.admin{ background:var(--sand); }
.admin-shell{ display:flex; min-height:100vh; }
.admin-side{
  width:230px; background:var(--ink); color:#cfd4e2; padding:24px 16px; flex-shrink:0;
  position:sticky; top:0; height:100vh;
}
.admin-side .brand-name{ color:#fff; font-size:19px; margin-bottom:26px; }
.admin-side .brand-name span{ color:#E9C978; }
.admin-nav a{
  display:block; padding:10px 12px; border-radius:8px; color:#cfd4e2; font-size:14.5px; margin-bottom:4px; font-weight:600;
}
.admin-nav a.active, .admin-nav a:hover{ background:rgba(255,255,255,.08); color:#fff; }
.admin-main{ flex:1; padding:30px 36px; max-width:1000px; }
.admin-topline{ display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; }
.admin-panel-block{ display:none; }
.admin-panel-block.active{ display:block; }

.card-box{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:22px; margin-bottom:22px; }
.card-box h3{ font-size:17px; margin-bottom:16px; }

table.admin-table{ width:100%; border-collapse:collapse; font-size:14.5px; }
table.admin-table th{ text-align:right; font-size:13px; color:var(--muted); padding:10px 8px; border-bottom:1.5px solid var(--line); }
table.admin-table th:first-child, table.admin-table td:first-child{ text-align:right; }
table.admin-table td{ padding:12px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
table.admin-table td.actions{ white-space:nowrap; text-align:left; }

.login-wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--ink); }
.login-box{ background:#fff; padding:38px; border-radius:16px; width:100%; max-width:380px; box-shadow:var(--shadow-soft); }
.login-box .brand-mark{ margin:0 auto 16px; }
.login-box h2{ text-align:center; }
.login-box p.hint{ text-align:center; color:var(--muted); font-size:13.5px; margin-bottom:22px; }
.toast{
  position:fixed; top:20px; left:50%; transform:translateX(-50%);
  background:var(--ink); color:#fff; padding:12px 22px; border-radius:8px; font-size:14px; z-index:999;
  box-shadow:var(--shadow-soft); display:none;
}
.toast.show{ display:block; }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:700px){ .form-row{ grid-template-columns:1fr; } .admin-shell{ flex-direction:column; } .admin-side{ width:100%; height:auto; position:static; } }
.help-box{ background:#FFF7E6; border:1px solid #F0DCA0; border-radius:10px; padding:16px 18px; font-size:14px; color:#5c4a12; margin-bottom:22px; }
.help-box b{ color:#3a2e0a; }