.uthai-staff-auth-shell{color:#262622;font-family:var(--font-thai,"Sarabun"), "Noto Sans Thai", sans-serif;-webkit-font-smoothing:antialiased;background:#f6f4ee;font-size:100%}.uthai-staff-auth-shell ::selection{background:#d8eae0}.uthai-auth-split{flex-wrap:wrap;min-height:100vh;display:flex}.uthai-auth-brand{color:#fff;background:#1e6b54;flex-direction:column;flex:430px;justify-content:center;min-width:0;padding:clamp(28px,4vw,56px);display:flex;position:relative;overflow:hidden}.uthai-auth-brand-texture{background-image:radial-gradient(circle at 82% 12%,#ffffff21,#fff0 52%),repeating-linear-gradient(135deg,#ffffff0e 0 2px,#fff0 2px 16px);position:absolute;inset:0}.uthai-auth-ring--lg{border:1px solid #ffffff29;border-radius:99px;width:420px;height:420px;position:absolute;bottom:-150px;left:-120px}.uthai-auth-ring--md{border:1px solid #ffffff21;border-radius:99px;width:292px;height:292px;position:absolute;bottom:-86px;left:-56px}.uthai-auth-dot{background:#ffffff0e;border-radius:99px;width:164px;height:164px;position:absolute;bottom:-22px;left:8px}.uthai-auth-tile{border:1px solid #ffffff26;border-radius:26px;width:118px;height:118px;position:absolute;top:clamp(24px,6vw,90px);right:clamp(24px,5vw,60px);transform:rotate(18deg)}.uthai-auth-crest-row{align-items:center;gap:14px;margin-bottom:26px;display:flex;position:relative}.uthai-auth-crest{background:#fff;border-radius:14px;flex:none;width:54px;height:54px;padding:4px}.uthai-auth-crest-name{color:#fff;font-size:.9375rem;font-weight:700;line-height:1.35}.uthai-auth-brand-title{text-wrap:pretty;max-width:15em;margin:0;font-size:clamp(25px,2.4vw,33px);font-weight:800;line-height:1.32;position:relative}.uthai-auth-brand-sub{color:#fff;text-wrap:pretty;max-width:24em;margin:14px 0 0;font-size:1.03125rem;font-weight:500;position:relative}.uthai-auth-brand-note{color:#fff;margin:28px 0 0;font-size:.875rem;line-height:1.7;position:relative}.uthai-auth-form-panel{background:#fff;flex-direction:column;flex:430px;justify-content:center;min-width:0;padding:clamp(28px,4vw,56px) clamp(20px,4vw,56px);display:flex}.uthai-auth-form-card{width:100%;max-width:420px;margin:0 auto}.uthai-auth-heading{color:#262622;margin:0;font-size:1.625rem;font-weight:800;line-height:1.3}.uthai-auth-lead{color:#5a574d;margin:6px 0 22px;font-size:1rem}.uthai-auth-status{color:#1f5138;background:#e9f3ec;border:1px solid #cbe3d3;border-radius:12px;margin-bottom:18px;padding:12px 16px;font-size:.96875rem;display:block}.uthai-auth-alert{background:#fdf3f1;border:1px solid #efcfc6;border-left:5px solid #c2452f;border-radius:12px;gap:12px;margin-bottom:18px;padding:14px 16px;animation:.16s ease-out uthai-auth-fade-in;display:flex}.uthai-auth-alert-icon{color:#b23a24;flex:none;margin-top:2px}.uthai-auth-alert-title{color:#8e2e1b;text-wrap:pretty;min-width:0;font-size:1rem;font-weight:800;line-height:1.45;display:block}.uthai-auth-alert-help{color:#7a4437;text-wrap:pretty;margin-top:2px;font-size:.90625rem;font-weight:400;display:block}.uthai-auth-alert-text{color:#8e2e1b;text-wrap:pretty;min-width:0;font-size:.96875rem;font-weight:700;line-height:1.5;display:block}.uthai-auth-alert-note{color:#8e2e1b;margin-top:4px;font-weight:600;display:block}.uthai-auth-fields{flex-direction:column;gap:18px;display:flex}.uthai-auth-field{display:block}.uthai-auth-label{color:#262622;margin-bottom:6px;font-size:.96875rem;font-weight:700;display:block}.uthai-auth-input{box-sizing:border-box;color:#262622;background:#fff;border:1px solid #d8d2c2;border-radius:12px;outline:none;width:100%;height:50px;padding:0 15px;font-size:1.03125rem}.uthai-auth-input:focus-visible{border-color:#1e6b54;box-shadow:0 0 0 3px #1e6b5447}.uthai-auth-input--password{padding-right:54px}.uthai-auth-help{color:#6f6c61;margin-top:6px;font-size:.84375rem;display:block}.uthai-auth-pw-wrap{display:block;position:relative}.uthai-auth-pw-toggle{color:#6f6c61;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:3px;right:3px}.uthai-auth-pw-toggle:hover{color:#262622;background:#f1eee3}.uthai-auth-pw-toggle:focus-visible{outline-offset:1px;outline:3px solid #1e6b5459}.uthai-auth-submit{color:#fff;cursor:pointer;background:#1e6b54;border:0;border-radius:12px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:52px;font-size:1.09375rem;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #193c2d40}.uthai-auth-submit:hover:not(:disabled){background:#14523f}.uthai-auth-submit:focus-visible{outline-offset:2px;outline:3px solid #1e6b5459}.uthai-auth-submit:disabled{cursor:progress;background:#14523f}.uthai-auth-spin{flex:none;animation:.9s linear infinite uthai-auth-spin}.uthai-auth-links{flex-direction:column;align-items:center;gap:16px;padding-top:2px;display:flex}.uthai-auth-forgot{text-align:center;text-wrap:pretty;color:#1e6b54;align-items:center;min-height:44px;margin:0;font-size:.96875rem;font-weight:700;display:inline-flex}.uthai-auth-internal{color:#6f6c61;border-top:1px solid #f0ece1;justify-content:center;align-items:center;gap:8px;width:100%;padding-top:16px;font-size:.84375rem;display:flex}.uthai-auth-mock{border-top:1px dashed #e4dfd0;gap:8px;margin-top:20px;padding-top:16px;display:grid}.uthai-auth-mock-label{color:#8a6100;margin:0;font-size:.84375rem;font-weight:700}.uthai-auth-mock-btn{color:#5f4700;cursor:pointer;background:#fcf4dd;border:1px solid #efdfb2;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-size:.96875rem;font-weight:700;display:inline-flex}.uthai-auth-mock-btn:hover{border-color:#de9b10}.uthai-auth-mock-btn:focus-visible{outline-offset:2px;outline:3px solid #1e6b5459}.uthai-auth-stack{flex-direction:column;align-items:center;min-height:100vh;padding:clamp(20px,4vw,44px) clamp(16px,4vw,32px) 48px;display:flex}.uthai-auth-stack-brand{align-items:center;gap:12px;margin-bottom:clamp(18px,3vw,28px);display:flex}.uthai-auth-mark{background:#fff;border:1px solid #e9e4d8;border-radius:11px;flex:none;width:42px;height:42px;padding:3px}.uthai-auth-stack-name{line-height:1.3}.uthai-auth-stack-title{margin:0;font-size:1rem;font-weight:800;line-height:1.3;display:block}.uthai-auth-stack-sub{color:#6f6c61;font-size:.84375rem;display:block}.uthai-auth-card{background:#fff;border:1px solid #e9e4d8;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 1px 2px #463c230d}.uthai-auth-card--b{max-width:560px}.uthai-auth-card--c{max-width:480px;padding:clamp(20px,3vw,30px)}.uthai-auth-card-body{padding:clamp(20px,3vw,30px)}.uthai-auth-pane{animation:.16s ease-out uthai-auth-fade-in}.uthai-auth-steps{background:#fbfaf5;border-bottom:1px solid #f0ece1;align-items:center;gap:2px;padding:16px 18px;display:flex}.uthai-auth-step{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:0;min-height:44px;padding:0 8px;display:flex}.uthai-auth-step:hover{background:#f1eee3}.uthai-auth-step:focus-visible{outline-offset:1px;outline:3px solid #1e6b5459}.uthai-auth-step-dot{color:#6f6c61;background:#fff;border:1px solid #d8d2c2;border-radius:99px;flex:none;place-items:center;width:30px;height:30px;font-size:.90625rem;font-weight:800;display:grid}.uthai-auth-step-label{color:#6f6c61;text-wrap:pretty;min-width:0;font-size:.90625rem;font-weight:600;line-height:1.35}.uthai-auth-step.is-current .uthai-auth-step-dot{color:#fff;background:#1e6b54;border-color:#1e6b54}.uthai-auth-step.is-current .uthai-auth-step-label{color:#262622;font-weight:800}.uthai-auth-step.is-done .uthai-auth-step-dot{color:#2e7d4f;background:#e9f3ec;border-color:#cbe3d3}.uthai-auth-step.is-done .uthai-auth-step-label{color:#45433b}.uthai-auth-step-title{text-wrap:pretty;margin:0;font-size:1.4375rem;font-weight:800;line-height:1.35}.uthai-auth-step-lead{color:#5a574d;text-wrap:pretty;margin:8px 0 20px;font-size:1rem}.uthai-auth-app-list{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.uthai-auth-app-item{background:#fbfaf5;border:1px solid #e9e4d8;border-radius:12px;align-items:center;gap:13px;padding:14px 16px;display:flex}.uthai-auth-app-icon{color:#1e6b54;background:#e7f1eb;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.uthai-auth-app-name{font-size:1.03125rem;font-weight:700;line-height:1.4;display:block}.uthai-auth-app-note{color:#6f6c61;font-size:.84375rem;display:block}.uthai-auth-app-foot{color:#6f6c61;text-wrap:pretty;margin:0 0 20px;font-size:.90625rem}.uthai-auth-btn-primary{color:#fff;cursor:pointer;background:#1e6b54;border:1px solid #1e6b54;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:52px;font-size:1.09375rem;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #193c2d40}.uthai-auth-btn-primary:hover:not(:disabled){background:#14523f;border-color:#14523f}.uthai-auth-btn-primary:focus-visible{outline-offset:2px;outline:3px solid #1e6b5459}.uthai-auth-btn-primary:disabled{color:#6f6c61;cursor:not-allowed;box-shadow:none;background:#f1eee5;border-color:#e4dfd0}.uthai-auth-btn-primary--full{width:100%}.uthai-auth-btn-primary--grow{flex:1;min-width:200px}.uthai-auth-btn-secondary{color:#262622;cursor:pointer;background:#fff;border:1px solid #d8d2c2;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 20px;font-size:1.03125rem;font-weight:700;display:inline-flex}.uthai-auth-btn-secondary:hover{color:#1e6b54;border-color:#1e6b54}.uthai-auth-btn-secondary:focus-visible{outline-offset:2px;outline:3px solid #1e6b5459}.uthai-auth-btn-row{flex-wrap:wrap;gap:10px;display:flex}.uthai-auth-copy{color:#262622;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8d2c2;border-radius:10px;flex:none;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:.96875rem;font-weight:700;display:inline-flex}.uthai-auth-copy:hover{color:#1e6b54;border-color:#1e6b54}.uthai-auth-copy:focus-visible{outline-offset:2px;outline:3px solid #1e6b5459}.uthai-auth-copy.is-copied{color:#1f5138;background:#e9f3ec;border-color:#cbe3d3}.uthai-auth-action{color:#262622;cursor:pointer;background:#fff;border:1px solid #d8d2c2;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:1rem;font-weight:700;display:inline-flex}.uthai-auth-action:hover{color:#1e6b54;border-color:#1e6b54}.uthai-auth-action:focus-visible{outline-offset:2px;outline:3px solid #1e6b5459}.uthai-auth-action.is-copied{color:#1f5138;background:#e9f3ec;border-color:#cbe3d3}.uthai-auth-qr-wrap{justify-content:center;margin-bottom:20px;display:flex}.uthai-auth-qr-frame{box-sizing:border-box;background:#fff;border:1px solid #e9e4d8;border-radius:14px;place-items:center;width:260px;height:260px;padding:14px;display:grid;position:relative}.uthai-auth-qr-img{width:230px;height:230px;display:block}.uthai-auth-qr-status{color:#6f6c61;text-align:center;text-wrap:pretty;flex-direction:column;align-items:center;gap:10px;padding:0 10px;font-size:.875rem;display:flex}.uthai-auth-secret-box{background:#fbfaf5;border:1px solid #e9e4d8;border-radius:12px;margin-bottom:20px;padding:16px}.uthai-auth-secret-title{margin-bottom:3px;font-size:.90625rem;font-weight:700;display:block}.uthai-auth-secret-sub{color:#6f6c61;margin-bottom:11px;font-size:.84375rem;display:block}.uthai-auth-secret-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.uthai-auth-secret-code{letter-spacing:.06em;color:#262622;word-break:break-all;background:#fff;border:1px solid #e4dfd0;border-radius:10px;flex:1;min-width:200px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.0625rem;font-weight:600}.uthai-auth-otp-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px;display:grid}.uthai-auth-otp-input{box-sizing:border-box;text-align:center;color:#262622;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d8d2c2;border-radius:12px;outline:none;width:100%;min-width:0;height:64px;font-size:1.8125rem;font-weight:800}.uthai-auth-otp-input:focus-visible{border-color:#1e6b54;box-shadow:0 0 0 3px #1e6b5447}.uthai-auth-otp-input.is-error{border-color:#e6bdb3}.uthai-auth-otp-hint{color:#6f6c61;margin:0 0 20px;font-size:.875rem}.uthai-auth-done-head{align-items:center;gap:13px;margin-bottom:6px;display:flex}.uthai-auth-done-badge{color:#2e7d4f;background:#e9f3ec;border-radius:99px;flex:none;place-items:center;width:46px;height:46px;display:grid}.uthai-auth-done-lead{color:#5a574d;text-wrap:pretty;margin:0 0 18px;font-size:1rem}.uthai-auth-warn{background:#fcf4dd;border:1px solid #efdfb2;border-left:5px solid #de9b10;border-radius:12px;gap:12px;margin-bottom:18px;padding:15px 17px;display:flex}.uthai-auth-warn-icon{color:#8a6100;flex:none;margin-top:2px}.uthai-auth-warn-text{color:#5f4700;text-wrap:pretty;font-size:.96875rem;font-weight:700;line-height:1.55}.uthai-auth-codes-panel{background:#fbfaf5;border:1px solid #e4dfd0;border-radius:12px;margin-bottom:14px;padding:16px}.uthai-auth-codes-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.uthai-auth-code-item{background:#fff;border:1px solid #eae5d9;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;display:flex}.uthai-auth-code-n{color:#6f6c61;font-variant-numeric:tabular-nums;flex:none;width:16px;font-size:.78125rem;font-weight:700}.uthai-auth-code-value{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:600}.uthai-auth-done-actions{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.uthai-auth-ack{cursor:pointer;background:#fff;border:1px solid #d8d2c2;border-radius:12px;align-items:center;gap:12px;min-height:48px;margin-bottom:14px;padding:10px 14px;display:flex}.uthai-auth-ack.is-checked{background:#f2f8f4;border-color:#cbe3d3}.uthai-auth-ack-box{accent-color:#1e6b54;cursor:pointer;flex:none;width:22px;height:22px;margin:0}.uthai-auth-ack-text{text-wrap:pretty;font-size:1rem;font-weight:700}.uthai-auth-backup-field{margin-bottom:18px;display:block}.uthai-auth-backup-input{box-sizing:border-box;letter-spacing:.08em;color:#262622;background:#fff;border:1px solid #d8d2c2;border-radius:12px;outline:none;width:100%;height:56px;padding:0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3125rem;font-weight:600}.uthai-auth-backup-input:focus-visible{border-color:#1e6b54;box-shadow:0 0 0 3px #1e6b5447}.uthai-auth-backup-input.is-error{border-color:#e6bdb3}.uthai-auth-swap-row{border-top:1px solid #f0ece1;flex-direction:column;align-items:center;gap:4px;margin-top:14px;padding-top:14px;display:flex}.uthai-auth-swap{color:#1e6b54;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:.96875rem;font-weight:700;display:inline-flex}.uthai-auth-swap:hover{color:#14523f;background:#f1eee3}.uthai-auth-swap:focus-visible{outline-offset:2px;outline:3px solid #1e6b5459}.uthai-auth-contact{color:#5a574d;text-align:center;text-wrap:pretty;align-items:center;min-height:44px;font-size:.9375rem;font-weight:600;display:inline-flex}.uthai-auth-contact:hover{color:#1e6b54}.uthai-auth-helpline{color:#6f6c61;text-align:center;text-wrap:pretty;flex-direction:column;align-items:center;gap:2px;margin-top:18px;font-size:.90625rem;display:flex}.uthai-auth-helpline p,.uthai-auth-helpline form{margin:0}.uthai-auth-helpline a,.uthai-auth-helpline-exit{color:#1e6b54;align-items:center;min-height:44px;font-weight:700;display:inline-flex}.uthai-auth-helpline-exit{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0}.uthai-auth-helpline a:hover,.uthai-auth-helpline-exit:hover{color:#14523f}.uthai-auth-helpline-exit:focus-visible{outline-offset:2px;outline:3px solid #1e6b5459}.uthai-auth-footer-lock{color:#6f6c61;align-items:center;gap:8px;margin-top:26px;font-size:.84375rem;display:flex}@media print{.uthai-auth-no-print{display:none!important}}@keyframes uthai-auth-spin{to{transform:rotate(360deg)}}@keyframes uthai-auth-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.uthai-auth-alert,.uthai-auth-pane{animation:none}.uthai-auth-spin{animation-duration:1.8s}}