:root{--teal: #21BDBE;--teal-d: #0F8E8F;--teal-t: #E6F7F7;--orange: #F68920;--yellow: #FCBC17;--green: #2FA84F;--purple: #9B6DD6;--red: #D14343;--ink: #2F3941;--sub: #68737D;--mut: #87929D;--bg: #F8F9F9;--line: #D8DCDE;--line-l: #E9EBED;--white: #fff;--navy: #1F2A2A;--body: "IBM Plex Sans Thai", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace;--r: 4px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--body);color:var(--ink);background:var(--bg);font-size:13px}svg{flex-shrink:0}.in{font-family:var(--body);font-size:13px;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);outline:none;background:var(--white);color:var(--ink)}.in:focus{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-t)}.in.err{border-color:var(--red);box-shadow:0 0 0 2px #fbeaea}.btn-primary{cursor:pointer;border:none;background:var(--teal-d);color:#fff;font-family:var(--body);font-weight:600;font-size:13px;padding:9px 16px;border-radius:var(--r)}.btn-primary:hover{background:#0c7a7b}.btn-primary:disabled{background:var(--mut);cursor:wait}.btn-ghost{cursor:pointer;border:1px solid var(--line);background:var(--white);color:var(--sub);font-family:var(--body);font-weight:600;font-size:12.5px;padding:8px 14px;border-radius:var(--r)}