@import url("https://fonts.googleapis.com/css2?family=Anuphan:wght@500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap");:root{--paper:#f5f1ec;--surface:#fff;--sunk:#ede7e0;--line:#e0d8cf;--ink:#1e2a28;--body:#4a544f;--muted:#7c857f;--accent:#0f5d57;--accent-soft:#ddede9;--accent-dark:#0c544e;--wait-bg:#f7e9d6;--wait:#8a5a14;--stop-bg:#fbe3df;--stop:#9a3a31}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--body);font-family:IBM Plex Sans Thai,Helvetica Neue,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Anuphan,IBM Plex Sans Thai,sans-serif;color:var(--ink);margin:0;line-height:1.35}a{color:var(--accent);text-decoration:none}button,input,textarea{font-family:inherit;font-size:16px}.wrap{max-width:1180px;margin:0 auto;padding:24px;flex-direction:column}.bar,.wrap{display:flex;gap:18px}.bar{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 22px;justify-content:space-between;flex-wrap:wrap}.bar,.mark{align-items:center}.mark{width:44px;height:44px;border-radius:14px;background:var(--accent);color:#fff;display:flex;justify-content:center;font-family:Anuphan,sans-serif;font-weight:700;flex:none}.nav{flex-wrap:wrap}.nav,.tab{display:flex;gap:8px}.tab{align-items:center;padding:12px 18px;border-radius:999px;min-height:48px;background:var(--surface);border:1px solid var(--line);color:var(--body);font-weight:500}.tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:500}.pill i{width:7px;height:7px;border-radius:50%;background:currentColor;display:block}.go{background:var(--accent-soft);color:var(--accent-dark)}.wait{background:var(--wait-bg);color:var(--wait)}.stop{background:var(--stop-bg);color:var(--stop)}.grey{background:var(--sunk);color:var(--body)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:0 22px;min-height:48px;border-radius:999px;font-size:15.5px;font-weight:500;cursor:pointer}.btn.p{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:default}.field{border:1.5px solid var(--line);border-radius:14px;background:#faf8f5;color:var(--ink);padding:13px 18px;min-height:52px;width:100%}.lab{font-size:14.5px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.err{background:var(--stop-bg);color:var(--stop);padding:14px 18px;border-radius:14px;font-size:15px}