@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: #1b3a6b;--sp-primary-dark: #0d2040;--sp-success: #16a34a;--sp-star: #f59e0b;--sp-danger: #ef4444;--sp-border: #e5e7eb;--sp-bg: #f8faff;--sp-text: #1a1a1a;--sp-muted: #999}*{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)}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:100%;display:flex;flex-direction:column;background:#fff;animation:fadeUp .3s ease}.sp-header{background:var(--sp-primary);padding:16px 20px 14px;flex:none}.sp-header__back{display:inline-flex;align-items:center;gap:5px;color:#fffc;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:12px;background:none;border:none;padding:0}.sp-header__label{color:#ffffffd9;font-size:13px;font-weight:500;margin-bottom:8px}.sp-progress{height:4px;background:#ffffff26;border-radius:4px;overflow:hidden}.sp-progress__bar{height:4px;background:#fff;border-radius:4px;transition:width .5s ease}.btn-primary{width:100%;padding:17px;background:var(--sp-primary);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;box-shadow:0 6px 20px #1b3a6b4d}.btn-primary:disabled{background:#cbd5e1;box-shadow:none;cursor:default}.btn-success{background:var(--sp-success);box-shadow:0 6px 18px #16a34a40}.badge{background:var(--sp-primary);color:#fff;font-size:10px;padding:2px 9px;border-radius:5px;font-weight:700;letter-spacing:.3px;white-space:nowrap}