@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.flex{display:flex}*{box-sizing:border-box}.register-page{background:#fff;width:393px;min-height:852px;margin:0 auto;font-family:Noto Sans Thai,sans-serif;position:relative}.register-title{text-align:center;color:#ff7800;margin:0;font-size:24px;font-weight:700;position:absolute;top:180px;left:0;right:0}.register-form{flex-direction:column;gap:20px;width:324px;display:flex;position:absolute;top:250px;left:35px}.register-form input{color:#333;background:#fff;border:2px solid #ff78004d;border-radius:20px;outline:none;width:100%;height:42px;padding:0 20px;font-family:Noto Sans Thai,sans-serif;font-size:14px;font-weight:400}.register-form input::placeholder{color:#5d939575}.register-form input:focus{border-color:#ff7800}.register-form .help-text{color:#405574;margin:8px 0 0 24px;font-size:12px;font-weight:500;line-height:1.4}.register-form .error-text{color:#e53935;margin:8px 0 0 24px;font-size:12px;font-weight:500;line-height:1.4}.register-form button{color:#fff;cursor:pointer;background:#ff7800;border:none;border-radius:20px;width:101px;height:42px;margin:40px auto 0;font-family:Noto Sans Thai,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s}.register-form button:hover{opacity:.9}.register-form button:disabled{opacity:.6;cursor:not-allowed}.or-divider{text-align:center;color:#aaa;margin:-8px 0;font-size:13px;font-weight:500}.walkin-box{text-align:center;justify-content:center;align-items:center;padding-top:150px}.walkin-title{color:#ff8d45;margin-bottom:16px;font-size:2rem;font-weight:900}.walkin-message{color:#333;font-size:20px;font-weight:600;line-height:1.7}.mental-page{background:#fff;justify-content:center;width:100%;min-height:100vh;display:flex}.mental-card{text-align:center;width:393px;min-height:852px;padding:210px 30px 0}.mental-title{color:#ff7900;margin-bottom:28px;font-size:32px;font-weight:600;line-height:1.45}.mental-desc{color:#4c5d7c;margin-bottom:32px;font-size:20px;font-weight:500;line-height:1.5}.mental-link{margin-bottom:65px}.mental-link a{color:#ff7900;font-size:22px;font-weight:500;text-decoration:underline}.mental-btn{color:#fff;cursor:pointer;background:#ff7900;border:none;border-radius:999px;width:205px;height:72px;font-size:18px;font-weight:500;line-height:1.35}.queue-page{background:#fff;justify-content:center;width:100%;min-height:100vh;font-family:Noto Sans Thai,sans-serif;display:flex}.queue-card{text-align:center;width:393px;min-height:852px;padding-top:120px}.queue-icon{justify-content:center;margin-bottom:60px;display:flex}.queue-success-image{width:220px;height:auto;display:block}.queue-main-title{color:#4c5d7c;margin-bottom:20px;font-size:24px;font-weight:600;line-height:1.45}.queue-count{color:#4c5d7c;margin-bottom:60px;font-size:24px;font-weight:600;line-height:1.4}.queue-count span{color:#ff7900}.queue-info-box{padding:0 24px}.queue-info-text{color:#ff7900;margin-bottom:8px;font-size:24px;font-weight:500;line-height:1.5}.queue-name-text{color:#ff7900;margin-bottom:30px;font-size:20px;font-weight:600;line-height:1.5}.queue-room-text{color:#ff7900;font-size:20px;font-weight:600;line-height:1.5}@media (width<=393px){.queue-card{width:100%;padding:120px 20px 0}.queue-success-image{width:200px}.queue-main-title{font-size:24px}.queue-count{font-size:22px}.queue-info-text,.queue-name-text,.queue-room-text{font-size:24px}}.finish-page{background:#fff;justify-content:center;width:100%;min-height:100vh;font-family:Noto Sans Thai,sans-serif;display:flex}.finish-card{text-align:center;background:#fff;width:393px;min-height:852px;padding:130px 28px 0}.finish-img{width:300px;height:auto;margin-bottom:45px}.finish-title{color:#4c5d7c;margin:0 0 8px;font-size:31px;font-weight:600;line-height:1.35}.finish-next{color:#ff7900;margin:0 0 66px;font-size:33px;font-weight:500;line-height:1.35}.finish-btn{color:#fff;cursor:pointer;background:#ff7900;border:none;border-radius:42px;width:175px;height:70px;font-family:Noto Sans Thai,sans-serif;font-size:24px;font-weight:400}.finish-btn:active{transform:scale(.97)}.xray-page{background:#fff;justify-content:center;width:100%;min-height:100vh;font-family:Noto Sans Thai,sans-serif;display:flex}.xray-card{text-align:center;width:393px;min-height:852px;padding-top:120px}.xray-icon{justify-content:center;margin-bottom:70px;display:flex}.xray-success-image{width:220px;height:auto;display:block}.xray-main-title{color:#ff7900;margin-bottom:100px;font-size:32px;font-weight:600;line-height:1.5}.xray-finish-btn:hover{opacity:.9}.register-success-page{background:#fff;justify-content:center;width:393px;min-height:852px;font-family:Noto Sans Thai,sans-serif;display:flex}.register-success-card{text-align:center;background:#fff;width:393px;min-height:852px;padding:85px 32px 40px}.register-success-icon{justify-content:center;margin-bottom:45px;display:flex}.register-success-image{width:210px;height:auto;display:block}.register-success-title{color:#4c5d7c;margin-bottom:16px;font-size:30px;font-weight:600;line-height:1.4}.register-success-subtitle{color:#ff8d45;text-underline-offset:7px;margin-bottom:28px;font-size:28px;font-weight:600;line-height:1.4;-webkit-text-decoration:underline #ff8d45;text-decoration:underline #ff8d45;text-decoration-thickness:3px}.register-success-desc{color:#ff8d45;margin-bottom:45px;font-size:18px;font-weight:500;line-height:1.55}.register-success-button{color:#fff;cursor:pointer;background:#ff8d45;border:none;border-radius:999px;width:210px;height:58px;font-family:Noto Sans Thai,sans-serif;font-size:22px;font-weight:500;transition:all .2s;box-shadow:0 8px 18px #ff8d4547}.register-success-button:hover{opacity:.95}.register-success-button:active{transform:scale(.97)}.statepath-page{background:#fff;justify-content:center;width:100%;min-height:100vh;font-family:Noto Sans Thai,sans-serif;display:flex}.statepath-card{background:#f5f5f5;width:393px;min-height:852px;padding:42px 20px 30px;position:relative;overflow:hidden}.statepath-card:before{display:none}.blob-orange{z-index:0;background:#ff8d45;border-radius:90px 0 0 90px;width:210px;height:150px;position:absolute;top:22px;right:0}.blob-cream{z-index:0;background:#f4dfb8;border-radius:0 95px 95px 0;width:255px;height:190px;position:absolute;top:370px;left:25px}.hero,.stations,.finish-btn{z-index:2;position:relative}.hero{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.hero h1{color:#111;margin:4px 0 0;font-size:28px;font-weight:800;line-height:1}.hero h2{color:#ff7900;margin:8px 0 0;font-size:25px;font-weight:700;line-height:1.02}.hero img{-o-object-fit:contain;object-fit:contain;width:215px;height:180px;margin-top:-20px;margin-right:-22px}.stations{flex-direction:column;gap:0;display:flex}.station{align-items:center;min-height:135px;display:flex;position:relative}.station-img{-o-object-fit:contain;object-fit:contain;z-index:2;flex-shrink:0;width:170px;height:140px}.station-text{z-index:2;flex:1}.station-text h3{color:#5b5b5b;margin:0;font-size:24px;font-weight:800;line-height:1}.station-text h4{margin:2px 0 4px;font-size:21px;font-weight:800;line-height:.95}.station-text h4.blue{color:#315fc0}.station-text h4.orange{color:#ff7900}.station-text p{color:#565656;margin:0;font-size:12.5px;font-weight:500;line-height:1.05}.station-1{margin-top:-10px}.station-1 .station-img{width:175px;height:145px;margin-left:4px;margin-right:-8px}.station-1:before,.station-2:before{display:none}.station-2{margin-top:-10px}.station-2 .station-img{width:165px;height:140px;margin-left:-2px;margin-right:0}.station-3{margin-top:-8px}.station-3 .station-img{width:175px;height:145px;margin-left:-6px;margin-right:-5px}.station-4{margin-top:-10px}.station-4 .station-img,.station-5 .station-img,.station-6 .station-img{width:185px;height:150px;margin-left:-10px;margin-right:-8px}.finish-btn{color:#fff;cursor:pointer;background:#ff7900;border:none;border-radius:40px;width:150px;height:46px;margin:6px auto 0;font-size:19px;font-weight:600;display:block}.deco{z-index:1;background:currentColor;position:absolute;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='295 317 116 116' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M355.661 319.198L358.604 324.136C359.615 325.818 361.891 326.182 363.365 324.896L367.682 321.084C369.474 319.521 372.281 320.438 372.807 322.735L374.073 328.344C374.51 330.25 376.552 331.307 378.37 330.526L383.656 328.276C385.839 327.334 388.229 329.078 388.021 331.448L387.495 337.167C387.307 339.12 388.943 340.755 390.896 340.568L396.615 340.042C398.984 339.834 400.708 342.224 399.786 344.406L397.536 349.693C396.755 351.485 397.813 353.552 399.719 353.99L405.328 355.255C407.646 355.781 408.568 358.589 406.979 360.38L403.188 364.698C401.901 366.172 402.271 368.448 403.948 369.459L408.885 372.396C410.932 373.615 410.932 376.557 408.885 377.776L403.948 380.719C402.271 381.729 401.901 384.005 403.188 385.474L406.979 389.797C408.542 391.589 407.625 394.391 405.328 394.922L399.719 396.182C397.813 396.62 396.755 398.667 397.536 400.479L399.786 405.766C400.729 407.948 398.984 410.339 396.615 410.136L390.896 409.604C388.943 409.422 387.307 411.052 387.495 413.005L388.021 418.729C388.229 421.094 385.839 422.818 383.656 421.901L378.37 419.646C376.578 418.865 374.51 419.922 374.073 421.834L372.807 427.438C372.281 429.761 369.474 430.677 367.682 429.094L363.365 425.302C361.891 424.016 359.615 424.38 358.604 426.057L355.661 431C354.448 433.047 351.505 433.047 350.286 431L347.344 426.057C346.333 424.38 344.057 424.016 342.589 425.302L338.266 429.141C336.474 430.703 333.672 429.781 333.141 427.485L331.88 421.875C331.443 419.969 329.396 418.912 327.578 419.693L322.297 421.948C320.109 422.886 317.724 421.141 317.927 418.776L318.458 413.052C318.641 411.099 317.01 409.469 315.057 409.651L309.313 410.156C306.943 410.365 305.219 407.974 306.141 405.792L308.391 400.505C309.172 398.714 308.115 396.646 306.208 396.209L300.599 394.943C298.281 394.417 297.359 391.61 298.948 389.818L302.74 385.5C304.026 384.026 303.656 381.75 301.979 380.74L297.062 377.797C295.016 376.584 295.016 373.641 297.062 372.422L302 369.479C303.682 368.469 304.047 366.193 302.76 364.724L298.948 360.401C297.385 358.61 298.302 355.807 300.599 355.276L306.208 354.016C308.115 353.578 309.172 351.531 308.391 349.714L306.141 344.432C305.198 342.245 306.943 339.86 309.313 340.063L315.031 340.594C316.984 340.776 318.62 339.146 318.432 337.193L317.927 331.448C317.724 329.078 320.109 327.354 322.297 328.276L327.578 330.526C329.375 331.307 331.443 330.25 331.88 328.344L333.141 322.735C333.672 320.417 336.474 319.495 338.266 321.084L342.589 324.875C344.057 326.162 346.333 325.792 347.344 324.115L350.286 319.172C351.505 317.151 354.448 317.151 355.661 319.198Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='295 317 116 116' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M355.661 319.198L358.604 324.136C359.615 325.818 361.891 326.182 363.365 324.896L367.682 321.084C369.474 319.521 372.281 320.438 372.807 322.735L374.073 328.344C374.51 330.25 376.552 331.307 378.37 330.526L383.656 328.276C385.839 327.334 388.229 329.078 388.021 331.448L387.495 337.167C387.307 339.12 388.943 340.755 390.896 340.568L396.615 340.042C398.984 339.834 400.708 342.224 399.786 344.406L397.536 349.693C396.755 351.485 397.813 353.552 399.719 353.99L405.328 355.255C407.646 355.781 408.568 358.589 406.979 360.38L403.188 364.698C401.901 366.172 402.271 368.448 403.948 369.459L408.885 372.396C410.932 373.615 410.932 376.557 408.885 377.776L403.948 380.719C402.271 381.729 401.901 384.005 403.188 385.474L406.979 389.797C408.542 391.589 407.625 394.391 405.328 394.922L399.719 396.182C397.813 396.62 396.755 398.667 397.536 400.479L399.786 405.766C400.729 407.948 398.984 410.339 396.615 410.136L390.896 409.604C388.943 409.422 387.307 411.052 387.495 413.005L388.021 418.729C388.229 421.094 385.839 422.818 383.656 421.901L378.37 419.646C376.578 418.865 374.51 419.922 374.073 421.834L372.807 427.438C372.281 429.761 369.474 430.677 367.682 429.094L363.365 425.302C361.891 424.016 359.615 424.38 358.604 426.057L355.661 431C354.448 433.047 351.505 433.047 350.286 431L347.344 426.057C346.333 424.38 344.057 424.016 342.589 425.302L338.266 429.141C336.474 430.703 333.672 429.781 333.141 427.485L331.88 421.875C331.443 419.969 329.396 418.912 327.578 419.693L322.297 421.948C320.109 422.886 317.724 421.141 317.927 418.776L318.458 413.052C318.641 411.099 317.01 409.469 315.057 409.651L309.313 410.156C306.943 410.365 305.219 407.974 306.141 405.792L308.391 400.505C309.172 398.714 308.115 396.646 306.208 396.209L300.599 394.943C298.281 394.417 297.359 391.61 298.948 389.818L302.74 385.5C304.026 384.026 303.656 381.75 301.979 380.74L297.062 377.797C295.016 376.584 295.016 373.641 297.062 372.422L302 369.479C303.682 368.469 304.047 366.193 302.76 364.724L298.948 360.401C297.385 358.61 298.302 355.807 300.599 355.276L306.208 354.016C308.115 353.578 309.172 351.531 308.391 349.714L306.141 344.432C305.198 342.245 306.943 339.86 309.313 340.063L315.031 340.594C316.984 340.776 318.62 339.146 318.432 337.193L317.927 331.448C317.724 329.078 320.109 327.354 322.297 328.276L327.578 330.526C329.375 331.307 331.443 330.25 331.88 328.344L333.141 322.735C333.672 320.417 336.474 319.495 338.266 321.084L342.589 324.875C344.057 326.162 346.333 325.792 347.344 324.115L350.286 319.172C351.505 317.151 354.448 317.151 355.661 319.198Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.deco-purple{color:#39206e}.deco-yellow{color:#ffd84a}.deco-blue{color:#5367d9}.deco-orange{color:#ff9f19}.deco.top{width:70px;height:70px;top:-30px;left:175px}.deco.one{width:47px;height:47px;top:165px;right:18px}.deco.two{width:70px;height:70px;top:315px;left:-12px}.deco.three{width:98px;height:98px;top:295px;right:-37px}.deco.four{width:45px;height:45px;top:520px;left:14px}.deco.five{width:72px;height:72px;top:650px;right:-28px}.display-page{color:#000;box-sizing:border-box;background:#fff;flex-direction:column;gap:0;min-height:100vh;padding:0;font-family:Sarabun,Noto Sans Thai,sans-serif;display:flex}.display-header{border-bottom:4px solid #ff8d45;align-items:baseline;gap:20px;padding-bottom:16px;display:flex}.display-title{color:#ff8d45;letter-spacing:.02em;margin:0;font-size:3.4rem;font-weight:900}.display-title-group{flex-direction:column;gap:2px;display:flex}.display-section-title{color:#ff8d45;margin:0 0 16px;font-size:2.2rem;font-weight:600}.display-section-title--blue{color:#4c5d7c;font-weight:600}.display-subtitle{color:#2563eb;margin:0;font-size:1.5rem;font-weight:800}.display-updated{color:#aaa;font-size:1.1rem}.display-grid{flex:1;grid-template-columns:1fr 2px 1fr;align-items:stretch;gap:0;min-height:100vh;display:grid}.display-divider{background:#e0e0e0;align-self:stretch}.display-col{flex-direction:column;gap:20px;padding:40px 52px;display:flex}.display-room-card{background:#fff;border:2.5px solid #ff8d45;border-radius:16px;flex-direction:column;gap:12px;padding:18px 24px;display:flex}.display-waiting-card{background:#f4f6f9;border:2.5px solid #4c5d7c;border-radius:16px;flex-direction:column;gap:12px;padding:18px 24px;display:flex}.display-room-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.display-room-name{color:#ff8d45;font-size:1.7rem;font-weight:800}.display-room-badge{font-size:1.7rem;font-weight:800}.display-room-badge.in,.display-room-badge.free{color:#ff8d45}.display-waiting-badge{color:#fff;background:#4c5d7c;border-radius:99px;padding:4px 14px;font-size:.9rem;font-weight:700}.display-waiting-card .display-room-name{color:#4c5d7c}.display-room-body{flex-direction:column;gap:8px;display:flex;overflow:hidden}.display-room-patient{background:#fff5ed;border-radius:10px;align-items:baseline;gap:12px;padding:8px 14px;display:flex}.display-room-empty{color:#ccc;font-size:1.2rem;font-style:italic}.display-waiting-body{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.display-waiting-patient{background:#fff;border:1px solid #ffe5cc;border-radius:10px;align-items:baseline;gap:12px;padding:8px 14px;display:flex}.display-waiting-num{color:#ff8d45;min-width:28px;font-size:1.1rem;font-weight:800}.display-patient-name{color:#000;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.5rem;font-weight:700;overflow:hidden}.display-patient-id{color:#888;letter-spacing:.06em;white-space:nowrap;font-size:1rem}.mq-page{box-sizing:border-box;background:#f5f5f5;justify-content:center;align-items:flex-start;width:100vw;min-height:100vh;padding:32px 16px;font-family:Noto Sans Thai,sans-serif;display:flex}.mq-wrap{flex-direction:column;gap:20px;width:100%;max-width:520px;display:flex}.mq-card{text-align:center;background:#fff;border-radius:20px;width:100%;padding:36px 40px;box-shadow:0 4px 20px #00000014}.mq-card-secondary{padding:28px 40px}.mq-title{color:#ff7800;margin:0 0 6px;font-size:22px;font-weight:700}.mq-subtitle{color:#888;margin:0 0 28px;font-size:13px}.mq-form{text-align:left;flex-direction:column;gap:14px;display:flex}.mq-row{gap:10px;display:flex}.mq-field{flex-direction:column;flex:1;gap:5px;display:flex}.mq-label{color:#444;font-size:13px;font-weight:600}.mq-input{box-sizing:border-box;color:#333;border:2px solid #ff78004d;border-radius:12px;outline:none;width:100%;height:46px;padding:0 16px;font-family:inherit;font-size:15px}.mq-input:focus{border-color:#ff7800}.mq-error{color:#e53e3e;margin:0;font-size:13px}.mq-btn{color:#fff;cursor:pointer;background:#ff7800;border:none;border-radius:12px;width:100%;height:46px;margin-top:8px;font-family:inherit;font-size:15px;font-weight:600}.mq-btn:disabled{opacity:.5;cursor:not-allowed}.mq-btn:hover:not(:disabled){opacity:.9}.mq-btn-outline{color:#ff7800;background:0 0;border:2px solid #ff7800;margin-top:20px}.mq-result{flex-direction:column;align-items:center;gap:8px;display:flex}.mq-result-icon{color:#fff;background:#38a169;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:8px;font-size:28px;display:flex}.mq-result-name{color:#333;margin:0;font-size:20px;font-weight:700}.mq-result-msg{color:#555;margin:0;font-size:14px}.mq-result-room{color:#ff7800;margin:0;font-size:16px;font-weight:600}.mq-title-sm{font-size:18px}.mq-btn-green{background:#38a169}.mq-btn-green:hover:not(:disabled){opacity:1;background:#2f855a}.mq-complete-section{flex-direction:column;gap:6px;width:100%;display:flex}.mq-complete-done{color:#276749;background:#f0fff4;border:1.5px solid #38a169;border-radius:10px;width:100%;padding:10px 20px;font-size:14px;font-weight:600}.mq-success{color:#276749;margin:0;font-size:13px;font-weight:600}.mq-search-wrap{width:100%;position:relative}.mq-dropdown{z-index:100;background:#fff;border:1.5px solid #ff780059;border-radius:12px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 6px 20px #0000001a}.mq-dropdown-item{cursor:pointer;text-align:left;color:#333;background:0 0;border:none;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;display:flex}.mq-dropdown-item:last-child{border-bottom:none}.mq-dropdown-item:hover{background:#fff7f0}.mq-dropdown-name{font-weight:600}.mq-dropdown-room{color:#ff7800;font-size:12px;font-weight:600}.mq-dropdown-loading,.mq-dropdown-empty{color:#888;cursor:default;justify-content:center;font-size:13px}.mq-dropdown-loading:hover,.mq-dropdown-empty:hover{background:0 0}.mq-selected-info{color:#333;background:#fff7f0;border:1.5px solid #ff7800;border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.mq-selected-room{color:#ff7800;font-size:13px}.register-vaccine-page,.register-vaccine-page *{box-sizing:border-box}.register-vaccine-page{background:#fff;width:100%;max-width:393px;min-height:100vh;margin:0 auto;padding:48px 24px 40px;font-family:Noto Sans Thai,sans-serif}.register-vaccine-content{width:100%;box-shadow:none;background:0 0;border:none}.register-vaccine-title{color:#405574;text-align:center;margin:0 0 10px;font-size:30px;font-weight:700;line-height:1.4}.register-vaccine-description{color:#747b85;text-align:center;margin:0 0 36px;font-size:15px;font-weight:400;line-height:1.65}.register-vaccine-form{flex-direction:column;gap:24px;width:100%;display:flex}.register-vaccine-form-group{flex-direction:column;width:100%;display:flex}.register-vaccine-form-group label{color:#405574;margin-bottom:9px;font-size:16px;font-weight:500;line-height:1.4}.register-vaccine-form-group input{color:#405574;background:#fff;border:1.5px solid #d9d9d9;border-radius:42px;outline:none;width:100%;height:56px;padding:0 18px;font-family:Noto Sans Thai,sans-serif;font-size:16px;font-weight:400;transition:border-color .2s,box-shadow .2s,background-color .2s}.register-vaccine-form-group input::placeholder{color:#ababab;font-family:Noto Sans Thai,sans-serif;font-size:14px;font-weight:400}.register-vaccine-form-group input:hover{border-color:#bfc4cb}.register-vaccine-form-group input:focus{background:#fffdf9;border-color:#ff7800;box-shadow:0 0 0 3px #ff780021}.register-vaccine-form-group input.input-error{background:snow;border-color:#d94b4b}.register-vaccine-form-group input.input-error:focus{box-shadow:0 0 0 3px #d94b4b1f}.register-vaccine-error{color:#d94b4b;margin:6px 0 0;font-size:13px;font-weight:400;line-height:1.4}.register-vaccine-button{color:#fff;cursor:pointer;background:#ff7800;border:none;border-radius:999px;justify-content:center;align-items:center;width:50%;height:44px;margin:16px auto 0;font-family:Noto Sans Thai,sans-serif;font-size:15px;font-weight:600;transition:background-color .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 6px 14px #ff780029}.register-vaccine-button:hover{background:#ed7000;box-shadow:0 7px 16px #ff780033}.register-vaccine-button:active{transform:scale(.97)}.register-vaccine-button:focus-visible{outline-offset:3px;outline:3px solid #ff780040}.register-vaccine-button:disabled{color:#fff;cursor:not-allowed;box-shadow:none;background:#d9d9d9}@media (width<=393px){.register-vaccine-page{padding:38px 20px 34px}.register-vaccine-top-line{margin-bottom:20px}.register-vaccine-title{font-size:27px}.register-vaccine-description{margin-bottom:30px;font-size:14px}.register-vaccine-form{gap:21px}.register-vaccine-form-group label{font-size:15px}.register-vaccine-form-group input{border-radius:20px;height:54px}.register-vaccine-button{width:72%;height:43px;font-size:15px}}@media (width<=340px){.register-vaccine-page{padding:32px 16px}.register-vaccine-title{font-size:25px}.register-vaccine-form-group input{padding:0 15px}.register-vaccine-button{width:72%}}body{background:#d9d9d9;font-family:Noto Sans Thai,sans-serif}button,input{font-family:inherit}#root{justify-content:center;display:flex}.register-company-page{background:#d9d9d9;justify-content:center;width:100%;min-height:100vh;display:flex}.register-company-form{background:#fff;flex-direction:column;align-items:center;width:100%;max-width:393px;min-height:100vh;padding:48px 24px 54px;display:flex}.register-company-title{color:#ff7800;text-align:center;margin-bottom:34px;font-size:28px;font-weight:700;line-height:1.3}.register-company-fields{flex-direction:column;gap:19px;width:100%;display:flex}.register-company-field{width:100%}.register-company-label{color:#4c6188;margin:0 0 7px 8px;font-size:15px;font-weight:600;line-height:1.4;display:block}.register-company-input{color:#4f4f4f;appearance:none;background:#fff;border:1.5px solid #ffd0aa;border-radius:999px;outline:none;width:100%;height:49px;padding:0 18px;font-size:15px;font-weight:400;transition:border-color .2s,box-shadow .2s,background-color .2s}.register-company-input::placeholder{color:#b3cbd0;opacity:1}.register-company-input:hover{border-color:#ffbd87}.register-company-input:focus{border-color:#ff7800;box-shadow:0 0 0 3px #ff780014}.register-company-input-error{border-color:#e65b5b}.register-company-input-error:focus{border-color:#e65b5b;box-shadow:0 0 0 3px #e65b5b14}.register-company-error{color:#df5151;margin-top:5px;padding-left:14px;font-size:12px;font-weight:400;line-height:1.4}.register-company-button{color:#fff;cursor:pointer;background:#ff7800;border:none;border-radius:999px;min-width:142px;height:49px;margin-top:34px;padding:0 28px;font-size:16px;font-weight:600;transition:background-color .2s,transform .2s,box-shadow .2s;box-shadow:0 6px 14px #ff780029}.register-company-button:hover{background:#ef7000;box-shadow:0 7px 16px #ff780033}.register-company-button:active{transform:scale(.97);box-shadow:0 3px 8px #ff780026}.register-company-button:focus-visible{outline-offset:3px;outline:3px solid #ff780038}@media (width<=393px){body,.register-company-page{background:#fff}.register-company-form{padding:42px 20px 50px}}@media (width<=350px){.register-company-form{padding-left:16px;padding-right:16px}.register-company-title{font-size:26px}.register-company-label{font-size:14px}.register-company-input{height:47px;font-size:14px}}html{background:#f4f7fb}body{background:#f4f7fb;min-width:320px;min-height:100vh;font-family:Noto Sans Thai,sans-serif}button{font:inherit}#root{min-height:100vh}.menulist-page{background:radial-gradient(circle at 7% 3%,#ffba893d,#0000 25%),radial-gradient(circle at 96% 26%,#a4c4f036,#0000 28%),linear-gradient(150deg,#fffdfb 0%,#f9fbff 43%,#fffaf7 72%,#f4f8ff 100%);justify-content:center;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.menulist-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.menulist-shape{opacity:.72;filter:blur(1px);display:block;position:absolute}.shape-orange-top{background:radial-gradient(circle at 67% 70%,#ffffffe6,#0000 26%),linear-gradient(140deg,#ffac72d4,#ffe8d759);border-radius:50% 48% 58% 42%/54% 48% 52% 46%;width:220px;height:220px;top:-125px;left:-100px;box-shadow:inset -16px -16px 34px #ffffffb3,12px 18px 42px #f5792a1a}.shape-blue-right{background:radial-gradient(circle at 28% 22%,#ffffffeb,#0000 24%),linear-gradient(150deg,#b7d0f4bd,#e9f2ff4d);border-radius:44% 56% 42% 58%/58% 44% 56% 42%;width:190px;height:280px;top:170px;right:-135px;box-shadow:inset 15px 12px 35px #ffffffbd,-12px 18px 38px #41699f17}.shape-orange-bottom{background:radial-gradient(circle at 66% 24%,#ffffffdb,#0000 27%),linear-gradient(145deg,#ffcba6b8,#ffefe342);border-radius:57% 43% 55% 45%/49% 58% 42% 51%;width:230px;height:220px;bottom:-135px;left:-135px;box-shadow:inset -12px 10px 34px #ffffffbd,10px -10px 36px #ff7d2714}.shape-blue-bottom{background:radial-gradient(circle at 29% 22%,#ffffffe6,#0000 24%),linear-gradient(140deg,#a2c2f0b3,#e2eeff47);border-radius:49% 51% 42% 58%/60% 46% 54% 40%;width:250px;height:250px;bottom:-120px;right:-150px;box-shadow:inset 13px 12px 38px #ffffffc2,-14px -12px 38px #3d68a317}.menulist-bubble{background:radial-gradient(circle at 30% 25%,#fffffff5,#ffffff47 44%,#8eaed71f 100%);border:1px solid #ffffffd1;border-radius:50%;display:block;position:absolute;box-shadow:inset 2px 3px 9px #ffffffeb,0 8px 18px #465f8114}.bubble-one{width:21px;height:21px;top:120px;right:46px}.bubble-two{width:13px;height:13px;top:500px;left:17px}.bubble-three{width:27px;height:27px;bottom:90px;left:39px}.menulist-container{z-index:1;width:100%;max-width:430px;min-height:100vh;padding:max(62px, env(safe-area-inset-top)) 20px max(38px, env(safe-area-inset-bottom));position:relative}.menulist-header{text-align:center;margin-bottom:35px}.menulist-title{color:#16283f;letter-spacing:-.8px;font-size:clamp(29px,8vw,37px);font-weight:700;line-height:1.25}.menulist-title span{color:#f56c12;margin-left:7px}.menulist-gradient-line{background:linear-gradient(90deg,#ffbd78 0%,#ff9b43 22%,#ff7618 47%,#adbecf 66%,#7793ae 82%,#496985 100%);border-radius:999px;width:106px;height:8px;margin:18px auto 20px;box-shadow:0 3px 9px #39516c1f,inset 0 1px 2px #ffffffa6}.menulist-subtitle{color:#718196;font-size:16px;font-weight:400;line-height:1.6}.menulist-items{flex-direction:column;gap:20px;display:flex}.menulist-card{isolation:isolate;-webkit-backdrop-filter:blur(23px)saturate(138%);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff7a;border:1px solid #ffffffde;border-radius:34px;grid-template-columns:84px minmax(0,1fr) 58px;align-items:center;gap:17px;width:100%;min-height:146px;padding:21px 16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.menulist-card:before{content:"";z-index:-3;border-radius:inherit;background:linear-gradient(145deg,#ffffffdb,#ffffff30);position:absolute;inset:0}.menulist-card:after{content:"";z-index:-1;filter:blur(19px);background:#ffffffa8;border-radius:50%;width:200px;height:90px;position:absolute;top:-58px;right:6px;transform:rotate(-13deg)}.menulist-card-orange{box-shadow:0 17px 36px #df78331c,inset 0 1px #fffffff5,inset 0 -1px #ffa7652e}.menulist-card-blue{box-shadow:0 17px 36px #365b8b1c,inset 0 1px #fffffff5,inset 0 -1px #7099cf2e}.menulist-card-light{z-index:-2;filter:blur(19px);background:#ffffff8f;border-radius:50%;width:72%;height:44%;position:absolute;top:-18%;left:8%;transform:rotate(-6deg)}.menulist-card-glow{z-index:-2;filter:blur(30px);border-radius:50%;width:130px;height:130px;position:absolute;bottom:-38px;left:-29px}.menulist-card-orange .menulist-card-glow{background:#ff781b33}.menulist-card-blue .menulist-card-glow{background:#3f69a133}.menulist-card:active{transform:scale(.976)translateY(2px)}.menulist-card:focus-visible{outline-offset:4px;outline:3px solid #ff77163b}.menulist-image-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.menulist-image{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 18px #ff7a001a)drop-shadow(0 4px 8px #0000000d);width:80px;height:80px;transition:transform .18s;display:block}.menulist-card-blue .menulist-image{filter:drop-shadow(0 10px 18px #4567841f)drop-shadow(0 4px 8px #0000000d)}.menulist-divider{display:none}.menulist-card-content{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.menulist-card-title{color:#ef650d;font-size:20px;font-weight:700;line-height:1.35;display:block}.menulist-card-orange .menulist-card-title{color:#ef650d}.menulist-card-blue .menulist-card-title{color:#365a82}.menulist-card-line{border-radius:999px;width:42px;height:5px;margin:10px 0 12px;display:block;box-shadow:0 2px 6px #233f5f14,inset 0 1px 1px #ffffff7a}.menulist-card-orange .menulist-card-line{background:linear-gradient(90deg,#ffd19b 0%,#ffad61 28%,#ff8a2e 62%,#f36b0c 100%)}.menulist-card-blue .menulist-card-line{background:linear-gradient(90deg,#c8d8e9 0%,#9eb8d2 32%,#708eae 65%,#456784 100%)}.menulist-card-description{color:#66778d;font-size:13.5px;font-weight:400;line-height:1.65;display:block}.menulist-arrow-wrapper{-webkit-backdrop-filter:blur(18px)saturate(145%);background:radial-gradient(circle at 32% 22%,#fffffffa,#ffffff8f 46%,#ffffff47 100%);border:1px solid #ffffffeb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:inset 3px 4px 9px #fffffffa,inset -4px -5px 12px #5671940f,0 11px 24px #3148651a}.menulist-arrow-wrapper:before{content:"";filter:blur(3px);background:#ffffffb8;border-radius:50%;width:65%;height:26%;position:absolute;top:7px;left:10px;transform:rotate(-12deg)}.menulist-arrow{z-index:1;width:28px;height:28px;display:block;position:relative;transform:translate(1px)}.menulist-card-orange .menulist-arrow{color:#ef6b14}.menulist-card-blue .menulist-arrow{color:#365d85}@media (hover:hover){.menulist-card:hover{transform:translateY(-3px)}.menulist-card:hover .menulist-image{transform:scale(1.05)}.menulist-card:hover .menulist-arrow-wrapper{transform:scale(1.06);box-shadow:inset 3px 4px 9px #fffffffa,inset -4px -5px 12px #5671940f,0 14px 28px #31486521}.menulist-card-orange:hover{border-color:#ffb177bd}.menulist-card-blue:hover{border-color:#97b8dec2}}@media (width<=370px){.menulist-container{padding-left:15px;padding-right:15px}.menulist-header{margin-bottom:29px}.menulist-title{font-size:29px}.menulist-subtitle{font-size:14px}.menulist-card{border-radius:29px;grid-template-columns:70px minmax(0,1fr) 48px;gap:11px;min-height:136px;padding:17px 12px}.menulist-image-wrapper{width:70px;height:70px}.menulist-image{width:61px;height:61px}.menulist-card-title{font-size:17px}.menulist-card-line{width:36px;height:4px;margin:8px 0 10px}.menulist-card-description{font-size:11.5px}.menulist-arrow-wrapper{width:48px;height:48px}.menulist-arrow-wrapper:before{top:6px;left:8px}.menulist-arrow{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.menulist-card,.menulist-image,.menulist-arrow-wrapper{transition:none}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{background:#f2f2f2;justify-content:center;font-family:Noto Sans Thai,sans-serif;display:flex}.check-vaccine-page{background:#fff;justify-content:center;width:393px;min-height:852px;display:flex}.check-vaccine-card{flex-direction:column;align-items:center;width:393px;min-height:852px;padding:48px 28px 40px;display:flex}.check-vaccine-title{color:#ff7800;text-align:center;margin-top:95px;font-size:32px;font-weight:700;line-height:1.4}.check-vaccine-description{color:#405574;text-align:center;margin-top:36px;font-size:18px;font-weight:500;line-height:1.7}.check-vaccine-link{color:#fff;text-align:center;word-break:break-word;overflow-wrap:anywhere;background:#ff7800;border-radius:60px;justify-content:center;align-items:center;width:100%;min-height:100px;margin-top:56px;padding:24px;font-size:18px;font-weight:900;line-height:1.8;text-decoration:none;display:flex;box-shadow:0 10px 30px #ff780047}@media (width<=393px){body{background:#fff}.check-vaccine-page,.check-vaccine-card{width:100%}.check-vaccine-card{padding:42px 24px 36px}.check-vaccine-title{margin-top:82px;font-size:30px}.check-vaccine-description{margin-top:32px;font-size:17px}.check-vaccine-link{margin-top:42px;padding:16px;font-size:14px}}