@charset "UTF-8";@supports (font-variation-settings: normal){@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf) format("truetype supports variations"),url(/fonts/Inter-Variable.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable-Italic.ttf) format("truetype supports variations"),url(/fonts/Inter-Variable-Italic.ttf) format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/IBMPlexSansThai-Thin.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/IBMPlexSansThai-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/IBMPlexSansThai-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/IBMPlexSansThai-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/IBMPlexSansThai-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/IBMPlexSansThai-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Thai;src:url(/fonts/IBMPlexSansThai-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0}ol,ul{padding:0}ol,ul{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;color:#242424;background-color:#fdfdfc}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{background:none;border:none;padding:0;cursor:pointer}button:disabled{cursor:not-allowed}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;line-height:1.5;color:#242424;font-weight:400}.display-xl,.display-lg,.display-md,.display-sm,.display-xs{font-family:IBM Plex Sans Thai,sans-serif;font-weight:700;line-height:1.25;margin-top:0;margin-bottom:.5em}.display-xl{font-size:72px;line-height:84px;letter-spacing:-.36px}.display-lg{font-size:60px;line-height:72px;letter-spacing:-.3px}.display-md{font-size:48px;line-height:56px;letter-spacing:-.24px}.display-sm{font-size:36px;line-height:44px;letter-spacing:-.18px}.display-xs{font-size:30px;line-height:36px;letter-spacing:-.15px}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:IBM Plex Sans Thai,sans-serif;margin-top:0;margin-bottom:.5em;font-weight:600;line-height:1.25;color:inherit}h1,.h1,.heading-l{font-size:24px;font-weight:700;letter-spacing:0;line-height:1.33}h2,.h2,.heading-m{font-size:20px;font-weight:700;letter-spacing:0;line-height:1.4}h3,.h3,.heading-s{font-size:18px;font-weight:600;letter-spacing:0;line-height:1.44}h4,.h4,.heading-xs{font-size:16px;font-weight:600;letter-spacing:0;line-height:1.5}h5,.h5{font-size:14px;font-weight:500;letter-spacing:0;line-height:1.43}h6,.h6{font-size:12px;font-weight:500;letter-spacing:0;line-height:1.5}.body-xl,.text-xl{font-size:20px;line-height:1.75}.body-lg,.text-lg{font-size:18px;line-height:1.75}.body-md,.text-md{font-size:16px;line-height:1.5}.body-sm,.text-sm{font-size:14px;line-height:1.5}.body-xs,.text-xs{font-size:12px;line-height:1.5}.body-2xs,.text-2xs{font-size:11px;line-height:1.45}.body-3xs,.text-3xs{font-size:10px;line-height:1.4}.font-light{font-weight:300!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-display,.font-base{font-family:IBM Plex Sans Thai,sans-serif!important}.font-inter{font-family:Inter,sans-serif!important}.font-ibm-plex{font-family:IBM Plex Sans Thai,sans-serif!important}.font-mono{font-family:Courier New,monospace!important}.tracking-tighter{letter-spacing:-.05em!important}.tracking-tight{letter-spacing:-.02em!important}.tracking-normal{letter-spacing:0!important}.tracking-wide{letter-spacing:.02em!important}.tracking-wider{letter-spacing:.05em!important}.leading-none{line-height:1!important}.leading-tight{line-height:1.25!important}.leading-normal,.leading-base{line-height:1.5!important}.leading-relaxed{line-height:1.75!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.capitalize{text-transform:capitalize!important}.normal-case{text-transform:none!important}.underline{text-decoration:underline!important}.line-through{text-decoration:line-through!important}.no-underline{text-decoration:none!important}.text-primary{color:#242424!important}.text-secondary{color:#706f6c!important}.text-light{color:#f4f4f4!important}.text-dark{color:#1b1b18!important}.text-primary-blue{color:#12a0a1!important}.text-primary-orange{color:#e84a21!important}.text-secondary-yellow{color:#fbc15b!important}.text-black{color:#242424!important}.text-white{color:#fff!important}p{margin-top:0;margin-bottom:16px}p:last-child{margin-bottom:0}a{color:#12a0a1;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:#0d7273;text-decoration:underline}a:focus{outline:2px solid #12a0a1;outline-offset:2px}strong,b{font-weight:700}em,i{font-style:italic}small{font-size:14px}ul,ol{margin-top:0;margin-bottom:16px;padding-left:32px}li{margin-bottom:4px}blockquote{margin:24px 0;padding:16px 24px;border-left:4px solid #d7d7d7;font-style:italic;color:#706f6c}code{padding:.2em .4em;background-color:#f4f4f4;border-radius:4px;font-size:.875em;font-family:Courier New,monospace}pre{margin:16px 0;padding:16px;background-color:#f4f4f4;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace}pre code{padding:0;background-color:transparent;border-radius:0}@media(min-width:576px){.sm\\:text-xs{font-size:12px!important}.sm\\:text-sm{font-size:14px!important}.sm\\:text-md{font-size:16px!important}.sm\\:text-lg{font-size:18px!important}.sm\\:text-xl{font-size:20px!important}}@media(min-width:768px){.md\\:display-xl{font-size:72px!important}.md\\:display-lg{font-size:60px!important}.md\\:display-md{font-size:48px!important}.md\\:display-sm{font-size:36px!important}.md\\:text-xs{font-size:12px!important}.md\\:text-sm{font-size:14px!important}.md\\:text-md{font-size:16px!important}.md\\:text-lg{font-size:18px!important}.md\\:text-xl{font-size:20px!important}}@media(min-width:992px){.lg\\:display-xl{font-size:72px!important}.lg\\:display-lg{font-size:60px!important}.lg\\:display-md{font-size:48px!important}.lg\\:display-sm{font-size:36px!important}.lg\\:text-xs{font-size:12px!important}.lg\\:text-sm{font-size:14px!important}.lg\\:text-md{font-size:16px!important}.lg\\:text-lg{font-size:18px!important}.lg\\:text-xl{font-size:20px!important}}.dark body,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark .h1,.dark .h2,.dark .h3,.dark .h4,.dark .h5,.dark .h6{color:#f4f4f4}.dark a{color:#31e7e8}.dark a:hover{color:#5feced}.dark blockquote{border-color:#4a4a47;color:#b4b4b4}.dark code,.dark pre{background-color:#3e3e3a;color:#f4f4f4}.dark .text-primary{color:#f4f4f4!important}.dark .text-secondary{color:#b4b4b4!important}@tailwind utilities;@source "../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php";@source "../../storage/framework/views/*.php";@custom-variant dark (&:is(.dark *));.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 24px;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out,transform .3s ease-in-out,box-shadow .3s ease-in-out;font-size:16px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none}.btn--sm{padding:4px 16px;font-size:14px}.btn--lg{padding:16px 32px;font-size:18px}.btn--primary{background-color:#12a0a1;color:#fff}.btn--primary:hover{background-color:#0d7273;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn--primary:active{background-color:#0a5c5c}.btn--secondary{background-color:#e84a21;color:#fff}.btn--secondary:hover{background-color:#c23814;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn--secondary:active{background-color:#ab3112}.btn--outline{background-color:transparent;border:2px solid #d7d7d7;color:#242424}.btn--outline:hover{background-color:#fafafa;border-color:#b4b4b4}.btn--outline:active{background-color:#f4f4f4}.btn--ghost{background-color:transparent;color:#242424}.btn--ghost:hover{background-color:#fafafa}.btn--ghost:active{background-color:#f4f4f4}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em;border:2px solid #ffffff;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.btn__icon{margin-right:8px}.btn__icon--end{margin-right:0;margin-left:8px}.btn-group{display:flex;gap:8px}.btn-group--vertical{flex-direction:column}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:9999px;background-color:transparent;color:#242424;transition:background-color .3s ease-in-out,color .3s ease-in-out}.icon-btn:hover{background-color:#f4f4f4}.icon-btn:active{background-color:#e3e3e0}.icon-btn--primary{background-color:#12a0a1;color:#fff}.icon-btn--primary:hover{background-color:#0d7273}@keyframes spin{to{transform:rotate(360deg)}}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;padding:24px}.card--clickable{cursor:pointer;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.card--clickable:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card--borderless{box-shadow:none;border:1px solid #e3e3e0}.card__header{margin:-48px 24px;padding:24px;border-bottom:1px solid #e3e3e0}.card__header--no-border{border-bottom:none}.card__title{font-size:20px;font-weight:500;margin-bottom:8px}.card__subtitle{font-size:14px;color:#706f6c}.card__footer{margin:-24px;padding:24px;border-top:1px solid #e3e3e0;background-color:#fafafa}.card__footer--no-bg{background-color:transparent}.card__image{margin:-48px 24px;overflow:hidden}.card__image img{width:100%;height:auto;object-fit:cover}.card__image--rounded{border-radius:12px 12px 0 0}.card--product{padding:0;overflow:hidden}.card--product .card__image{margin:0;background-color:#f4f4f4;position:relative}.card--product .card__image:before{content:"";display:block;padding-top:100%}.card--product .card__image>*{position:absolute;top:0;left:0;width:100%;height:100%}.card--product .card__image img{transition:transform .3s ease-in-out}.card--product .card__image:hover img{transform:scale(1.05)}.card--product .card__content{padding:16px;text-align:center}.card--product .card__title{font-size:16px;margin-bottom:4px}.card--product .card__price{font-size:18px;font-weight:600;color:#12a0a1}.card--feature{text-align:center;border:none;box-shadow:none;background-color:transparent}.card--feature .card__icon{width:64px;height:64px;margin:0 auto 16px}.card--feature .card__icon img,.card--feature .card__icon svg{width:100%;height:100%}.card--feature .card__title{font-size:18px;margin-bottom:8px}.card--feature .card__description{color:#706f6c;font-size:14px}.carousel{position:relative;overflow:hidden}.carousel__container{display:flex;gap:24px;transition:transform .3s ease-in-out}.carousel__container--dragging{transition:none;cursor:grabbing}.carousel__item{flex-shrink:0}.carousel__item--product{width:220px}.carousel__item--instagram{width:280px;height:310px}.carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.carousel__nav--prev{left:0}.carousel__nav--next{right:0}.carousel__nav button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#fff;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.carousel__nav button:hover{transform:scale(1.1);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.carousel__nav button:disabled{opacity:.5;cursor:not-allowed}.carousel__nav button:disabled:hover{transform:none}.carousel__dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.carousel__dots button{width:8px;height:8px;border-radius:9999px;background-color:#d7d7d7;transition:width .3s ease-in-out,background-color .3s ease-in-out}.carousel__dots button--active{width:32px;background-color:#12a0a1}.carousel--instagram .carousel__item{position:relative;border-radius:24px;overflow:hidden;border:4px solid #d7d7d7;background-color:#1b1b18}.carousel--instagram .carousel__item img{width:100%;height:100%;object-fit:cover}.carousel--instagram .carousel__item__overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 16px;background:linear-gradient(to top,rgba(36,36,36,.75),transparent)}.carousel--instagram .carousel__item__overlay__profile{display:flex;align-items:center;justify-content:space-between}.carousel--instagram .carousel__item__overlay__profile__info{display:flex;align-items:center;gap:8px}.carousel--instagram .carousel__item__overlay__profile__info img{width:32px;height:32px;border-radius:9999px}.carousel--instagram .carousel__item__overlay__profile__info span{color:#f4f4f4;font-size:12px}.carousel--instagram .carousel__item__overlay__profile__icon{width:24px;height:24px}.carousel--instagram .carousel__item__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#242424a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px}.carousel--instagram .carousel__item__play img,.carousel--instagram .carousel__item__play svg{width:40px;height:40px}.carousel--products{margin:-64px;padding:0 64px}@media(min-width:992px){.carousel--products{margin:-48px;padding:0 48px}}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:4px;font-size:14px;font-weight:500;color:#242424}.form-label--required:after{content:" *";color:#e84a21}.form-input,.form-select,.form-textarea{display:block;width:100%;padding:8px 16px;font-size:16px;line-height:1.5;color:#242424;background-color:#fff;border:1px solid #d7d7d7;border-radius:8px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#12a0a1}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#fafafa;cursor:not-allowed}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#706f6c}.form-input--sm{padding:4px 8px;font-size:14px}.form-input--lg{padding:16px 24px;font-size:18px}.form-input--error{border-color:#e84a21}.form-input--error:focus{box-shadow:0 0 0 3px #e84a211a}.form-input--success{border-color:green}.form-input--success:focus{box-shadow:0 0 0 3px #0080001a}.form-textarea{min-height:120px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}.form-check{display:flex;align-items:center;margin-bottom:8px}.form-check__input{width:20px;height:20px;margin-right:8px;cursor:pointer}.form-check__input[type=checkbox]{border-radius:4px}.form-check__input[type=radio]{border-radius:9999px}.form-check__label{cursor:pointer;-webkit-user-select:none;user-select:none}.form-help{display:block;margin-top:4px;font-size:14px;color:#706f6c}.form-help--error{color:#e84a21}.form-help--success{color:green}.form-row{display:grid;gap:24px}@media(min-width:768px){.form-row{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.form-row--thirds{grid-template-columns:repeat(3,1fr)}}.form-actions{display:flex;gap:16px;margin-top:32px}.form-actions--right{justify-content:flex-end}.form-actions--center{justify-content:center}.form-actions--between{justify-content:space-between}.invalid-feedback{display:block;width:100%;margin-top:.25rem;font-family:IBM Plex Sans Thai,sans-serif;font-size:.875em;line-height:1.5;color:#d72960}.dark .invalid-feedback{color:#f87171}.header{position:sticky;top:0;z-index:1020;background-color:#fff;box-shadow:0 1px 2px #0000000d}.header__container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;display:flex;align-items:center;justify-content:space-between;height:64px}@media(min-width:992px){.header__container{height:80px}}.header__logo{display:flex;align-items:center}.header__logo img{height:32px;width:auto}@media(min-width:992px){.header__logo img{height:40px}}.header__nav{display:none}@media(min-width:992px){.header__nav{display:flex;align-items:center;gap:32px}}.header__nav__item{color:#242424;font-weight:500;transition:color .3s ease-in-out}.header__nav__item:hover{color:#12a0a1;text-decoration:none}.header__nav__item--active{color:#12a0a1}.header__actions{display:flex;align-items:center;gap:16px}.header__mobile-toggle{display:block}@media(min-width:992px){.header__mobile-toggle{display:none}}.dark .header{background-color:#1b1b18;border-bottom:1px solid #3e3e3a}.dark .header__nav__item{color:#f4f4f4}.dark .header__nav__item:hover{color:#12a0a1}.footer{background-color:#1b1b18;color:#f4f4f4;padding:64px 0 32px}.footer__container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.footer__content{display:grid;gap:48px;margin-bottom:48px}@media(min-width:768px){.footer__content{grid-template-columns:2fr 1fr 1fr 1fr}}@media(min-width:992px){.footer__content{grid-template-columns:3fr 1fr 1fr 1fr 1fr}}.footer__brand__logo{display:inline-block;margin-bottom:16px}.footer__brand__logo img{height:40px;width:auto}.footer__brand__description{color:#b4b4b4;font-size:14px;line-height:1.75;max-width:300px}.footer__brand__social{display:flex;gap:8px;margin-top:24px}.footer__brand__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#3e3e3a;border-radius:9999px;transition:background-color .3s ease-in-out}.footer__brand__social a:hover{background-color:#12a0a1}.footer__brand__social a svg{width:20px;height:20px;fill:#fff}.footer__column__title{font-size:18px;font-weight:600;margin-bottom:16px}.footer__column__list{list-style:none}.footer__column__list li{margin-bottom:8px}.footer__column__list a{color:#b4b4b4;font-size:14px;transition:color .3s ease-in-out}.footer__column__list a:hover{color:#fff;text-decoration:none}.footer__bottom{padding-top:32px;border-top:1px solid #3e3e3a}.footer__bottom__container{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}@media(min-width:768px){.footer__bottom__container{flex-direction:row;justify-content:space-between;text-align:left}}.footer__bottom__copyright{color:#b4b4b4;font-size:14px}.footer__bottom__links{display:flex;gap:24px}.footer__bottom__links a{color:#b4b4b4;font-size:14px;transition:color .3s ease-in-out}.footer__bottom__links a:hover{color:#fff;text-decoration:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1030}.sidebar--open{transform:translate(0)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e3e3e0}.sidebar__body{padding:24px;height:calc(100% - 80px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b4b4b4 #f4f4f4}.sidebar__body::-webkit-scrollbar{width:8px;height:8px}.sidebar__body::-webkit-scrollbar-track{background:#f4f4f4;border-radius:9999px}.sidebar__body::-webkit-scrollbar-thumb{background:#b4b4b4;border-radius:9999px}.sidebar__body::-webkit-scrollbar-thumb:hover{background:#9b9b9b}.sidebar__nav__section{margin-bottom:32px}.sidebar__nav__section__title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#706f6c;margin-bottom:8px}.sidebar__nav__item{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:4px;color:#242424;border-radius:8px;transition:background-color .3s ease-in-out,color .3s ease-in-out}.sidebar__nav__item:hover{background-color:#fafafa;text-decoration:none}.sidebar__nav__item--active{background-color:#12a0a1;color:#fff}.sidebar__nav__item--active:hover{background-color:#0f898a}.sidebar__nav__item svg{width:20px;height:20px}.sidebar-overlay{position:fixed;inset:0;background-color:#24242480;z-index:1040;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sidebar-overlay--visible{opacity:1;visibility:visible}.d-none{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.align-center{align-items:center!important}.align-stretch{align-items:stretch!important}.flex-grow{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.m-xs{margin:4px!important}.mt-xs{margin-top:4px!important}.mr-xs{margin-right:4px!important}.mb-xs{margin-bottom:4px!important}.ml-xs{margin-left:4px!important}.mx-xs{margin-left:4px!important;margin-right:4px!important}.my-xs{margin-top:4px!important;margin-bottom:4px!important}.p-xs{padding:4px!important}.pt-xs{padding-top:4px!important}.pr-xs{padding-right:4px!important}.pb-xs{padding-bottom:4px!important}.pl-xs{padding-left:4px!important}.px-xs{padding-left:4px!important;padding-right:4px!important}.py-xs{padding-top:4px!important;padding-bottom:4px!important}.gap-xs{gap:4px!important}.m-sm{margin:8px!important}.mt-sm{margin-top:8px!important}.mr-sm{margin-right:8px!important}.mb-sm{margin-bottom:8px!important}.ml-sm{margin-left:8px!important}.mx-sm{margin-left:8px!important;margin-right:8px!important}.my-sm{margin-top:8px!important;margin-bottom:8px!important}.p-sm{padding:8px!important}.pt-sm{padding-top:8px!important}.pr-sm{padding-right:8px!important}.pb-sm{padding-bottom:8px!important}.pl-sm{padding-left:8px!important}.px-sm{padding-left:8px!important;padding-right:8px!important}.py-sm{padding-top:8px!important;padding-bottom:8px!important}.gap-sm{gap:8px!important}.m-md{margin:16px!important}.mt-md{margin-top:16px!important}.mr-md{margin-right:16px!important}.mb-md{margin-bottom:16px!important}.ml-md{margin-left:16px!important}.mx-md{margin-left:16px!important;margin-right:16px!important}.my-md{margin-top:16px!important;margin-bottom:16px!important}.p-md{padding:16px!important}.pt-md{padding-top:16px!important}.pr-md{padding-right:16px!important}.pb-md{padding-bottom:16px!important}.pl-md{padding-left:16px!important}.px-md{padding-left:16px!important;padding-right:16px!important}.py-md{padding-top:16px!important;padding-bottom:16px!important}.gap-md{gap:16px!important}.m-lg{margin:24px!important}.mt-lg{margin-top:24px!important}.mr-lg{margin-right:24px!important}.mb-lg{margin-bottom:24px!important}.ml-lg{margin-left:24px!important}.mx-lg{margin-left:24px!important;margin-right:24px!important}.my-lg{margin-top:24px!important;margin-bottom:24px!important}.p-lg{padding:24px!important}.pt-lg{padding-top:24px!important}.pr-lg{padding-right:24px!important}.pb-lg{padding-bottom:24px!important}.pl-lg{padding-left:24px!important}.px-lg{padding-left:24px!important;padding-right:24px!important}.py-lg{padding-top:24px!important;padding-bottom:24px!important}.gap-lg{gap:24px!important}.m-xl{margin:32px!important}.mt-xl{margin-top:32px!important}.mr-xl{margin-right:32px!important}.mb-xl{margin-bottom:32px!important}.ml-xl{margin-left:32px!important}.mx-xl{margin-left:32px!important;margin-right:32px!important}.my-xl{margin-top:32px!important;margin-bottom:32px!important}.p-xl{padding:32px!important}.pt-xl{padding-top:32px!important}.pr-xl{padding-right:32px!important}.pb-xl{padding-bottom:32px!important}.pl-xl{padding-left:32px!important}.px-xl{padding-left:32px!important;padding-right:32px!important}.py-xl{padding-top:32px!important;padding-bottom:32px!important}.gap-xl{gap:32px!important}.m-2xl{margin:48px!important}.mt-2xl{margin-top:48px!important}.mr-2xl{margin-right:48px!important}.mb-2xl{margin-bottom:48px!important}.ml-2xl{margin-left:48px!important}.mx-2xl{margin-left:48px!important;margin-right:48px!important}.my-2xl{margin-top:48px!important;margin-bottom:48px!important}.p-2xl{padding:48px!important}.pt-2xl{padding-top:48px!important}.pr-2xl{padding-right:48px!important}.pb-2xl{padding-bottom:48px!important}.pl-2xl{padding-left:48px!important}.px-2xl{padding-left:48px!important;padding-right:48px!important}.py-2xl{padding-top:48px!important;padding-bottom:48px!important}.gap-2xl{gap:48px!important}.m-3xl{margin:64px!important}.mt-3xl{margin-top:64px!important}.mr-3xl{margin-right:64px!important}.mb-3xl{margin-bottom:64px!important}.ml-3xl{margin-left:64px!important}.mx-3xl{margin-left:64px!important;margin-right:64px!important}.my-3xl{margin-top:64px!important;margin-bottom:64px!important}.p-3xl{padding:64px!important}.pt-3xl{padding-top:64px!important}.pr-3xl{padding-right:64px!important}.pb-3xl{padding-bottom:64px!important}.pl-3xl{padding-left:64px!important}.px-3xl{padding-left:64px!important;padding-right:64px!important}.py-3xl{padding-top:64px!important;padding-bottom:64px!important}.gap-3xl{gap:64px!important}.w-full{width:100%!important}.w-auto{width:auto!important}.h-full{height:100%!important}.h-auto{height:auto!important}.min-w-0{min-width:0!important}.min-h-0{min-height:0!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:4px!important}.rounded-md{border-radius:8px!important}.rounded-lg{border-radius:12px!important}.rounded-xl{border-radius:16px!important}.rounded-2xl{border-radius:24px!important}.rounded-full{border-radius:9999px!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 1px 2px #0000000d!important}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}@media(min-width:576px){.sm\:d-none{display:none!important}.sm\:d-block{display:block!important}.sm\:d-flex{display:flex!important}.sm\:d-grid{display:grid!important}}@media(min-width:768px){.md\:d-none{display:none!important}.md\:d-block{display:block!important}.md\:d-flex{display:flex!important}.md\:d-grid{display:grid!important}}@media(min-width:992px){.lg\:d-none{display:none!important}.lg\:d-block{display:block!important}.lg\:d-flex{display:flex!important}.lg\:d-grid{display:grid!important}}@media(min-width:1200px){.xl\:d-none{display:none!important}.xl\:d-block{display:block!important}.xl\:d-flex{display:flex!important}.xl\:d-grid{display:grid!important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.05)}.text-shadow-md{text-shadow:0 4px 6px rgba(0,0,0,.1)}.text-shadow-lg{text-shadow:0 10px 15px rgba(0,0,0,.15)}.text-shadow-none{text-shadow:none}.text-gradient{background:linear-gradient(135deg,#12a0a1,#e84a21);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::selection{background-color:#12a0a133;color:#242424}.dark ::selection{background-color:#12a0a166;color:#f4f4f4}.first-letter\\:capitalize:first-letter{text-transform:uppercase}.first-letter\\:text-primary-blue:first-letter{color:#12a0a1}.first-line\\:uppercase:first-line{text-transform:uppercase}.first-line\\:tracking-widest:first-line{letter-spacing:.05em}.columns-1{columns:1}.columns-2{columns:2}.columns-3{columns:3}.columns-4{columns:4}.column-gap-sm{column-gap:8px}.column-gap-md{column-gap:16px}.column-gap-lg{column-gap:24px}.hyphens-none{-webkit-hyphens:none;hyphens:none}.hyphens-manual{-webkit-hyphens:manual;hyphens:manual}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.content-none{content:none}::placeholder{color:#b4b4b4;opacity:1}.dark ::placeholder{color:#706f6c}.caret-primary{caret-color:#12a0a1}.caret-orange{caret-color:#e84a21}.caret-current{caret-color:currentColor}.accent-primary{accent-color:#12a0a1}.accent-orange{accent-color:#e84a21}@media print{.print\\:text-black{color:#242424!important}.print\\:text-sm{font-size:14px!important}.print\\:font-normal{font-weight:400!important}}.dashboard-layout{display:flex;max-width:980px;padding:var(--spacing-2xlarge, 48px) var(--gaps-padding-lr, 24px);align-items:flex-start;align-content:flex-start;gap:var(--spacing-large, 24px) var(--spacing-2xlarge, 48px);align-self:stretch;flex-wrap:wrap;margin:0 auto;background:#f4f4f4;color:#000}@media(min-width:701px)and (max-width:1024px){.dashboard-layout{margin-left:0;margin-right:auto;flex-wrap:nowrap;gap:20px 40px}.dashboard-sidebar{flex:0 0 240px;max-width:240px}.dashboard-main{flex:1 1 auto;min-width:0;width:auto}}.dashboard-sidebar{display:flex;min-width:180px;max-width:240px;padding-bottom:3px;flex-direction:column;align-items:flex-start;gap:var(--spacing-large, 24px);flex:1 0 0;border-radius:16px;border:1px solid var(--Neutral-80, #242424);background:#f4f4f4;box-shadow:10px 10px 0 0 var(--Neutral-80, #242424)}@media(min-width:768px)and (max-width:1024px){.dashboard-sidebar{gap:20px}}.user-profile{display:flex;flex-direction:column;align-items:center;gap:12px}.user-profile__avatar{width:84px;height:84px;border-radius:12px;background:linear-gradient(135deg,#e9e9e9,#d7d7d7);object-fit:cover;display:block}.user-profile__name{font-weight:600;color:#333}.profile-header{width:100%;height:208px;padding:7px 12px;display:flex;align-items:flex-end;position:relative;border-radius:16px 16px 0 0}@media(min-width:768px)and (max-width:1024px){.profile-header{padding:8px 12px}}.profile-header__inner{display:flex;width:100%;align-items:flex-end;justify-content:space-between}.profile-header .user-profile__name{color:var(--Color-text-copy-primary-white, #f4f4f4);font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Heading-H5-font-size, 20px);font-style:normal;font-weight:var(--value, 500);line-height:var(--Heading-H5-line-height, 32px);letter-spacing:var(--Heading-H5-letter-spacing, 0)}@media(min-width:768px)and (max-width:1024px){.profile-header .user-profile__name{font-size:18px;line-height:28px}}.profile-header__edit-button{width:28px;height:28px;border-radius:6px;background:transparent;border:none;position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;padding:4px;box-shadow:none;color:#fff}.sidebar-navigation{padding:0 var(--spacing-xsmall, 8px);flex-direction:column;align-items:flex-start;gap:var(--spacing-2xsmall, 4px);align-self:stretch}.sidebar-navigation ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}li{margin-bottom:2px!important}@media(min-width:768px)and (max-width:1024px){li{margin-bottom:9px!important}}.nav-menu__item{display:inline-flex;align-items:center;width:100%;text-align:left;padding:8px 12px 4px;border-radius:8px;border:none;background:transparent;cursor:pointer;color:var(--Color-text-button-tertiary, #242424)}.nav-menu__item.is-active{background:#353535;color:#fff}.nav-menu__item.is-active .nav-menu__icon{outline:none}.nav-menu__item:not(.is-active){background:var(--Color-🅱️-background-button-tertiary-default, transparent)}.nav-menu__item:not(.is-active):hover{background:#ededed}@media(min-width:768px)and (max-width:1024px){.nav-menu__item{padding:8px 12px 6px}}.nav-menu__icon{width:24px;height:24px;border-radius:4px;background:transparent;border:none}.nav-menu__label{padding-left:8px;color:inherit;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Label-L-font-size, 16px);font-style:normal;font-weight:var(--value, 500);line-height:var(--Label-XL-line-height, 28px);letter-spacing:var(--Label-XL-letter-spacing, .08px)}@media(min-width:768px)and (max-width:1024px){.nav-menu__label{font-size:14px;line-height:26px}}.sidebar-logout{margin-top:auto;width:100%;padding:0 12px 12px}@media(min-width:768px)and (max-width:1024px){.sidebar-logout{padding:0 12px 10px}}.sidebar-logout__button{width:208px;margin-top:-4px}@media(min-width:768px)and (max-width:1024px){.sidebar-logout__button{margin-top:-11px}}.dashboard-main{flex:1;width:0px}.dashboard-page{background:#f4f4f4}.page-title{color:var(--Color-text-copy-primary-black, #242424);font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Heading-H1-font-size, 48px);font-weight:var(--value, 700);line-height:var(--Heading-H1-line-height, 56px);margin:0;text-align:left}@media(max-width:700px){.dashboard-layout{flex-direction:column}.dashboard-sidebar,.dashboard-main{width:100%}.dashboard-layout{padding:16px;gap:16px}.dashboard-sidebar{border-radius:16px;padding-bottom:11px;min-width:100%;max-width:100%;gap:4px;box-shadow:10px 10px 0 0 var(--Neutral-80, #242424)}.profile-header{padding:4px 8px;height:209px}.profile-header__edit-button{top:16px;right:16px}.profile-header__edit-button svg{width:24px;height:24px}.user-profile__name{font-size:16px!important;line-height:25px!important}.sidebar-navigation{padding:8px 12px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar-navigation::-webkit-scrollbar{display:none}.sidebar-navigation ul{display:flex;flex-direction:row;gap:8px;min-width:min-content}.nav-menu__item{border-radius:8px;justify-content:center;text-align:center;gap:6px;white-space:nowrap;flex-shrink:0;height:32px;padding:4px 8px}.nav-menu__item.is-active{background:#353535;color:#fff;padding:4px 8px;gap:8px}.nav-menu__icon{display:none}.nav-menu__item.is-active .nav-menu__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-menu__item.is-active .nav-menu__icon svg{display:block;width:24px;height:24px}.nav-menu__label{padding-left:0;color:inherit;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Label-L-font-size, 13px);font-style:normal;font-weight:var(--value, 500);line-height:var(--Label-XL-line-height, 24px);letter-spacing:var(--Label-XL-letter-spacing, .08px)}.sidebar-logout{padding:5px 12px 0}.sidebar-logout__button,.dashboard-main{width:100%}.page-title{font-size:24px;line-height:32px}}.profile-avatar-modal__overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;z-index:1200}.profile-avatar-modal__dialog{max-width:600px;height:484px;width:calc(100% - 48px);margin:0 24px}.profile-avatar-modal__content{background:var(--base-white, #ffffff);border-radius:12px;padding:32px 24px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;gap:16px;align-items:stretch}.profile-avatar-modal__title{margin:0 auto;color:var(--Color-text-copy-primary-black, #242424)!important;text-align:center;font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Heading-H2-font-size, 32px);font-style:normal;font-weight:var(--value, 700);line-height:var(--Heading-H2-line-height, 44px);letter-spacing:var(--Heading-H2-letter-spacing, 0)}.profile-avatar-modal__grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.profile-avatar-modal__avatar{display:inline-flex;width:88px;height:88px;border-width:1.5px;align-items:center;gap:8px;border-radius:6px;border:1.5px solid transparent;border-color:#d7d7d7;position:relative;justify-content:center;cursor:pointer;transition:background-color .14s ease,transform .14s ease;outline:none;-webkit-tap-highlight-color:transparent}.profile-avatar-modal__avatar:hover:not(.profile-avatar-modal__avatar--selected){border-color:#828282}.profile-avatar-modal__avatar--selected{border-color:#12a0a1}.profile-avatar-modal__avatar--selected:hover{border-color:#1a7676}.profile-avatar-modal__avatar--selected:hover .profile-avatar-modal__avatar-check{background:var(--Color-border-brand-primary-hover, #1a7676)}.profile-avatar-modal__avatar:focus-visible{box-shadow:0 0 0 3px #12a0a11f;outline:none}.profile-avatar-modal__avatar:focus{outline:none}.profile-avatar-modal__avatar-inner{display:inline-flex;width:100%;height:100%;background:#fff;border-radius:6px;overflow:hidden;align-items:center;justify-content:center}.profile-avatar-modal__avatar-image{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-modal__avatar-check{position:absolute;right:-1px;bottom:-1px;width:24px;height:24px;background:var(--Color-border-brand-primary-default, #12a0a1);border-radius:4px 0;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #12a0a11f;transition:background-color .14s ease}.profile-avatar-modal__avatar-check svg{width:18px;height:18px}.profile-avatar-modal__actions{display:flex;gap:12px;margin-top:8px}.profile-avatar-modal__button{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;width:272px;height:48px}.profile-avatar-modal__button--secondary{background:var(--color-background-button-outline-black-default, #f4f4f4)!important;border:1px solid var(--color-border-brand-secondary-default, #828282);color:var(--Color-text-button-secondary, #242424);font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Label-XL-font-size, 18px);font-style:normal;font-weight:var(--value, 500);line-height:var(--Label-XL-line-height, 28px);letter-spacing:var(--Label-XL-letter-spacing, .08px)}.profile-avatar-modal__button--primary{background:var(--color-background-button-primary-default, #12a0a1);color:var(--Color-text-button-primary, #f4f4f4);font-family:IBM Plex Sans Thai,sans-serif;font-size:var(--Label-XL-font-size, 18px);font-style:normal;font-weight:var(--value, 500);line-height:var(--Label-XL-line-height, 28px);letter-spacing:var(--Label-XL-letter-spacing, .08px)}.profile-avatar-modal__transition-enter-from{opacity:0;transform:translateY(-8px) scale(.995)}.profile-avatar-modal__transition-enter-active{transition:all .2s ease-out}.profile-avatar-modal__transition-enter-to{opacity:1;transform:translateY(0) scale(1)}.profile-avatar-modal__transition-leave-from{opacity:1}.profile-avatar-modal__transition-leave-active{transition:all .16s ease-in}.profile-avatar-modal__transition-leave-to{opacity:0;transform:translateY(-6px) scale(.995)}@media(max-width:420px){.profile-avatar-modal__content{padding:24px 16px}}:root{--spacing-2xsmall: 4px;--spacing-xsmall: 8px;--spacing-small: 12px;--spacing-medium: 16px;--spacing-large: 24px;--spacing-xlarge: 32px;--spacing-2xlarge: 48px;--spacing-3xlarge: 64px}:root{--background: hsl(0 0% 100%);--foreground: hsl(0 0% 3.9%);--card: hsl(0 0% 100%);--card-foreground: hsl(0 0% 3.9%);--popover: hsl(0 0% 100%);--popover-foreground: hsl(0 0% 3.9%);--primary: hsl(0 0% 9%);--primary-foreground: hsl(0 0% 98%);--secondary: hsl(0 0% 92.1%);--secondary-foreground: hsl(0 0% 9%);--muted: hsl(0 0% 96.1%);--muted-foreground: hsl(0 0% 45.1%);--accent: hsl(0 0% 96.1%);--accent-foreground: hsl(0 0% 9%);--destructive: hsl(0 84.2% 60.2%);--destructive-foreground: hsl(0 0% 98%);--border: hsl(0 0% 92.8%);--input: hsl(0 0% 89.8%);--ring: hsl(0 0% 3.9%);--chart-1: hsl(12 76% 61%);--chart-2: hsl(173 58% 39%);--chart-3: hsl(197 37% 24%);--chart-4: hsl(43 74% 66%);--chart-5: hsl(27 87% 67%);--radius: .5rem;--sidebar-background: hsl(0 0% 98%);--sidebar-foreground: hsl(240 5.3% 26.1%);--sidebar-primary: hsl(0 0% 10%);--sidebar-primary-foreground: hsl(0 0% 98%);--sidebar-accent: hsl(0 0% 94%);--sidebar-accent-foreground: hsl(0 0% 30%);--sidebar-border: hsl(0 0% 91%);--sidebar-ring: hsl(217.2 91.2% 59.8%);--sidebar: hsl(0 0% 98%)}.dark{--background: hsl(0 0% 3.9%);--foreground: hsl(0 0% 98%);--card: hsl(0 0% 3.9%);--card-foreground: hsl(0 0% 98%);--popover: hsl(0 0% 3.9%);--popover-foreground: hsl(0 0% 98%);--primary: hsl(0 0% 98%);--primary-foreground: hsl(0 0% 9%);--secondary: hsl(0 0% 14.9%);--secondary-foreground: hsl(0 0% 98%);--muted: hsl(0 0% 16.08%);--muted-foreground: hsl(0 0% 63.9%);--accent: hsl(0 0% 14.9%);--accent-foreground: hsl(0 0% 98%);--destructive: hsl(0 84% 60%);--destructive-foreground: hsl(0 0% 98%);--border: hsl(0 0% 14.9%);--input: hsl(0 0% 14.9%);--ring: hsl(0 0% 83.1%);--chart-1: hsl(220 70% 50%);--chart-2: hsl(160 60% 45%);--chart-3: hsl(30 80% 55%);--chart-4: hsl(280 65% 60%);--chart-5: hsl(340 75% 55%);--sidebar-background: hsl(0 0% 7%);--sidebar-foreground: hsl(0 0% 95.9%);--sidebar-primary: hsl(360, 100%, 100%);--sidebar-primary-foreground: hsl(0 0% 100%);--sidebar-accent: hsl(0 0% 15.9%);--sidebar-accent-foreground: hsl(240 4.8% 95.9%);--sidebar-border: hsl(0 0% 15.9%);--sidebar-ring: hsl(217.2 91.2% 59.8%);--sidebar: hsl(240 5.9% 10%)}body{font-family:IBM Plex Sans Thai,sans-serif;color:#242424;background-color:#fdfdfc}body.dark{color:#f4f4f4;background-color:#0a0a0a}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.section{padding:48px 24px}@media(min-width:768px){.section{padding:64px 24px}}html{scroll-behavior:smooth;scrollbar-gutter:stable}*:focus:not(:focus-visible){outline:none!important;outline-offset:0!important;box-shadow:none!important}*:focus-visible{outline:2px solid #135efb!important;outline-offset:2px!important}.focus-ring-wrap:focus-within{border-color:#135efb;outline:2px solid #135efb;outline-offset:2px}.focus-ring-wrap :is(input,textarea,select):focus,.focus-ring-wrap :is(input,textarea,select):focus-visible{outline:none!important;outline-offset:0!important;box-shadow:none!important}::selection{background-color:#12a0a1;color:#fff}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.white-ink-message-fixed,#white-ink-message-portal,.white-ink-message-above-footer{position:fixed!important;bottom:80px!important;left:50%!important;transform:translate(-50%)!important;z-index:99999!important;display:flex!important;align-items:center;justify-content:center;gap:8px;padding:4px 12px 4px 8px;background:#f4f8f8!important;border:1px solid #12a0a1!important;border-radius:8px;width:fit-content;color:#12a0a1!important;font-family:IBM Plex Sans Thai,sans-serif;font-size:12px;line-height:20px;font-weight:500;letter-spacing:.024px;white-space:nowrap}.white-ink-message-fixed svg,#white-ink-message-portal svg,.white-ink-message-above-footer svg{flex-shrink:0;width:18px;height:18px}@media screen and (min-width:744px)and (max-width:1366px){.white-ink-message-fixed,#white-ink-message-portal,.white-ink-message-above-footer{bottom:84px!important}}