:root{--bg:#f4f6f9;--surface:#fff;--text:#1a2233;--text-muted:#6b7486;--line:#e4e8ef;--brand:#1f6fde;--brand-soft:#e8f0fd;--ok:#1a9e5c;--ok-soft:#e5f6ed;--warn:#b97b0a;--warn-soft:#fdf3e0;--danger:#d5382f;--danger-soft:#fdeae8;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Noto Sans Thai,Sukhumvit Set,Segoe UI,sans-serif;font-size:16px;line-height:1.5}main{max-width:480px;min-height:100dvh;margin:0 auto;padding:16px 16px 40px}a{color:var(--brand);text-decoration:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:16px}.badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.muted{background:var(--bg);color:var(--text-muted)}.muted{color:var(--text-muted)}.small{font-size:13.5px}.row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.amount{font-variant-numeric:tabular-nums;font-weight:700}.btn{text-align:center;background:var(--brand);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:13px 16px;font-size:16px;font-weight:600;display:block}.btn:disabled{opacity:.6}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:70dvh;padding:24px;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}