:root{--ink: #16202B;--muted: #5A6573;--line: #E2E6EB;--line-soft: #EEF0F3;--ground: #F4F6F8;--card: #FFFFFF;--head: #16202B;--head-2: #2B3A4A;--head-text: #C3CBD4;--accent: #1F5FBF;--accent-ink: #163F80;--ok: #0F7A5A;--ok-bg: #E3F4EC;--bad: #9C1F18;--bad-bg: #FCE4E1;--warn: #8A4B00;--warn-bg: #FFF1DC;--wait-bg: #EEF0F3;--wait: #4A5562;--font: "IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font-family:var(--font);font-size:15px;font-variant-numeric:tabular-nums}a{color:var(--accent)}a:hover{color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1360px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:20px}@media(min-width:700px){.wrap{padding-inline:24px}}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}.card h2{margin:0;font-size:18px;font-weight:600}.sub{font-size:13px;color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.grow{flex:1 1 auto}.btn{min-height:44px;padding:0 18px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.btn:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.btn.ghost{background:var(--card);color:var(--ink);border-color:#c9d0d8;font-weight:500}.btn.ghost:hover{background:var(--line-soft)}.btn.danger{background:var(--card);color:var(--bad);border-color:#e3b4af;font-weight:500}.btn:disabled{opacity:.5;cursor:default}.btn.small{min-height:36px;padding:0 12px;font-size:14px}label.f{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}input.i,select.i{min-height:44px;border:1px solid #C9D0D8;border-radius:8px;padding:0 12px;font:inherit;color:var(--ink);background:#fff;width:100%}.grid-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;color:var(--muted);font-size:13px;font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:10px;border-bottom:1px solid var(--line-soft);vertical-align:top}.pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.wait{background:var(--wait-bg);color:var(--wait)}.msg{padding:12px 14px;border-radius:10px;font-size:14px}.msg.err{background:var(--bad-bg);color:var(--bad)}.msg.ok{background:var(--ok-bg);color:var(--ok)}.msg.info{background:var(--wait-bg);color:var(--wait)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em}.hdr[data-v-9c0b56e4]{background:var(--head);color:#fff}.hdr-in[data-v-9c0b56e4]{max-width:1360px;margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}@media(min-width:700px){.hdr-in[data-v-9c0b56e4]{padding-inline:24px}}.brand[data-v-9c0b56e4]{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.name[data-v-9c0b56e4]{font-size:20px;font-weight:700}.tag[data-v-9c0b56e4]{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--head-2);color:#dce3ea}.nav[data-v-9c0b56e4]{display:flex;gap:4px;flex-wrap:wrap;align-items:center;flex:1 1 auto}.nv[data-v-9c0b56e4]{min-height:40px;display:flex;align-items:center;padding:0 14px;border-radius:8px;color:var(--head-text);text-decoration:none}.nv[data-v-9c0b56e4]:hover{color:#fff;background:var(--head-2)}.nv.router-link-exact-active[data-v-9c0b56e4]{background:var(--head-2);color:#fff;font-weight:600}.sep[data-v-9c0b56e4]{width:1px;height:22px;background:#3a4654;margin:0 6px}.me[data-v-9c0b56e4]{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--head-text)}.out[data-v-9c0b56e4]{min-height:40px;padding:0 12px;border-radius:8px;border:1px solid #3A4654;background:transparent;color:#fff;font:inherit;cursor:pointer}.out[data-v-9c0b56e4]:hover{background:var(--head-2)}@media(max-width:699px){.hdr-in[data-v-9c0b56e4]{gap:6px 12px;padding-block:8px}.brand[data-v-9c0b56e4]{flex:1 1 auto}.tag[data-v-9c0b56e4],.who[data-v-9c0b56e4]{display:none}.out[data-v-9c0b56e4]{min-height:36px;padding:0 10px;font-size:14px}.nav[data-v-9c0b56e4]{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:12px}.nav[data-v-9c0b56e4]::-webkit-scrollbar{display:none}.nv[data-v-9c0b56e4]{flex:0 0 auto;min-height:38px;padding:0 12px;white-space:nowrap}}