/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-bold:700;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-6{margin-block:calc(var(--spacing)*6)}.\!mt-0{margin-top:calc(var(--spacing)*0)!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[-40px\]{margin-top:-40px}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%}.scale-100,.scale-95{scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.\!gap-5{gap:calc(var(--spacing)*5)!important}.\!gap-6{gap:calc(var(--spacing)*6)!important}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.self-center{align-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-xl{border-radius:var(--radius-xl)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.\!border-b{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.\!border-solid{--tw-border-style:solid!important;border-style:solid!important}.\!border-black{border-color:var(--color-black)!important}.\!border-gray-300{border-color:var(--color-gray-300)!important}.\!border-green-700{border-color:var(--color-green-700)!important}.\!border-red-700{border-color:var(--color-red-700)!important}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.\!bg-transparent{background-color:#0000!important}.\!bg-white{background-color:var(--color-white)!important}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-none{background-image:none}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-3{padding-block:calc(var(--spacing)*3)}.text-center{text-align:center}.text-right{text-align:right}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-pre-line{white-space:pre-line}.\!text-gray-300{color:var(--color-gray-300)!important}.\!text-gray-400{color:var(--color-gray-400)!important}.text-black{color:var(--color-black)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-red-500{color:var(--color-red-500)}.text-yellow-500{color:var(--color-yellow-500)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-md\/20{--tw-shadow-alpha:20%;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,oklab(0% 0 0/.2)),0 2px 4px -2px var(--tw-shadow-color,oklab(0% 0 0/.2))}.shadow-md,.shadow-md\/20{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\!outline-none{--tw-outline-style:none!important;outline-style:none!important}@media (min-width:40rem){.sm\:px-0{padding-inline:calc(var(--spacing)*0)}}}@font-face{font-family:Sarabun;src:url(/_next/static/media/Sarabun-Bold.a63b91fb.eot);src:url(/_next/static/media/Sarabun-Bold.a63b91fb.eot?#iefix)format("embedded-opentype"),url(/_next/static/media/Sarabun-Bold.ac3fbd3c.woff2)format("woff2"),url(/_next/static/media/Sarabun-Bold.a31ed167.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Sarabun;src:url(/_next/static/media/Sarabun-Regular.4a876562.eot);src:url(/_next/static/media/Sarabun-Regular.4a876562.eot?#iefix)format("embedded-opentype"),url(/_next/static/media/Sarabun-Regular.f7ac85a3.woff2)format("woff2"),url(/_next/static/media/Sarabun-Regular.f389d646.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}body{background:var(--white-color);color:var(--text-main-color)}body,body.auth-body{font-family:Sarabun;font-size:14px}body.auth-body{background-color:var(--dark-red-color);color:var(--main-color)}body.auth-body .header-section{width:100%;padding:50px}body.auth-body .header-section img{width:80%;height:auto;margin:0 auto}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}h1{font-size:26px!important}h1,h2{font-weight:600}h2{font-size:22px!important}h3{font-size:18px!important}h3,h4{font-weight:600}h4{font-size:14px!important}h5{font-size:12px!important}button,h5{font-weight:600}button{background:var(--bg-main-gradient-color);color:var(--text-main-color);padding:10px;border-radius:5px}button,button:hover{transition:.3s ease-in-out}button:hover{opacity:.9;filter:opacity(.9)}button.side-circle{border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px}button .icon-inline{width:20px;height:auto;margin-right:20px}button .icon-inline,button.btn-icon{display:inline-block}button.btn-icon img,button.btn-icon svg{width:20px;height:auto;display:inline-block;margin-right:15px}button:disabled{color:var(--text-disabled-color)!important;background-color:var(--disabled-color)!important}.border-main{border-radius:10px;border:1px solid var(--main-color)!important;background:none!important;color:var(--main-color)!important}a{text-decoration:none;opacity:1;filter:opacity(1)}a,a:hover{transition:5ms ease-in-out}a:hover{filter:opacity(.8);opacity:.8}hr{color:var(--light-gray-color)}.form-input{width:100%;margin-top:10px}.form-input label{margin-bottom:5px}.form-input input[type=password],.form-input input[type=text],.form-input textarea{width:100%;height:40px;padding:10px;border-radius:5px;margin-top:10px;border:1px solid var(--light-gray-color);transition:3ms ease-in-out;outline:none;background-color:var(--white-color);color:var(--text-main-color)}.form-input textarea{height:auto;resize:none}.form-input input[type=password]:focus,.form-input input[type=text]:focus,.form-input textarea:focus{border:1px solid var(--main-color);transition:3ms ease-in-out}.form-input input[type=password]:disabled,.form-input input[type=text]:disabled,.form-input textarea:disabled{background-color:var(--white-gray-color);border-color:var(--white-gray-color)}.bg-main{background-color:var(--bg-main-color)!important}.bg-green{background-color:var(--green-color)!important}.bg-light-green{background-color:var(--green-light-color)!important}.bg-red{background-color:var(--red-color)!important}.bg-light-red{background-color:var(--light-red-color)!important}.bg-disabled{background-color:var(--disabled-color)!important}.bg-secondary{background-color:var(--bg-secondary-color)!important}.bg-history{background-color:var(--bg-history-color)!important}.bg-light-cyan{background-color:var(--light-cyan-color)!important}.bg-light-orange{background-color:var(--light-orange-color)!important}.bg-black{background-color:var(--black-color)!important}.bg-white{background-color:var(--white-color)!important}.bg-none{background:none}.text-red{color:var(--red-color)!important}.text-green{color:var(--green-color)!important}.text-disabled{color:var(--text-disabled-color)!important}.text-black{color:var(--black-color)!important}.text-bold{font-weight:600!important}.text-normal{font-weight:300!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify-center{justify-content:center!important}.text-desc{font-size:13px}.border-black{border:1px solid var(--black-color)!important}.border-gray{border:1px solid var(--border-color)!important}.btn-full{width:100%}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.gray-image{filter:grayscale(100%)}.icon-circle{content:" ";border-radius:50%;width:7px;height:7px;display:inline-block;margin-right:5px}.require:after{content:" *"}.card{width:100%;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.24);background-color:var(--white-color);border-color:var(--border-color)}.card .card-header{padding:10px;border-bottom:1px solid var(--border-color)}.card .card-body{padding:10px}.card .card-body .table-icon img{display:inline-block;width:25px;height:auto;margin-right:10px}.card .card-footer{border-top:1px solid var(--border-color);padding:20px 10px}.grid-col-2{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.grid-action-col-2{display:grid;grid-template-columns:30% 1fr;column-gap:10px}.border-b{border-bottom-color:var(--gray-white-color)!important}.badge{border-top-left-radius:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;padding:5px 15px;font-weight:600}.badge.badge-green{background-color:var(--green-light-color);color:var(--green-color);border:1px solid var(--green-color)}.badge.badge-cyan{background-color:var(--light-cyan-color);color:var(--cyan-color);border:1px solid var(--cyan-color)}.badge.badge-red{background-color:var(--light-red-color);color:var(--red-color);border:1px solid var(--red-color)}.badge.badge-orange{background-color:var(--light-orange-color);color:var(--orange-color);border:1px solid var(--orange-color)}.badge.badge-gray{background-color:var(--text-disabled-color);color:var(--disabled-color);border:1px solid var(--text-disabled-color)}.badge.badge-highlight-green{background-color:var(--green-color);color:var(--white-color);border:1px solid var(--green-color)}.badge.badge-highlight-red{background-color:var(--red-color);color:var(--white-color);border:1px solid var(--red-color)}.table-overflow{width:100%;overflow-x:auto;padding:0 0 20px}.table-overflow table{width:auto}.table-overflow table.table-history{width:1024px}.table-overflow table.table-history thead th{width:100px;text-align:center;padding:15px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.table-overflow table.table-history thead th:nth-child(3){width:150px}.table-overflow table.table-history tbody tr td:first-child,.table-overflow table.table-history thead th:first-child{padding-left:15px}.table-overflow table.table-history tbody tr td:last-child,.table-overflow table.table-history thead th:last-child{padding-right:15px}.table-overflow table.table-history tbody tr td{padding:15px 0}.switch{position:relative;display:inline-block;width:50px;height:25px}.switch input{opacity:0;width:0;height:0}.switch .slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--white-gray-color)}.switch .slider,.switch .slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.switch .slider:before{content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:var(--white-color)}.switch input:checked+.slider{background-color:var(--main-dark-color)}.switch input:focus+.slider{box-shadow:0 0 1px var(--main-dark-color)}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.menu-toggle{display:block;position:sticky;z-index:1;-webkit-user-select:none;user-select:none}.menu-toggle a{text-decoration:none;transition:color .3s ease}.menu-toggle a:hover{color:tomato}.menu-toggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}.menu-toggle span{display:block;width:30px;height:3px;margin-bottom:5px;position:relative;background:var(--text-main-color);border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.menu-toggle span:first-child{transform-origin:0 0}.menu-toggle span:nth-last-child(2){transform-origin:0 100%}.menu-toggle .overlay{background-color:rgba(0,0,0,.6);width:100%;height:100vh;top:0}.menu-content-section,.menu-toggle .overlay{position:fixed;left:0;transform-origin:0 0;transform:translate(-100%);transition:transform .5s cubic-bezier(.77,.2,.05,1)}.menu-content-section{width:80%;height:110vh;min-height:110vh;top:-50px;padding:50px 0;box-sizing:border-box;overflow-y:auto;background:var(--white-color);list-style-type:none;-webkit-font-smoothing:antialiased;z-index:5}.menu-content-section li{padding:15px 20px;font-size:14px;border-bottom:1px solid var(--gray-white-color)}.menu-content-section li label{cursor:pointer}.menu-content-section li label img{width:auto;height:25px;margin-right:15px;display:inline-block}.menu-content-section li label svg{margin-right:15px;display:inline-block;width:25px;height:auto}.menu-content-section li.icon{display:flex;justify-content:end;align-items:center;padding:10px 0;border-bottom:unset}.menu-content-section li.icon img{height:15px;width:auto}.menu-toggle input:checked~.menu-content-section,.menu-toggle input:checked~.overlay{transform:none}.radio{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio input{position:absolute;opacity:0;cursor:pointer}.radio .checkmark{position:absolute;top:0;left:0;height:15px;width:15px;background-color:var(--white-color);border-radius:50%;border:1px solid var(--black-color)}.radio:hover input~.checkmark{background-color:#ccc}.radio input:checked~.checkmark{background-color:var(--white-color)}.checkmark:after{content:"";position:absolute;display:none}.radio input:checked~.checkmark:after{display:block}.radio .checkmark:after{top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:var(--black-color)}.notification-toggle{display:flex;z-index:1;-webkit-user-select:none;user-select:none;justify-self:end;align-items:center;align-self:center}.notification-toggle a{text-decoration:none;color:var(--black-color);transition:color .3s ease}.notification-toggle a:hover{color:tomato}.notification-toggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}.notification-toggle label img{display:inline-block;width:25px;height:auto}.notification-toggle .overlay{background-color:rgba(0,0,0,.6);width:100%;height:100vh;left:0;top:0;z-index:1;transform-origin:0 0;transform:translate(110%)}.notification-content-section,.notification-toggle .overlay{position:fixed;transition:transform .5s cubic-bezier(.77,.2,.05,1)}.notification-content-section{width:80%;height:110vh;min-height:110vh;top:-50px;left:20%;padding:50px 0 250px;box-sizing:border-box;overflow-y:auto;background:var(--white-color);list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(150%);z-index:5}.notification-content-section li{padding:10px 25px;font-size:18px;border-bottom:1px solid var(--gray-white-color)}.notification-content-section li label{cursor:pointer}.notification-content-section li label img{width:auto;height:25px;margin-right:15px;display:inline-block}.notification-content-section li label svg{margin-right:15px;display:inline-block}.notification-content-section li.icon{display:flex;justify-content:end;align-items:center;padding:10px 0;border-bottom:unset}.notification-content-section li.icon img{height:15px;width:auto}.notification-toggle input:checked~.notification-content-section,.notification-toggle input:checked~.overlay{transform:none}.spinner{width:24px;height:24px;animation:spin 1s linear infinite;color:gray}@keyframes spin{to{transform:rotate(1turn)}}:root{--main-color:#fcea50;--bg-main-color:#fdfba3;--bg-main-gradient-color:linear-gradient(135deg,rgba(174,134,37,1),rgba(237,201,103,1) 25%,rgba(247,239,138,1) 50%,rgba(237,201,103,1) 75%,rgba(174,134,37,1));--text-main-color:#00004d;--bg-secondary-color:#d3d8e8;--bg-history-color:#f2f2f6;--red-color:#cf4332;--light-red-color:#f5d4d1;--dark-red-color:#681e16;--green-color:#50a55a;--green-light-color:#e0ffe4;--black-color:#151928;--white-color:#ffffff;--gray-white-color:#e2e8f0;--border-color:#d9d9d9;--disabled-color:#d3d3d3;--text-disabled-color:#989898;--light-cyan-color:#eaf0fc;--cyan-color:#3d88cb;--light-orange-color:#fbf0e7;--orange-color:#dd732c}.container,.container-auth{width:1360px;max-width:1360px;margin:0 auto;padding:0}.desktop{display:block}.mobile{display:none}.header{width:100%;padding:10px 0;background-color:var(--white-color)}.header img{height:100px;width:auto;margin:0 auto}.logo img{width:200px;height:auto;margin:0 auto}.logo-success img{width:80px;height:auto;margin:0 auto}.countdown-text{font-size:12px}.countdown-text span{font-weight:600}@media screen and (max-width:1199px){.desktop{display:none}.mobile{display:block}body.auth-body .header-section{width:100%}body.auth-body .header-section img{width:80%;height:auto}.container{width:90%;max-width:90%}.container-auth{width:85%;max-width:85%}.auth-section,.auth-section .form-section{margin-top:30px}.auth-section .form-action{margin-top:30px;display:grid;grid-template-columns:60% 1fr;gap:10px}.auth-section .form-action .link{display:flex;align-self:center;justify-content:end}.header-mobile{width:100%;padding:15px 0}.header-mobile .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.header-mobile .grid .menu-section{display:flex;align-self:center;justify-content:start;margin-top:5px}.header-mobile .grid .logo-section img{height:auto;width:100px;margin:0 auto}.header-mobile .grid .icon-section{display:flex;align-items:center;justify-content:end}.header-mobile .grid .icon-section img{height:25px;width:auto}.main-section{width:100%;position:relative;margin-top:20px;margin-bottom:40px}.main-section .profile-section{width:100%}.main-section .profile-section .gold-detail-section,.main-section .profile-section .user-detail-section{width:100%;display:grid;grid-template-columns:45% 1fr;gap:10px;padding:10px;box-shadow:0 1px 5px rgba(0,0,0,.24);border-radius:5px}.main-section .profile-section .user-detail-section{margin-bottom:20px;background-color:var(--bg-main-color);background:var(--bg-main-gradient-color)}.main-section .profile-section .gold-detail-section{box-shadow:unset;grid-template-columns:40% 1fr;gap:10px;padding:0}.main-section .profile-section .gold-detail-section p{font-size:11px}.main-section .profile-section .gold-detail-section div{background-color:var(--bg-main-color);background:var(--bg-main-gradient-color);border-radius:5px;padding:10px}.main-section .grid-col-3{display:grid;grid-template-columns:1fr 25% 25%}.main-section .main-action-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.main-section .main-action-section button{padding-top:21px;padding-bottom:21px;margin-top:10px}.history-section{margin-bottom:25px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.history-section .detail-section{display:grid;grid-template-columns:25% 25% 1fr;gap:10px}.history-section .badge,.history-section button{font-size:14px!important}.history-section button{padding:5px 10px}.history-section button svg{width:20px;height:auto}.main-page-mobile{display:none}.main-page-tablet{display:grid;grid-template-columns:40% 1fr;gap:20px}.main-page-tablet .card{margin-top:20px!important;height:fit-content}.action-tablet .grid-col-2{display:grid;grid-template-columns:1fr;gap:0}.action-tablet .main-gold-price-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.action-tablet .main-gold-price-section div{margin-top:0}}@media screen and (max-width:767px){body{font-size:11px}h1{font-size:20px!important}h2{font-size:16px!important}h3{font-size:13px!important}h4{font-size:11px!important}h5{font-size:9px!important}.desktop{display:none}.mobile{display:block}body.auth-body .header-section{width:100%}body.auth-body .header-section img{width:80%;height:auto}.container{width:90%;max-width:90%}.container-auth{width:85%;max-width:85%}.auth-section,.auth-section .form-section{margin-top:30px}.auth-section .form-action{margin-top:30px;display:grid;grid-template-columns:60% 1fr;gap:10px}.auth-section .form-action .link{display:flex;align-self:center;justify-content:end}.header-mobile{width:100%;padding:15px 0}.header-mobile .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.header-mobile .grid .menu-section{display:flex;align-self:center;justify-content:start;margin-top:5px}.header-mobile .grid .logo-section img{height:auto;width:100px;margin:0 auto}.header-mobile .grid .icon-section{display:flex;align-items:center;justify-content:end}.header-mobile .grid .icon-section img{height:25px;width:auto}.main-section{width:100%;position:relative;margin-top:20px;margin-bottom:40px}.main-section .profile-section{width:100%;background-color:var(--bg-main-color);background:var(--bg-main-gradient-color);border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.24)}.main-section .profile-section .gold-detail-section,.main-section .profile-section .user-detail-section{width:100%;display:grid;grid-template-columns:45% 1fr;gap:10px;padding:10px;box-shadow:0 1px 5px rgba(0,0,0,.24)}.main-section .profile-section .user-detail-section{margin-bottom:0;background-color:unset;background:unset}.main-section .profile-section .gold-detail-section{box-shadow:unset;background-color:unset!important;background:unset!important}.main-section .profile-section .gold-detail-section p{font-size:11px}.main-section .profile-section .gold-detail-section div{background-color:unset;background:unset;border-radius:unset;padding:0}.main-section .grid-col-3{display:grid;grid-template-columns:1fr 25% 25%}.main-section .main-action-section{display:grid;grid-template-columns:1fr;gap:0}.main-section .main-action-section button{padding-top:21px;padding-bottom:21px;margin-top:15px}.main-section .main-action-section a:first-child button{margin-top:0}.history-section{margin-bottom:25px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.history-section .detail-section{display:grid;grid-template-columns:25% 25% 1fr;gap:10px}.history-section .badge,.history-section button{font-size:14px!important}.history-section button{padding:5px 10px}.history-section button svg{width:20px;height:auto}.history-main-section .history-tab{font-size:12px!important}.notification-content-section p{font-size:11px}.contact-us{font-size:12px!important}.text-desc{font-size:8px!important}.main-gold-price-section .card-body{padding-top:10px;padding-bottom:10px}.main-section.trading .form-input input[type=text]{height:auto;padding:5px!important}.pin p{font-size:13px}.pin input[type=text]{font-size:14px!important}.trading-confirm .logo img{width:55%;height:auto}.main-page-mobile{display:block}.main-page-tablet-hide{display:none}.main-page-tablet{display:grid;grid-template-columns:1fr}.action-tablet .grid-col-2{display:grid;grid-template-columns:1fr 1fr}.action-tablet .main-gold-price-section{display:grid;grid-template-columns:1fr;gap:0}.action-tablet .main-gold-price-section div:nth-child(2){margin-top:20px}}@media screen and (max-width:445px){.history-main-section .history-tab{font-size:11px!important}}@media screen and (max-width:440px){button h4{font-size:14px!important}button img{width:15px!important;height:auto!important}.gold-spot.grid-col-2{grid-template-columns:70% 1fr}.owner-gold .grid-col-2{grid-template-columns:60% 1fr}.main-action-section button{padding-top:20px!important;padding-bottom:20px!important}}@media screen and (max-width:414px){.history-main-section .history-tab{font-size:10px!important}}@media screen and (max-width:372px){.history-section .detail-section p{font-size:11px}.history-section .badge{font-size:11px!important}.history-section .detail-section h4,.history-section button{font-size:12px!important}.history-section button{padding:5px 10px}.history-section button svg{width:18px;height:auto}.pin.grid-col-2{grid-template-columns:40% 1fr}.pin.grid-col-2 input[type=text],.pin.grid-col-2 p{font-size:12px!important}.main-action-section button{padding-top:18px!important;padding-bottom:18px!important}}@media screen and (max-width:359px){.main-section .main-action-section button h4{font-size:12px!important}}@media screen and (max-width:329px){.main-section .main-action-section button h4{font-size:11px!important}}@media screen and (max-width:320px){.history-section .detail-section p{font-size:10px}.main-section .main-action-section button h4{font-size:10px!important}}