@charset "UTF-8";@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/notosansthai-thai.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/notosansthai-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/notosansthai-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sp-primary: #1e3a8a;--sp-primary-mid: #1d4ed8;--sp-primary-dark: #0f172a;--sp-primary-light: #eff6ff;--sp-success: #059669;--sp-success-light: #ecfdf5;--sp-success-border: #6ee7b7;--sp-star: #d97706;--sp-danger: #dc2626;--sp-border: #e2e8f0;--sp-bg: #f8fafc;--sp-text: #0f172a;--sp-muted: #64748b;--sp-surface: #ffffff;--sp-shadow-sm: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);--sp-shadow-md: 0 4px 12px rgba(15,23,42,.1), 0 2px 4px rgba(15,23,42,.06)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;font-family:Noto Sans Thai,sans-serif;background:var(--sp-primary-dark);-webkit-font-smoothing:antialiased}app-root{display:block;max-width:480px;margin:0 auto;min-height:100%;background:#fff}button{cursor:pointer;font-family:inherit}input,textarea{box-sizing:border-box;font-family:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.screen{min-height:100vh;display:flex;flex-direction:column;background:#fff;animation:fadeUp .3s ease}.sp-header{background:linear-gradient(160deg,#1e3a8a,#1e40af);padding:16px 20px 14px;flex:none;box-shadow:0 2px 8px #0f172a33}.sp-header__back{display:inline-flex;align-items:center;gap:5px;color:#ffffffbf;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:12px;background:none;border:none;padding:0;letter-spacing:.1px}.sp-header__label{color:#fff;font-size:14px;font-weight:700;margin-bottom:10px;letter-spacing:.1px}.sp-progress{height:3px;background:#ffffff2e;border-radius:4px;overflow:hidden}.sp-progress__bar{height:3px;background:#93c5fd;border-radius:4px;transition:width .5s ease}.btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:.2px;box-shadow:0 4px 14px #1e3a8a59,0 1px 3px #1e3a8a33;transition:opacity .15s,box-shadow .15s}.btn-primary:not(:disabled):active{opacity:.92;box-shadow:0 2px 6px #1e3a8a40}.btn-primary:disabled{background:#cbd5e1;box-shadow:none;cursor:default;color:#94a3b8}.btn-success{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px #0596694d}.badge{background:#1e3a8a;color:#bfdbfe;font-size:10px;padding:3px 9px;border-radius:5px;font-weight:700;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase}