:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#eef1f4;--ink:#16202b;--muted:#5b6673;--line:#e3e8ee;--brand:#0f766e;--brand-ink:#0b544e;--brand-soft:#d8ede9;--good:#15803d;--good-soft:#dcf0e2;--warn:#b45309;--warn-soft:#f7e6cc;--crit:#b91c1c;--crit-soft:#f6dcdc}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Sarabun,system-ui,-apple-system,sans-serif;line-height:1.55}a{color:var(--brand)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;border:none;border-radius:9px;padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;width:100%}.btn:hover{background:var(--brand-ink)}.input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-size:15px;background:#fff;color:var(--ink)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(15,118,110,.15)}.label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 11px;border-radius:999px}.pill.good{background:var(--good-soft);color:var(--good)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.crit{background:var(--crit-soft);color:var(--crit)}