:root{--bg:#0f1115;--soft:#161a22;--card:#1b2030;--line:#2a3142;--ink:#eef2f8;--muted:#8b93a7;--accent:#ff4d6d;--accent2:#5b8cff;--ok:#2ecc71;--danger:#ff5c6c}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans Thai,sans-serif}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:12px}.center{min-height:100vh;justify-content:center}.center,.nav{display:flex;align-items:center}.nav{gap:20px;padding:14px 24px;background:var(--soft);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:17px}.links{display:flex;gap:6px;flex:1 1}.link{padding:7px 14px;border-radius:8px;color:var(--muted);font-weight:600;font-size:14px}.link:hover{background:var(--card);color:var(--ink)}.link.active{background:var(--accent);color:#fff}.navright{display:flex;align-items:center;gap:12px}.page{max-width:1100px;margin:0 auto;padding:24px}.h1{font-size:22px;margin:0 0 18px}.h1,.h2{font-weight:800}.h2{font-size:16px;margin:0 0 14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.section{margin-top:18px}.kpiGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:720px){.kpiGrid{grid-template-columns:repeat(2,1fr)}}.kpi .val{font-size:26px;font-weight:800;margin-top:4px}.kpi .label{color:var(--muted);font-size:13px}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 16px;border-radius:9px;font-weight:700;font-size:14px;cursor:pointer}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--ok);border-color:transparent;color:#07221a}.btn.danger{background:var(--danger);color:#2a0a0d}.btn.accent,.btn.danger{border-color:transparent}.btn.accent{background:var(--accent);color:#fff}.btn.ghost{background:transparent}.btn.sm{padding:6px 12px;font-size:13px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);font-size:14px}.table th{color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase}.row-actions{display:flex;gap:8px}.tag{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700}.tag.ok{background:rgba(46,204,113,.15);color:var(--ok)}.tag.warn{background:rgba(255,170,0,.15);color:#ffb02e}.tag.bad{background:rgba(255,92,108,.15);color:var(--danger)}.loginWrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.loginCard{width:360px;max-width:100%}.input{width:100%;padding:11px 13px;border-radius:9px;border:1px solid var(--line);background:var(--soft);color:var(--ink);font-size:14px;margin-top:8px}.err{color:var(--danger);font-size:13px;margin-top:10px}.field-label{font-size:13px;color:var(--muted);margin-top:14px;display:block}.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;vertical-align:middle}