:root{font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;color:#172033;background:#f7f8fc;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #e2e8f0;padding:18px max(22px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;align-items:center}.brand{color:#9a3412;font-size:23px;font-weight:850;text-decoration:none;line-height:1.4}.brand small{display:block;font-size:12px;font-weight:600;color:#64748b}main{max-width:1080px;margin:auto;padding:24px}.notice{padding:18px 22px;background:#fff7ed;border:1px solid #fdba74;border-radius:14px;color:#9a3412}.notice p{margin:5px 0 0;font-size:14px}.intro h1{font-size:36px;line-height:1.4;margin:12px 0}.intro p,.hint,footer{color:#64748b;line-height:1.7}.eyebrow{color:#c2410c;font-weight:800;letter-spacing:.1em;font-size:12px}#login{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:40px 0}.card{border-radius:18px;background:white;border:1px solid #e2e8f0;padding:24px;box-shadow:0 8px 25px #0f172a05;margin:16px 0}.tabs{display:flex;border-bottom:1px solid #e2e8f0;gap:8px;margin-bottom:22px}.tabs button{border:0;border-radius:0;color:#64748b}.tabs .selected{border-bottom:3px solid #ea580c;color:#9a3412}label{display:block;margin:14px 0 8px;font-size:14px;font-weight:650}input,textarea,select{display:block;width:100%;margin-top:6px;font:inherit;padding:12px;border-radius:10px;border:1px solid #cbd5e1;background:white;color:#172033;min-width:0}input:focus,textarea:focus,select:focus{outline:3px solid #ffedd5;border-color:#ea580c}button{font:inherit;font-size:14px;font-weight:700;cursor:pointer;padding:11px 16px;border:1px solid #cbd5e1;border-radius:10px;background:white;color:#334155;min-height:44px}button:disabled{opacity:.5;cursor:wait}.primary{background:#c2410c;color:white;border-color:#c2410c}.danger{color:#b91c1c;border-color:#fca5a5}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hint{font-size:13px}.money{font-size:36px;font-weight:800;margin:8px 0}.pill{display:inline-block;font-size:12px;padding:5px 10px;border-radius:99px;background:#fff7ed;color:#9a3412}.pill.approved{background:#dcfce7;color:#166534}.pill.rejected{background:#fee2e2;color:#991b1b}.evidence{max-width:100%;width:340px;max-height:500px;object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.qr{width:200px;max-width:100%}.check{display:flex;align-items:flex-start;gap:8px;line-height:1.7}.check input{width:auto;margin:5px 0 0;flex-shrink:0}.result{padding:15px;border-radius:12px;margin-top:14px;background:#e0f2fe;color:#075985}.result.error{background:#fee2e2;color:#991b1b}footer{text-align:center;font-size:12px;padding:32px 0}h2,h3{line-height:1.5}.invoice{border-left:5px solid #ea580c}[hidden]{display:none!important}@media(max-width:650px){main{padding:18px}#login,.grid{grid-template-columns:1fr;gap:15px}#login{padding:24px 0}.intro h1{font-size:28px}.card{padding:20px}.money{font-size:30px}header{padding:14px 18px}}