:root{--navy: #0b2a4a;--navy-2: #143a63;--blue: #1e63c4;--blue-soft: #e8f0fb;--line-green: #06c755;--ink: #1a2433;--muted: #6b7787;--line: #e2e7ee;--bg: #eef2f7;--white: #fff;--danger: #d64545;--ok: #0f9d58;--amber: #e8a33d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Anuphan,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit}.screen{max-width:460px;margin:0 auto;min-height:100vh;background:var(--bg);display:flex;flex-direction:column;position:relative}.lh{background:var(--white);padding:13px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.lh .back{color:var(--muted);font-size:22px;font-weight:300;background:none;border:none;cursor:pointer;line-height:1}.lh .ava{width:30px;height:30px;border-radius:9px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.lh .t{font-size:14px;font-weight:600}.lh .x{margin-left:auto;color:var(--muted);font-size:18px;background:none;border:none;cursor:pointer}.prog{display:flex;gap:5px;padding:11px 16px;background:#fff;border-bottom:1px solid var(--line)}.prog i{height:3px;flex:1;border-radius:3px;background:var(--line)}.prog i.on{background:var(--blue)}.prog i.done{background:var(--ok)}.sb{flex:1;overflow-y:auto;padding:18px 16px 110px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--blue);text-transform:uppercase}h2.scr{font-size:19px;font-weight:700;color:var(--navy);margin:3px 0 4px;letter-spacing:-.2px}.sub{font-size:12.5px;color:var(--muted);margin-bottom:16px}label.f{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin:13px 0 5px}label.f .req{color:var(--danger)}.inp{width:100%;border:1.4px solid var(--line);border-radius:11px;padding:11px 12px;font-family:inherit;font-size:13.5px;color:var(--ink);background:#fff}.inp:focus{outline:none;border-color:var(--blue)}.inp::placeholder{color:#aab4c0}.inp.err{border-color:var(--danger)}.hint{font-size:11px;color:var(--muted);margin-top:4px}.field-err{font-size:11px;color:var(--danger);margin-top:4px}.choose{display:flex;flex-direction:column;gap:11px;margin-top:6px}.opt{border:1.6px solid var(--line);border-radius:14px;padding:15px;background:#fff;display:flex;align-items:center;gap:13px;cursor:pointer;transition:.15s;text-align:left;width:100%}.opt:hover{border-color:#bcd0ec}.opt.sel{border-color:var(--blue);background:var(--blue-soft)}.opt .ic{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:21px;background:var(--navy)}.opt.sel .ic{background:var(--blue)}.opt .ti{font-size:14.5px;font-weight:700;color:var(--navy)}.opt .de{font-size:11.5px;color:var(--muted);margin-top:1px}.opt .chk{margin-left:auto;width:21px;height:21px;border-radius:50%;border:2px solid var(--line);flex-shrink:0}.opt.sel .chk{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 3px #fff}.up{border:1.6px dashed #c2d0e2;border-radius:12px;padding:15px;text-align:center;background:#fafcff;margin-top:5px;cursor:pointer;display:block;width:100%}.up .uic{font-size:22px}.up .ut{font-size:12.5px;font-weight:600;color:var(--blue);margin-top:3px}.up .uh{font-size:10.5px;color:var(--muted)}.up.done{border-style:solid;border-color:var(--ok);background:#f2fbf6}.up.done .uic,.up.done .ut{color:var(--ok)}.filechip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 10px;margin-top:7px;font-size:12px}.filechip .fi{color:var(--ok)}.filechip .fx{margin-left:auto;color:var(--muted);background:none;border:none;cursor:pointer}.consent{display:flex;gap:9px;margin-top:16px;background:#f6f8fb;border:1px solid var(--line);border-radius:11px;padding:12px;cursor:pointer}.consent .cb{width:18px;height:18px;border-radius:5px;border:2px solid var(--blue);background:#fff;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px}.consent.on .cb{background:var(--blue)}.consent p{font-size:11px;color:#56657a;line-height:1.5}.otp-box{display:flex;gap:8px;justify-content:center;margin:18px 0 6px}.otp-box input{width:42px;height:52px;border:1.6px solid var(--line);border-radius:11px;text-align:center;font-size:22px;font-weight:700;color:var(--navy);background:#fff;font-family:inherit}.otp-box input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.code-big{text-align:center;font-size:13px;color:var(--muted);margin:4px 0 2px}.resend{text-align:center;font-size:12px;color:var(--muted);margin-top:10px}.resend b{color:var(--navy)}.resend button{background:none;border:none;color:var(--blue);font-weight:600;cursor:pointer;font-size:12px}.resend button:disabled{color:var(--muted);cursor:default}.card-i{background:var(--blue-soft);border:1px solid #cfe0f5;border-radius:12px;padding:13px;margin-top:16px;display:flex;gap:10px}.card-i .ii{font-size:17px}.card-i p{font-size:12px;color:#2a4a72;line-height:1.5}.succ{text-align:center;padding:30px 10px}.succ .big{width:72px;height:72px;border-radius:50%;background:#e7f7ee;color:var(--ok);font-size:38px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.succ h3{font-size:20px;font-weight:700;color:var(--navy)}.succ p{font-size:13px;color:var(--muted);margin-top:6px}.sumcard{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;margin-top:18px;text-align:left}.sumrow{display:flex;justify-content:space-between;font-size:12.5px;padding:5px 0}.sumrow span:first-child{color:var(--muted)}.sumrow span:last-child{font-weight:600;color:var(--ink)}.foot{position:sticky;bottom:0;padding:13px 16px 16px;background:linear-gradient(to top,#fff 72%,#fff0)}.btn{width:100%;border:none;border-radius:13px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.btn.pri{background:var(--blue);color:#fff;box-shadow:0 6px 16px #1e63c44d}.btn.line{background:var(--line-green);color:#fff}.btn.ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.alert{background:#fdeaea;border:1px solid #f1c7c7;color:#9a2a2a;border-radius:10px;padding:10px 12px;font-size:12.5px;margin-bottom:12px}.otp-inline{display:flex;gap:8px;align-items:stretch}.otp-inline .inp{flex:1}.btn-otp{border:1.4px solid var(--blue);color:var(--blue);background:#fff;border-radius:11px;padding:0 16px;font-weight:600;font-size:13px;white-space:nowrap;cursor:pointer;font-family:inherit}.btn-otp:disabled{opacity:.55;border-color:var(--line);color:var(--muted);cursor:default}.verified-chip{display:flex;align-items:center;gap:5px;padding:0 16px;border-radius:11px;background:#e7f7ee;color:var(--ok);font-weight:700;font-size:13px;white-space:nowrap}.otp-card{border:1px solid var(--line);border-radius:12px;background:#fafcff;padding:12px;margin-top:8px}.row2{display:flex;gap:9px}.row2>div{flex:1}.center-load{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.lead-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 14px;margin-bottom:10px}.lead-row .lc{font-weight:700;color:var(--navy);font-size:13.5px}.lead-row .meta{font-size:12px;color:var(--muted);margin-top:3px}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:7px;display:inline-flex;align-items:center;gap:4px}.b-received{background:var(--blue-soft);color:var(--blue)}.b-reviewing{background:#fcf3e3;color:#9a6516}.b-approved{background:#e3f0e9;color:#0f7a45}.b-paid{background:#e7f7ee;color:var(--ok)}.b-rejected{background:#fdeaea;color:var(--danger)}.seg{display:flex;background:#fff;border:1px solid var(--line);border-radius:9px;padding:3px;margin-bottom:14px}.seg button{flex:1;font-size:12.5px;padding:7px;border-radius:6px;color:var(--muted);font-weight:600;cursor:pointer;background:none;border:none}.seg button.on{background:var(--blue);color:#fff}.empty{text-align:center;color:var(--muted);font-size:13px;padding:40px 0}