.adm{display:grid;grid-template-columns:210px 1fr;min-height:100vh}
.side{background:var(--brand);color:var(--brand-ink);padding:18px 14px;display:flex;flex-direction:column;gap:4px;align-content:start}
.side .logo{font-size:1.2rem;margin-bottom:10px}
.side a,.linkbtn{padding:8px 10px;border-radius:8px;color:inherit;background:none;border:0;text-align:left;width:100%}
.side a:hover,.side a.on,.linkbtn:hover{background:rgba(127,127,127,.25)}
.pane{padding:24px;max-width:920px;width:100%}
.flash{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--deal);border-radius:8px;padding:10px 14px;margin-bottom:14px}
.f{display:grid;gap:14px;max-width:560px;margin-top:14px}
.fl{display:grid;gap:4px;font-weight:600}.fl small{font-weight:400}
.chk{display:flex;gap:8px;align-items:center;font-weight:600}
.f input:not([type=checkbox]),.f select,.f textarea{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;width:100%}
.f input[type=color]{padding:2px;height:42px;width:90px}
.inline{display:inline;margin-left:10px}.danger{color:var(--deal);width:auto;display:inline;padding:0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:14px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.stat b{display:block;font-size:2rem}
.tbl th{text-align:left;padding:8px 6px;border-bottom:2px solid var(--line);color:var(--muted);font-size:.85rem}
.login{max-width:360px;margin:12vh auto;padding:0 16px}
@media (max-width:720px){.adm{grid-template-columns:1fr}.side{flex-direction:row;flex-wrap:wrap}.side .logo{width:100%}}
.athumb{width:44px;height:44px;object-fit:cover;border-radius:8px;display:block}