:root{--ink:#0C2226;--paper:#F1F3EF;--gold:#D98E1F;--teal:#2C6E6A;--muted:#64756F;--line:#DCE2DA;}
.abar{background:var(--ink);color:#fff;padding:0 22px;}
.abar-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:6px;height:58px;flex-wrap:wrap;}
.abar b{font-family:'Bai Jamjuree',sans-serif;font-size:15px;margin-right:18px;}
.abar a{color:#C9D6D3;font-size:14px;padding:7px 12px;border-radius:6px;}
.abar a:hover,.abar a.on{background:#1b4247;color:#fff;}
.abar .right{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13.5px;color:#9FBAB6;}
.apage{max-width:1180px;margin:0 auto;padding:30px 22px 60px;}
.ahead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px;}
.ahead h1{font-family:'Bai Jamjuree',sans-serif;font-size:23px;font-weight:600;}
.btn{display:inline-block;background:var(--ink);color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:14.5px;cursor:pointer;}
.btn:hover{background:var(--teal);}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);}
.btn.ghost:hover{background:#fff;border-color:var(--ink);}
.btn.danger{background:#fff;color:#9B2C2C;border:1px solid #E4C4C4;}
.btn.danger:hover{background:#9B2C2C;color:#fff;}
.btn.sm{padding:6px 12px;font-size:13px;}
.push{margin-left:auto;}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow-x:auto;}
table.list{width:100%;border-collapse:collapse;font-size:14.5px;}
table.list th{background:#E9EDE7;text-align:left;padding:12px 14px;font-weight:600;font-size:13px;color:#3C4A45;white-space:nowrap;}
table.list td{padding:13px 14px;border-top:1px solid #EDF0EA;vertical-align:top;}
table.list tr:hover td{background:#FAFBF9;}
.pill{font-size:12px;border-radius:999px;padding:3px 10px;display:inline-block;white-space:nowrap;}
.pill.pub{background:#E4F0E8;color:#22543D;}
.pill.draft{background:#F0EDE4;color:#7A6320;}
.form{display:grid;gap:18px;max-width:860px;}
.form label{display:block;font-size:13.5px;font-weight:500;margin-bottom:6px;}
.form .hint{font-size:12.5px;color:var(--muted);font-weight:400;margin-top:5px;line-height:1.7;}
.form input[type=text],.form input[type=email],.form input[type=password],
.form input[type=datetime-local],.form input[type=file],.form select,.form textarea{
  width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 13px;background:#fff;font-size:15px;font-family:inherit;}
.form textarea{line-height:1.85;resize:vertical;}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.form .check{display:flex;align-items:center;gap:9px;font-size:14.5px;}
.note{font-size:13.5px;padding:11px 14px;border-radius:8px;margin-bottom:18px;line-height:1.8;}
.note.ok{background:#E8F2EC;color:#22543D;}
.note.err{background:#FBECEC;color:#7A2E2E;}
.stat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px;}
.stat div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;}
.stat span{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:1px;}
.stat b{display:block;font-family:'Bai Jamjuree',sans-serif;font-size:28px;font-weight:600;margin-top:4px;}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px;}
.login-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px;width:100%;max-width:420px;}
.login-box h1{font-family:'Bai Jamjuree',sans-serif;font-size:21px;font-weight:600;margin-bottom:6px;}
.login-box p.sub{font-size:13.5px;color:var(--muted);margin-bottom:22px;line-height:1.8;}
@media(max-width:760px){.form .row{grid-template-columns:1fr;}.stat{grid-template-columns:1fr 1fr;}
  table.list .hide-sm{display:none;}.abar .right{width:100%;margin-left:0;}}