@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--t50:#e1f5ee;--t100:#9fe1cb;--t200:#5dcaa5;--t400:#1d9e75;--t600:#0f6e56;--t800:#085041;--t900:#04342c;--p50:#eeedfe;--p100:#cecbf6;--p600:#534ab7;--p800:#3c3489;--a50:#faeeda;--a400:#ef9f27;--a600:#854f0b;--a800:#633806;--r50:#fcebeb;--r400:#e24b4a;--r800:#791f1f;--g50:#eaf3de;--g800:#27500a;--gr50:#f1efe8;--gr100:#d3d1c7;--gr200:#b4b2a9;--bg:#f4f7f5;--surf:#fff;--bd:rgba(15,110,86,.15);--tx:#1a1a1a;--txm:#3d5c4f;--txl:#7a9e90;--ff:"IBM Plex Sans Thai",sans-serif;--fm:"IBM Plex Mono",monospace;--r:8px;--rl:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ff);background:var(--bg);color:var(--tx);min-height:100vh}a{text-decoration:none;color:inherit}.pill{display:inline-flex;align-items:center;font-size:10.5px;padding:2px 9px;border-radius:20px;font-weight:500;white-space:nowrap;vertical-align:middle}.pill-pending{background:var(--a50);color:var(--a800)}.pill-approved{background:var(--t50);color:var(--t800)}.pill-hardening{background:var(--p50);color:var(--p800)}.pill-done{background:var(--g50);color:var(--g800)}.pill-rejected{background:var(--r50);color:var(--r800)}.btn-primary{background:var(--t800);color:#fff;border:none;border-radius:var(--r);padding:9px 20px;font-family:var(--ff);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--t600)}.btn-secondary{background:transparent;border:1px solid var(--bd);color:var(--txm);border-radius:var(--r);padding:9px 16px;font-family:var(--ff);font-size:13px;cursor:pointer}.btn-secondary:hover{background:var(--t50)}@media (max-width:768px){.desktop-only{display:none!important}.mobile-stack{flex-direction:column!important}.mobile-full{width:100%!important;grid-column:1/-1!important}.mobile-p{padding:16px!important}.mobile-grid-1{grid-template-columns:1fr!important}}