@import "https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Niramit:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";:root{--brand-primary:#df4e15;--brand-secondary:#ec8635;--brand-tirtiary:#ede2a6;--brand-neutral:#682e19;--brand-neutral-variant:#979593;--brand-primary-5:#200b00;--brand-primary-10:#301400;--brand-primary-15:#401c00;--brand-primary-20:#502400;--brand-primary-25:#602d00;--brand-primary-30:#723700;--brand-primary-35:#834000;--brand-primary-40:#954a00;--brand-primary-50:#b95f09;--brand-primary-60:#d97727;--brand-primary-70:#fa913f;--brand-primary-80:#ffb785;--brand-primary-90:#ffdcc6;--brand-primary-95:#ffede4;--brand-primary-98:#fff8f5;--brand-primary-99:#fffbff;--brand-secondary-5:#270600;--brand-secondary-10:#390b00;--brand-secondary-15:#4b1200;--brand-secondary-20:#5d1800;--brand-secondary-25:#701f00;--brand-secondary-30:#832600;--brand-secondary-35:#972d00;--brand-secondary-40:#ac3400;--brand-secondary-50:#d4460b;--brand-secondary-60:#f75f27;--brand-secondary-70:#ff8b64;--brand-secondary-80:#ffb59d;--brand-secondary-90:#ffdbd0;--brand-secondary-95:#ffede8;--brand-secondary-98:#fff8f6;--brand-secondary-99:#fffbff;--brand-tirtiary-5:#141100;--brand-tirtiary-10:#201c00;--brand-tirtiary-15:#2b2600;--brand-tirtiary-20:#373105;--brand-tirtiary-25:#423c0f;--brand-tirtiary-30:#4e471a;--brand-tirtiary-35:#5a5325;--brand-tirtiary-40:#665f2f;--brand-tirtiary-50:#807845;--brand-tirtiary-60:#9a925d;--brand-tirtiary-70:#b6ac75;--brand-tirtiary-80:#d2c78e;--brand-tirtiary-90:#efe4a7;--brand-tirtiary-95:#fdf2b5;--brand-tirtiary-98:#fff9e9;--brand-tirtiary-99:#fffbff;--brand-neutral-5:#270600;--brand-neutral-10:#390c00;--brand-neutral-15:#471504;--brand-neutral-20:#55200c;--brand-neutral-25:#632a16;--brand-neutral-30:#723520;--brand-neutral-35:#80412a;--brand-neutral-40:#8f4c35;--brand-neutral-50:#ac644b;--brand-neutral-60:#cb7d62;--brand-neutral-70:#e9967a;--brand-neutral-80:#ffb59c;--brand-neutral-90:#ffdbcf;--brand-neutral-95:#ffede8;--brand-neutral-98:#fff8f6;--brand-neutral-99:#fffbff;--brand-neutral-variant-5:#111110;--brand-neutral-variant-10:#1c1c1a;--brand-neutral-variant-15:#262624;--brand-neutral-variant-20:#31302f;--brand-neutral-variant-25:#3c3b3a;--brand-neutral-variant-30:#474745;--brand-neutral-variant-35:#535251;--brand-neutral-variant-40:#5f5e5c;--brand-neutral-variant-50:#787775;--brand-neutral-variant-60:#92908e;--brand-neutral-variant-70:#adaba9;--brand-neutral-variant-80:#c9c6c4;--brand-neutral-variant-90:#e5e2df;--brand-neutral-variant-95:#f3f0ee;--brand-neutral-variant-98:#fcf9f6;--brand-neutral-variant-99:#fffbff;--sys-primary:#8a5023;--sys-surface-tint:#8a5023;--sys-on-primary:#fff;--sys-primary-container:#ffdcc6;--sys-on-primary-container:#6e390d;--sys-secondary:#8f4c35;--sys-on-secondary:#fff;--sys-secondary-container:#ffdbd0;--sys-on-secondary-container:#723520;--sys-tertiary:#695f11;--sys-on-tertiary:#fff;--sys-tertiary-container:#f3e489;--sys-on-tertiary-container:#504700;--sys-background:#fff8f5;--sys-on-background:#221a15;--sys-surface:#fff8f6;--sys-on-surface:#231917;--sys-surface-variant:#e1e4d5;--sys-on-surface-variant:#45483d;--sys-outline:#75786c;--sys-outline-variant:#c5c8b9;--sys-shadow:#000;--sys-scrim:#000;--sys-inverse-surface:#392e2b;--sys-inverse-on-surface:#ffede8;--sys-inverse-primary:#ffb785;--sys-primary-fixed:#ffdcc6;--sys-on-primary-fixed:#301400;--sys-primary-fixed-dim:#ffb785;--sys-on-primary-fixed-variant:#6e390d;--sys-secondary-fixed:#ffdbd0;--sys-on-secondary-fixed:#390b00;--sys-secondary-fixed-dim:#ffb59d;--sys-on-secondary-fixed-variant:#723520;--sys-tertiary-fixed:#f3e489;--sys-on-tertiary-fixed:#201c00;--sys-tertiary-fixed-dim:#d6c871;--sys-on-tertiary-fixed-variant:#504700;--sys-surface-dim:#e8d6d1;--sys-surface-bright:#fff8f6;--sys-surface-container-lowest:#fff;--sys-surface-container-low:#fff1ed;--sys-surface-container:#fceae5;--sys-surface-container-high:#f7e4df;--sys-surface-container-highest:#f1dfd9;--sys-success-primary:#006d3b;--sys-success-on-primary:#fff;--sys-success-primary-container-full:#b1f1c1;--sys-success-primary-container:#d8f8e0;--sys-success-on-primary-container:#12512e;--sys-info-primary:#4457b3;--sys-info-on-primary:#fff;--sys-info-primary-container-full:#dee1ff;--sys-info-primary-container:#eff0ff;--sys-info-on-primary-container:#384379;--sys-warning-primary:#715c00;--sys-warning-on-primary:#fff;--sys-warning-primary-container-full:#fde186;--sys-warning-primary-container:#fef0c3;--sys-warning-on-primary-container:#564500;--sys-danger-primary:#b12c21;--sys-danger-on-primary:#fff;--sys-danger-primary-container-full:#ffdad5;--sys-danger-primary-container:#ffedea;--sys-danger-on-primary-container:#73342b;--state-primary:#65558f;--state-on-primary:#fff;--state-primary-container:#eaddff;--state-on-primary-container:#21005d;--header-md:28px;--header-md-line-height:36px;--header-sm:24px;--header-sm-line-height:32px;--text-3xs:10px;--text-2xs:12px;--text-xs:14px;--text-sm:16px;--text-md:20px;--text-lg:24px;--text-xl:28px;--text-2xl:32px;--header-color:var(--sys-on-background);--body-color:var(--sys-on-surface);--muted-color:var(--sys-on-surface-variant);--navbar-padding-y:12px;--button-height-xs:32px;--button-height-sm:40px;--button-height-md:56px;--button-height-lg:96px;--button-height-xl:136px;--button-gap:8px;--spacing-xs:12px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:48px;--spacing-xl:64px;--icon-xs:16px;--icon-sm:20px;--icon-md:24px;--icon-lg:32px;--icon-xl:40px;--icon-gap-xs:4px;--icon-gap-sm:8px;--icon-gap-md:8px;--icon-gap-lg:12px;--icon-gap-xl:16px;--radius-xs:12px;--radius-sm:12px;--radius-md:16px;--radius-lg:28px;--radius-xl:28px;--radius-xs-pressed:8px;--radius-sm-pressed:8px;--radius-md-pressed:12px;--radius-lg-pressed:16px;--radius-xl-pressed:16px;--sys-elevation-1:0px 1px 2px #0000004d;--sys-elevation-2:0px 3px 6px #0000004d;--sys-elevation-3:0px 6px 12px #0000004d;--card-radius:12px;--card-radius-pressed:8px;--card-padding:16px;--card-padding-md:24px;--card-gap:8px;--card-surface:var(--sys-surface-container-low);--card-drop-shadow:var(--sys-elevation-1);--card-hover-drop-shadow:var(--sys-elevation-2);--card-divider:.5px solid var(--sys-outline-variant);--card-outline:1px solid var(--sys-outline-variant);--chip-sm-height:16px;--chip-sm-radius:4px;--chip-sm-margin:4px;--chip-sm-padding:8px;--chip-sm-with-icon-padding:0 8px 0 6px;--chip-sm-gap:6px;--chip-md-height:24px;--chip-md-radius:6px;--chip-md-margin:6px;--chip-md-padding:12px;--chip-md-with-icon-padding:0 12px 0 8px;--chip-md-gap:8px;--chip-icon-size:56.25%;--popup-overlay:#0006;--popup-radius:28px;--popup-padding:24px;--popup-header-padding:16px;--popup-body-padding:24px;--popup-button-gap:8px;--input-height:48px;--input-x-padding:16px;--input-y-padding:8px;--input-label-padding:4px;--input-outline:1px solid var(--sys-outline);--input-outline-active:2px solid var(--sys-primary);--input-color:var(--sys-surface-container-highest);--input-text-color:var(--sys-on-surface);--input-gap:var(--spacing-sm)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;justify-content:center;align-items:center;line-height:1;display:inline-flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark]{--sys-primary:#ffb785;--sys-surface-tint:#ffb785;--sys-on-primary:#502400;--sys-primary-container:#6e390d;--sys-on-primary-container:#ffdcc6;--sys-secondary:#ffb59d;--sys-on-secondary:#55200c;--sys-secondary-container:#723520;--sys-on-secondary-container:#ffdbd0;--sys-tertiary:#d6c871;--sys-on-tertiary:#373100;--sys-tertiary-container:#504700;--sys-on-tertiary-container:#f3e489;--sys-background:#19120d;--sys-on-background:#f0dfd6;--sys-surface:#1a110f;--sys-on-surface:#f1dfd9;--sys-surface-variant:#45483d;--sys-on-surface-variant:#c5c8b9;--sys-outline:#8f9285;--sys-outline-variant:#45483d;--sys-shadow:#000;--sys-scrim:#000;--sys-inverse-surface:#f1dfd9;--sys-inverse-on-surface:#392e2b;--sys-inverse-primary:#8a5023;--sys-primary-fixed:#ffdcc6;--sys-on-primary-fixed:#301400;--sys-primary-fixed-dim:#ffb785;--sys-on-primary-fixed-variant:#6e390d;--sys-secondary-fixed:#ffdbd0;--sys-on-secondary-fixed:#390b00;--sys-secondary-fixed-dim:#ffb59d;--sys-on-secondary-fixed-variant:#723520;--sys-tertiary-fixed:#f3e489;--sys-on-tertiary-fixed:#201c00;--sys-tertiary-fixed-dim:#d6c871;--sys-on-tertiary-fixed-variant:#504700;--sys-surface-dim:#1a110f;--sys-surface-bright:#423733;--sys-surface-container-lowest:#140c0a;--sys-surface-container-low:#231917;--sys-surface-container:#271d1a;--sys-surface-container-high:#322825;--sys-surface-container-highest:#3d322f}@media (width<768px){:root{--page-padding-x:16px;--page-padding-y:32px}}@media (width>=768px){:root{--page-padding-x:24px;--page-padding-y:32px}}@media (width>=1200px){:root{--page-padding-x:32px;--page-padding-y:32px}}._modalOverlay_1upgo_3{height:100vh;padding:0 var(--page-padding-x);background-color:var(--popup-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;animation:.2s ease-out _fadeIn_1upgo_1;display:flex;position:fixed;top:0;left:0;right:0}._modalOverlay_1upgo_3._closing_1upgo_35{animation:.2s cubic-bezier(0,0,0,1) forwards _fadeOut_1upgo_1}._modalContent_1upgo_45{background-color:var(--sys-surface-container-high);color:var(--sys-on-surface);border-radius:var(--popup-radius);width:90%;max-width:400px;padding:var(--popup-padding);animation:.3s cubic-bezier(0,0,0,1) _slideUp_1upgo_1}._modalContent_1upgo_45._closing_1upgo_35{animation:.3s cubic-bezier(.3,0,1,1) forwards _slideDown_1upgo_1}._modalHeader_1upgo_73{text-align:center;margin-bottom:var(--popup-header-padding)}._modalHeader_1upgo_73 h3{font-size:var(--text-lg);margin:0}._modalHeader_1upgo_73 p{width:80%;font-size:var(--text-xs);margin:8px auto 0;line-height:1.4}._formGroup_1upgo_111{margin-bottom:var(--input-gap)}._formGroup_1upgo_111 label{font-size:var(--text-xs);margin-bottom:var(--input-label-padding);font-weight:600;display:block}._formInput_1upgo_133{width:100%;height:var(--input-height);border:var(--input-outline);border-radius:var(--radius-sm);padding:var(--input-y-padding) var(--input-x-padding);color:var(--input-text-color);font-family:inherit;font-size:var(--text-sm);background:0 0;outline:none;transition:all .2s cubic-bezier(.2,0,0,1)}._formInput_1upgo_133:focus{border:var(--input-outline-active);background-color:var(--input-color)}._formInput_1upgo_133:disabled{background-color:color-mix(in srgb, var(--sys-on-surface) 6%, transparent);color:color-mix(in srgb, var(--sys-on-surface) 57%, transparent);border:1px solid color-mix(in srgb, var(--sys-on-surface) 18%, transparent);font-weight:600}._inputError_1upgo_185{color:var(--sys-danger-primary);font-size:var(--text-2xs);margin-top:4px;display:block}._modalActions_1upgo_201{gap:var(--popup-button-gap);margin-top:var(--popup-body-padding);display:flex}._btn_1upgo_213{flex:1}@keyframes _fadeOut_1upgo_1{0%{opacity:1}to{opacity:0}}@keyframes _slideUp_1upgo_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideDown_1upgo_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}._cropperModal_1upgo_297{width:95%;max-width:600px;padding:var(--popup-padding)}._cropperWrap_1upgo_309{border-radius:var(--popup-radius);width:100%;height:400px;margin-bottom:var(--spacing-sm);background-color:#333;position:relative;overflow:hidden}._cropperControls_1upgo_329{gap:var(--spacing-sm);margin-bottom:var(--popup-body-padding);flex-direction:column;display:flex}._zoomSlider_1upgo_343{cursor:pointer;width:100%}._textSuccess_6tkdd_1{color:var(--sys-success-primary)}._textDanger_6tkdd_5{color:var(--sys-danger-primary)}._md3Btn_23b08_1{font-family:Bai Jamjuree,sans-serif;font-size:var(--text-sm);cursor:pointer;height:var(--button-height-sm);padding:0 var(--spacing-sm);justify-content:center;align-items:center;gap:var(--icon-gap-sm);border-radius:var(--radius-sm);border:none;transition:all .2s cubic-bezier(.2,0,0,1);display:inline-flex;position:relative;overflow:hidden}._md3Btn_23b08_1:active{border-radius:var(--radius-sm-pressed)}._md3Btn_23b08_1>.material-symbols-outlined{font-size:var(--icon-sm)}._primaryButton_23b08_26{background-color:var(--sys-primary);color:var(--sys-on-primary);font-weight:600}._secondaryButton_23b08_32{background-color:var(--sys-secondary);color:var(--sys-on-secondary);font-weight:600}._successButton_23b08_38{background-color:var(--sys-success-primary);color:var(--sys-success-on-primary);font-weight:600}._infoButton_23b08_44{background-color:var(--sys-info-primary);color:var(--sys-info-on-primary);font-weight:600}._warningButton_23b08_50{background-color:var(--sys-warning-primary);color:var(--sys-warning-on-primary);font-weight:600}._cancelButton_23b08_56{border:1px solid var(--sys-outline-variant);color:var(--sys-on-surface-variant);background-color:#0000;font-weight:600}._dangerButton_23b08_63{background-color:var(--sys-danger-primary);color:var(--sys-danger-on-primary);font-weight:600}._logOutButton_23b08_69{background-color:var(--sys-danger-primary-container-full);color:var(--sys-danger-on-primary-container);border-radius:9999px;font-weight:600;font-size:var(--text-xs)!important;height:var(--button-height-xs)!important;padding:0 var(--spacing-xs)!important;gap:var(--icon-gap-xs)!important}._logOutButton_23b08_69:active{border-radius:var(--radius-xs-pressed)!important}._logOutButton_23b08_69>.material-symbols-outlined{font-size:var(--icon-xs)!important}._md3Btn_23b08_1:before{content:"";opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.2,0,0,1);position:absolute;inset:0}._md3Btn_23b08_1:hover:not(:disabled):before{opacity:.08}._md3Btn_23b08_1:focus:not(:disabled):before{opacity:.1}._md3Btn_23b08_1:active:not(:disabled):before{opacity:.12}._primaryButton_23b08_26:before{background-color:var(--sys-on-primary)}._secondaryButton_23b08_32:before{background-color:var(--sys-on-secondary)}._successButton_23b08_38:before{background-color:var(--sys-success-on-primary)}._infoButton_23b08_44:before{background-color:var(--sys-info-on-primary)}._warningButton_23b08_50:before{background-color:var(--sys-warning-on-primary)}._cancelButton_23b08_56:before{background-color:var(--sys-on-surface-variant)}._dangerButton_23b08_63:before{background-color:var(--sys-danger-on-primary)}._logOutButton_23b08_69:before{background-color:var(--sys-danger-on-primary-container)}._md3Btn_23b08_1:disabled{cursor:not-allowed;color:color-mix(in srgb, var(--sys-on-surface) 38%, transparent);background-color:#0000}._md3Btn_23b08_1:disabled:before{background-color:var(--sys-on-surface);opacity:.1}._cancelButton_23b08_56:disabled{border-color:var(--sys-on-surface-variant)}._md3Btn_23b08_1._loading_23b08_159{cursor:progress}._spinner_23b08_163{height:var(--icon-sm);width:var(--icon-sm);animation:1s linear infinite _spin_23b08_163}._spinnerCircle_23b08_169{opacity:.25}._spinnerPath_23b08_173{opacity:.75}._messageBox_1qmhc_1{width:100%;padding:var(--card-padding) 0;border-radius:var(--card-radius);margin-bottom:var(--spacing-sm);text-align:center;font-size:var(--text-xs);font-weight:600;animation:.3s cubic-bezier(.2,0,0,1) _fadeIn_1qmhc_1}._messageSuccess_1qmhc_12{background-color:var(--sys-success-primary-container);color:var(--sys-success-on-primary-container);border:1px solid var(--sys-success-primary)}._messageDanger_1qmhc_18{background-color:var(--sys-danger-primary-container);color:var(--sys-danger-on-primary-container);border:1px solid var(--sys-danger-primary)}._messageWarning_1qmhc_24{background-color:var(--sys-warning-primary-container);color:var(--sys-warning-on-primary-container);border:1px solid var(--sys-warning-primary)}._systemFooter_mwvtk_1{font-family:Niramit,sans-serif;font-size:var(--text-2xs);color:var(--muted-color);padding-bottom:var(--spacing-md);text-align:center;margin-top:auto}._mahidolLoginContainer_wb35t_8{min-height:100vh;padding:var(--page-padding-y) var(--page-padding-x);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}._loginCard_wb35t_18{background-color:var(--card-surface);border-radius:var(--card-radius);border:var(--card-outline);width:100%;max-width:420px;margin-top:auto;margin-bottom:auto;transition:transform .3s cubic-bezier(.2,0,0,1);overflow:hidden}._cardHeader_wb35t_30{background:var(--sys-primary);padding:var(--spacing-lg) var(--spacing-xl);text-align:center;color:var(--sys-on-primary);position:relative}._cardHeader_wb35t_30:after{content:"";background-color:color-mix(in srgb, var(--sys-on-primary) 30%, transparent);width:100%;height:4px;position:absolute;bottom:0;left:0}._logoIcon_wb35t_48{font-size:var(--text-2xl);margin-bottom:var(--spacing-md);display:inline-block}._cardHeader_wb35t_30 h1{font-family:Niramit,sans-serif;font-size:var(--text-lg);letter-spacing:.5px;margin:0;font-weight:700}._cardHeader_wb35t_30 p{font-size:var(--text-sm);color:color-mix(in srgb, var(--sys-on-primary) 90%, transparent);margin:8px 0;font-weight:300}._card-body_wb35t_69{padding:calc(var(--card-padding-md) + 8px) var(--card-padding-md);flex-direction:column;align-items:center;display:flex}._bodyTitle_wb35t_76{text-align:center;margin-bottom:var(--spacing-md)}._bodyTitle_wb35t_76 h2{font-size:var(--text-md);color:var(--header-color);margin:0 0 6px;font-weight:600}._bodyTitle_wb35t_76 p{font-size:var(--text-xs);color:var(--body-color);margin:0;line-height:1.5}._googleButtonWrapper_wb35t_95{justify-content:center;width:100%;min-height:40px;margin-bottom:10px;display:flex}._cardFooter_wb35t_103{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--sys-outline-variant);text-align:center;width:100%;font-size:var(--text-xs)}._cardFooter_wb35t_103 p{font-size:var(--text-2xs);color:var(--muted-color);margin:0;line-height:1.6}._link_wb35t_119{color:var(--sys-primary);cursor:pointer;text-decoration:underline}._loadingWindow_wb35t_129{background-color:var(--sys-background);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._loader_wb35t_141{aspect-ratio:1;clip-path:inset(-45px);width:12px;box-shadow:-60px 15px var(--sys-primary), -60px 15px var(--sys-primary), -60px 15px var(--sys-primary);border-radius:50%;animation:2s linear infinite _l19_wb35t_1;transform:translateY(-15px)}@keyframes _l19_wb35t_1{16.67%{box-shadow:-60px 15px var(--sys-primary), -60px 15px var(--sys-primary), 19px 15px var(--sys-primary)}33.33%{box-shadow:-60px 15px var(--sys-primary), 0px 15px var(--sys-primary), 19px 15px var(--sys-primary)}40%,60%{box-shadow:-19px 15px var(--sys-primary), 0px 15px var(--sys-primary), 19px 15px var(--sys-primary)}66.67%{box-shadow:-19px 15px var(--sys-primary), 0px 15px var(--sys-primary), 60px 15px var(--sys-primary)}83.33%{box-shadow:-19px 15px var(--sys-primary), 60px 15px var(--sys-primary), 60px 15px var(--sys-primary)}to{box-shadow:60px 15px var(--sys-primary), 60px 15px var(--sys-primary), 60px 15px var(--sys-primary)}}._navbar_z94c9_3{background:var(--sys-primary-container);box-shadow:var(--sys-elevation-1);z-index:100;position:sticky;top:0}._navContainer_z94c9_19{max-width:calc(1200px + var(--page-padding-x) * 2);padding:var(--navbar-padding-y) var(--page-padding-x);color:var(--sys-on-primary-container);justify-content:space-between;align-items:center;margin:0 auto;display:flex}._navBrand_z94c9_39{align-items:center;gap:var(--spacing-md);font-family:Niramit,sans-serif;font-size:var(--text-md);cursor:pointer;font-weight:700;display:flex}._userContainer_z94c9_59{background-color:var(--sys-surface-container-low);color:var(--sys-on-surface);padding:6px var(--spacing-xs) 6px 6px;align-items:center;gap:var(--spacing-xs);border-radius:9999px;display:flex}._profilePic_z94c9_79{object-fit:cover;border:2px solid var(--sys-primary);border-radius:50%;width:32px;height:32px}._userInfo_z94c9_95{flex-direction:column;align-items:flex-start;display:flex}._userName_z94c9_107{color:var(--body-color);font-weight:600;font-size:var(--text-xs);margin:0;line-height:1}._userRole_z94c9_123{color:var(--muted-color);font-size:var(--text-2xs);margin:2px 0 0;line-height:1}._divider_z94c9_141{background-color:var(--sys-outline-variant);width:1px;height:24px;margin:0 var(--spacing-xs)}@media (width<=768px){._userInfo_z94c9_95,._logoutText_z94c9_163{display:none}._divider_z94c9_141{margin:0}._userContainer_z94c9_59{gap:var(--spacing-xs);padding:6px}}._dashboardContainer_1u7xl_15{flex-direction:column;min-height:100vh;display:flex}._contentWrapper_1u7xl_29{width:100%;padding:var(--page-padding-y) var(--page-padding-x);max-width:calc(1200px + var(--page-padding-x) * 2);background-color:var(--sys-background);color:var(--sys-on-background);margin:0 auto}._pageHeader_1u7xl_47{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}._pageHeader_1u7xl_47 h2{color:var(--header-color);font-size:var(--header-md);line-height:var(--header-md-line-height);margin:0;font-weight:700}._headerActions_1u7xl_77{align-items:center;gap:var(--button-gap);flex-wrap:wrap;display:flex}._sortDropdownWrapper_1u7xl_91{align-items:center;display:inline-flex;position:relative}._sortDropdown_1u7xl_91{padding:9px 40px 9px var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--sys-outline-variant);font-family:inherit;font-size:var(--text-sm);color:var(--sys-on-surface);background-color:var(--sys-surface);cursor:pointer;box-sizing:border-box;appearance:none;width:100%;transition:all .2s cubic-bezier(.2,0,0,1)}._sortDropdown_1u7xl_91:focus{border-radius:var(--radius-sm-pressed)}._sortDropdownIcon_1u7xl_141{right:var(--spacing-sm);pointer-events:none;color:var(--sys-on-surface);font-size:var(--icon-sm);position:absolute}._routesGrid_1u7xl_159{gap:var(--card-gap);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}._modernRouteCard_1u7xl_171{background:var(--card-surface);border-radius:var(--card-radius);box-shadow:var(--card-drop-shadow);cursor:pointer;flex-direction:column;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden}._modernRouteCard_1u7xl_171:not(._activeBouncing_1u7xl_195):hover{box-shadow:var(--card-hover-drop-shadow);transform:translateY(-2px)}._modernRouteCard_1u7xl_171:active{animation:.5s cubic-bezier(.2,0,0,1) _onCardClick_1u7xl_1}@keyframes _onCardClick_1u7xl_1{0%{box-shadow:var(--card-hover-drop-shadow);border-radius:var(--card-radius);transform:translateY(-2px)}50%{box-shadow:var(--card-drop-shadow);border-radius:var(--card-radius-pressed);transform:translateY(0)}to{box-shadow:var(--card-hover-drop-shadow);border-radius:var(--card-radius);transform:translateY(-2px)}}._cardImageContainer_1u7xl_257{width:100%;height:150px;position:relative}._cardImage_1u7xl_257{object-fit:cover;border-radius:var(--card-radius);width:100%;height:100%}._cardImagePlaceholder_1u7xl_285{background-color:var(--sys-secondary-container);width:100%;height:100%;color:var(--sys-on-secondary-container);border-radius:var(--card-radius);justify-content:center;align-items:center;display:flex}._cardImagePlaceholder_1u7xl_285 .material-symbols-outlined{font-size:24px}._badgesContainer_1u7xl_317{top:var(--spacing-sm);right:var(--spacing-sm);gap:var(--chip-sm-margin);display:flex;position:absolute}._statusBadgeOverlay_1u7xl_333{height:var(--chip-sm-height);align-items:center;gap:var(--chip-sm-gap);padding:var(--chip-sm-with-icon-padding);border-radius:var(--chip-sm-radius);font-size:var(--text-3xs);box-shadow:var(--sys-elevation-1);font-weight:700;display:flex}._statusBadgeOverlay_1u7xl_333 ._dot_1u7xl_357{height:calc(var(--chip-icon-size) / 2);aspect-ratio:1;border-radius:50%}._statusActiveOverlay_1u7xl_369{background:var(--sys-success-primary-container);color:var(--sys-success-on-primary-container)}._statusActiveOverlay_1u7xl_369 ._dot_1u7xl_357{background:var(--sys-success-on-primary-container);animation:1.5s infinite _dotPulseSuccess_1u7xl_1}@keyframes _dotPulseSuccess_1u7xl_1{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sys-success-on-primary-container) 50%, transparent)}70%{box-shadow:0 0 0 4px color-mix(in srgb, var(--sys-success-on-primary-container) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--sys-success-on-primary-container) 0%, transparent)}}._statusPendingOverlay_1u7xl_417{background:var(--sys-warning-primary-container);color:var(--sys-warning-on-primary-container)}._statusPendingOverlay_1u7xl_417 ._dot_1u7xl_357{background:var(--sys-warning-on-primary-container)}._liveBadgeOverlay_1u7xl_435{background:var(--sys-danger-primary-container);color:var(--sys-danger-on-primary-container)}._liveBadgeOverlay_1u7xl_435 ._dot_1u7xl_357{background:var(--sys-danger-on-primary-container);animation:1.5s infinite _dotPulseDanger_1u7xl_1}@keyframes _dotPulseDanger_1u7xl_1{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sys-danger-on-primary-container) 50%, transparent)}70%{box-shadow:0 0 0 4px color-mix(in srgb, var(--sys-danger-on-primary-container) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--sys-danger-on-primary-container) 0%, transparent)}}._upcomingBadgeOverlay_1u7xl_483{background:var(--sys-info-primary-container);color:var(--sys-info-on-primary-container)}._upcomingBadgeOverlay_1u7xl_483 ._dot_1u7xl_357{background:var(--sys-info-on-primary-container);animation:1.5s infinite _dotPulseInfo_1u7xl_1}@keyframes _dotPulseInfo_1u7xl_1{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sys-info-on-primary-container) 50%, transparent)}70%{box-shadow:0 0 0 4px color-mix(in srgb, var(--sys-info-on-primary-container) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--sys-info-on-primary-container) 0%, transparent)}}._cardContent_1u7xl_533{padding:var(--card-padding);gap:var(--spacing-xs);flex-direction:column;display:flex}._cardHeaderCompact_1u7xl_549{align-items:baseline;gap:var(--spacing-xs);display:flex}._idBox_1u7xl_561{background:var(--sys-primary-container);color:var(--sys-on-primary-container);height:var(--chip-md-height);padding:0 var(--chip-md-padding);border-radius:var(--chip-md-radius);font-weight:700;font-size:var(--text-xs);flex-shrink:0;align-items:center;line-height:1;display:flex}._cardTitleCompact_1u7xl_589{font-size:var(--text-sm);color:var(--text-content);-webkit-line-clamp:2;line-clamp:2;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;max-height:2.9em;margin:0;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}._cardFooterCompact_1u7xl_625{padding-top:var(--spacing-xs);border-top:var(--card-divider);justify-content:space-between;align-items:center;display:flex}._cardFooterContent_1u7xl_641{flex-direction:column;gap:2px;display:flex}._dateTextCompact_1u7xl_653,._locationTextCompact_1u7xl_655{align-items:flex-start;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--text-2xs);margin:0;line-height:1.5;display:flex}._dateTextClamp_1u7xl_675,._locationTextClamp_1u7xl_677{-webkit-line-clamp:2;line-clamp:2;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;max-height:2.9em;display:-webkit-box;overflow:hidden}._dateTextCompact_1u7xl_653 .material-symbols-outlined,._locationTextCompact_1u7xl_655 .material-symbols-outlined{color:var(--brand-primary);margin-top:2px;font-size:14px}._enterArrowCompact_1u7xl_713{width:20px;height:20px;color:color-mix(in srgb, var(--sys-on-primary-container) 38%, transparent);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}._enterArrowCompact_1u7xl_713 .material-symbols-outlined{font-size:16px}._modernRouteCard_1u7xl_171:hover ._enterArrowCompact_1u7xl_713{color:var(--sys-on-primary-container);transform:translate(2px)}._liveBouncing_1u7xl_761{border:1px solid var(--sys-danger-primary);animation:2s ease-in-out infinite _cardBounceDanger_1u7xl_1}._liveBouncing_1u7xl_761:hover{box-shadow:0px 4.5px 9px color-mix(in srgb, var(--sys-danger-primary) 25%, transparent);animation-play-state:paused;transform:translateY(-4px)}._liveBouncing_1u7xl_761 ._enterArrowCompact_1u7xl_713,._liveBouncing_1u7xl_761:hover ._enterArrowCompact_1u7xl_713{color:var(--sys-danger-primary)!important}@keyframes _cardBounceDanger_1u7xl_1{0%,to{box-shadow:0px 3px 6px color-mix(in srgb, var(--sys-danger-primary) 10%, transparent);transform:translateY(0)}50%{box-shadow:0px 6px 12px color-mix(in srgb, var(--sys-danger-primary) 40%, transparent);transform:translateY(-4px)}}._upcomingBouncing_1u7xl_827{border:1px solid var(--sys-info-primary);animation:2s ease-in-out infinite _cardBounceInfo_1u7xl_1}._upcomingBouncing_1u7xl_827:hover{box-shadow:0px 4.5px 9px color-mix(in srgb, var(--sys-info-primary) 25%, transparent);animation-play-state:paused;transform:translateY(-4px)}._upcomingBouncing_1u7xl_827 ._enterArrowCompact_1u7xl_713{color:cvar(--sys-info-primary)!important}._upcomingBouncing_1u7xl_827:hover ._enterArrowCompact_1u7xl_713{color:var(--sys-info-primary)!important}@keyframes _cardBounceInfo_1u7xl_1{0%,to{box-shadow:0px 3px 6px color-mix(in srgb, var(--sys-info-primary) 10%, transparent);transform:translateY(0)}50%{box-shadow:0px 6px 12px color-mix(in srgb, var(--sys-info-primary) 40%, transparent);transform:translateY(-4px)}}@media (width<=768px){._pageHeader_1u7xl_47 h2{font-size:var(--header-sm);line-height:var(--header-sm-line-height)}._routesGrid_1u7xl_159{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}._headerActions_1u7xl_77{width:100%}._headerActions_1u7xl_77>*{flex:0 0 calc(50% - 6px);width:100%}}*{box-sizing:border-box}body{background-color:var(--sys-background);color:var(--body-color);margin:0;font-family:Bai Jamjuree,sans-serif}._inputError_b4jxl_27{font-size:var(--text-2xs);margin-top:4px;display:block}._dashboardContainer_b4jxl_39{flex-direction:column;min-height:100vh;display:flex}._contentWrapper_b4jxl_53{width:100%;padding:var(--page-padding-y) var(--page-padding-x);max-width:calc(1200px + var(--page-padding-x) * 2);background-color:var(--sys-background);color:var(--sys-on-background);margin:0 auto}._pageHeader_b4jxl_71{margin-bottom:var(--spacing-md)}._pageHeader_b4jxl_71 h2{color:var(--header-color);font-size:var(--header-md);line-height:var(--header-md-line-height);margin:0;font-weight:700}@media (width<=768px){._pageHeader_b4jxl_71 h2{font-size:var(--header-sm);line-height:var(--header-sm-line-height)}}._formCard_b4jxl_111{background:var(--card-surface);border-radius:var(--card-radius);box-shadow:var(--card-drop-shadow);padding:0 var(--card-padding-md);flex-direction:column;align-items:start;display:flex;overflow:hidden}@media (width>=768px){._formCard_b4jxl_111{flex-flow:wrap;align-items:stretch}}._imageComponent_b4jxl_151{flex-direction:column;flex-shrink:0;justify-content:flex-start;width:100%;display:flex}@media (width>=768px){._imageComponent_b4jxl_151{width:40%}}._imageContainer_b4jxl_179{aspect-ratio:16/9;border-radius:var(--card-radius);background-color:var(--sys-secondary-container);width:100%;box-shadow:var(--sys-elevation-1);position:relative;overflow:hidden}._coverImage_b4jxl_199{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}._imagePlaceholder_b4jxl_217{width:100%;height:100%;color:var(--sys-on-secondary-container);flex-direction:column;justify-content:center;align-items:center;padding:.75rem;display:flex;position:absolute;top:0;left:0}._imagePlaceholderText_b4jxl_245{margin-top:var(--spacing-xs);font-size:var(--text-xs);text-align:center;font-weight:500}._btnChangeImage_b4jxl_259{cursor:pointer;font-family:inherit;font-size:var(--text-xs);height:var(--button-height-xs);padding:0 var(--spacing-xs);justify-content:center;align-items:center;gap:var(--icon-gap-xs);background:var(--sys-surface-container-low);color:var(--sys-on-surface);box-shadow:var(--sys-elevation-1);border:none;border-radius:9999px;font-weight:600;transition:all .2s cubic-bezier(.2,0,0,1);display:inline-flex;position:absolute;bottom:.75rem;right:.75rem;overflow:hidden}._btnChangeImage_b4jxl_259:active{border-radius:var(--radius-xs-pressed)}._btnChangeImage_b4jxl_259>.material-symbols-outlined{font-size:var(--icon-xs)}._btnChangeImage_b4jxl_259:before{content:"";opacity:0;pointer-events:none;background-color:var(--sys-on-surface);transition:opacity .2s cubic-bezier(.2,0,0,1);position:absolute;inset:0}._btnChangeImage_b4jxl_259:hover:not(:disabled):before{opacity:.08}._btnChangeImage_b4jxl_259:active:not(:disabled):before{opacity:.12}._imageHint_b4jxl_363{font-size:var(--text-2xs);color:var(--muted-color);text-align:center;width:100%;margin-top:1rem}._formSection_b4jxl_381{gap:var(--spacing-md);width:100%;padding:var(--spacing-md) 0;flex-direction:column;display:flex}._formSection_b4jxl_381+._formSection_b4jxl_381{border-top:var(--card-divider)}._sectionHeader_b4jxl_405{align-items:center;gap:var(--spacing-sm);display:flex}._sectionHeader_b4jxl_405 h3{font-size:var(--text-md);margin:0;font-weight:700}._sectionHeaderIcon_b4jxl_429{color:var(--sys-primary);font-size:var(--text-md)!important}._formComponent_b4jxl_439{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}@media (width>=768px){._formComponent_b4jxl_439{flex-direction:row}}._formGrid_b4jxl_465,._formGridShrink_b4jxl_467{gap:var(--input-gap);flex-grow:1;grid-template-columns:repeat(2,1fr);display:grid}._formGrid_b4jxl_465>div,._formGridShrink_b4jxl_467>div{grid-column:span 2}._colSpanShrink_b4jxl_491{grid-column:span 1!important}@media (width>=768px){._formGrid_b4jxl_465{grid-template-columns:repeat(4,1fr)}._formGrid_b4jxl_465>div{grid-column:span 1}._formGrid_b4jxl_465>._colSpan_b4jxl_491{grid-column:span 2!important}._formGrid_b4jxl_465>._colSpanThree_b4jxl_525{grid-column:span 3!important}._formGrid_b4jxl_465>._colSpanFull_b4jxl_533{grid-column:span 4!important}}@media ((width>=640px) and ((width<768px))) or (width>=1200px){._formGridShrink_b4jxl_467{grid-template-columns:repeat(3,1fr)}._formGridShrink_b4jxl_467>div{grid-column:span 1}._formGridShrink_b4jxl_467>._colSpan_b4jxl_491{grid-column:span 2!important}._formGridShrink_b4jxl_467>._colSpanFull_b4jxl_533{grid-column:span 3!important}}._formLabel_b4jxl_581{font-size:var(--text-xs);margin-bottom:var(--input-label-padding);font-weight:700;display:block}._formInput_b4jxl_597{width:100%;height:var(--input-height);border:var(--input-outline);border-radius:var(--radius-sm);padding:var(--input-y-padding) var(--input-x-padding);color:var(--input-text-color);font-family:inherit;font-size:var(--text-sm);background:0 0;outline:none;transition:all .2s cubic-bezier(.2,0,0,1)}._formInput_b4jxl_597:focus{border:var(--input-outline-active);background-color:var(--input-color)}._formInput_b4jxl_597:disabled{background-color:color-mix(in srgb, var(--sys-on-surface) 6%, transparent);color:color-mix(in srgb, var(--sys-on-surface) 57%, transparent);border:1px solid color-mix(in srgb, var(--sys-on-surface) 18%, transparent);font-weight:600}textarea._formInput_b4jxl_597{resize:none;line-height:1.6;height:calc(var(--input-height) * 4)!important}._iosFix_b4jxl_681{box-sizing:border-box;appearance:none;min-width:0;max-width:100%;line-height:normal}._actionsContainer_b4jxl_701{justify-content:flex-end;align-items:center;gap:var(--spacing-md);flex-direction:column-reverse;display:flex}@media (width>=640px){._actionsContainer_b4jxl_701{flex-direction:row}}._btn_b4jxl_259{width:100%}@media (width>=640px){._btn_b4jxl_259{width:auto}}._spinner_b4jxl_749{color:#fff;width:1.25rem;height:1.25rem;animation:1s linear infinite _spin_b4jxl_749}@keyframes _spin_b4jxl_749{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._mapWrapper_b4jxl_785{border-radius:var(--radius-lg);width:100%;height:250px;margin-bottom:var(--spacing-md);border:1px solid var(--outline-strong);position:relative;overflow:hidden}._openStreetMap_b4jxl_805{z-index:1;width:100%;height:100%}._leafletContainer_b4jxl_817{font-family:Sarabun,sans-serif!important}._leafletPane_b4jxl_825{z-index:10!important}._leafletTop_b4jxl_833,._leafletBottom_b4jxl_835{z-index:20!important}._leafletControlAttribution_b4jxl_843{display:none}._centerMarker_b4jxl_851{z-index:30;pointer-events:none;filter:drop-shadow(0 4px 6px #0000004d);transition:transform .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}._coordInputs_b4jxl_873{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}._coordGroup_b4jxl_885{flex:1;min-width:120px;position:relative}._coordPrefix_b4jxl_897{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}._coordInput_b4jxl_873{padding-left:3rem!important}._btnGps_b4jxl_925{height:var(--input-height);aspect-ratio:1;background-color:var(--sys-secondary-container);color:var(--sys-on-secondary-container);padding:0 var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;gap:var(--icon-gap-sm);box-shadow:var(--sys-elevation-1);border:none;outline:none;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;font-family:Bai Jamjuree,sans-serif;transition:all .2s;display:flex;position:relative;overflow:hidden}._btnGps_b4jxl_925 ._currentLocationlabel_b4jxl_971{font-size:var(--text-sm);font-weight:600;display:none}@media (width<=500px){._btnGps_b4jxl_925{flex-basis:100%}._btnGps_b4jxl_925 ._currentLocationlabel_b4jxl_971{display:block}}._btnGps_b4jxl_925:active{border-radius:var(--radius-xs-pressed)}._btnGps_b4jxl_925:disabled{box-shadow:none;background-color:color-mix(in srgb, var(--sys-on-surface), transparent 90%);color:color-mix(in srgb, var(--sys-on-surface), transparent 62%)}._btnGps_b4jxl_925>.material-symbols-outlined{font-size:var(--text-2xs)}._btnGps_b4jxl_925:before{content:"";opacity:0;pointer-events:none;background-color:var(--sys-on-secondary-container);transition:opacity .2s cubic-bezier(.2,0,0,1);position:absolute;inset:0}._btnGps_b4jxl_925:hover:not(:disabled):before{opacity:.08}._btnGps_b4jxl_925:active:not(:disabled):before{opacity:.12}._gpsSpinner_b4jxl_1073{animation:1.5s linear infinite _spin_b4jxl_749}._dropdownContainer_b4jxl_1081{background-color:var(--sys-surface-container);border-radius:var(--radius-sm);box-shadow:var(--sys-elevation-2);z-index:10;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}._dropdownItemHover_b4jxl_1109{position:relative;overflow:hidden}._dropdownItemHover_b4jxl_1109:before{content:"";opacity:0;pointer-events:none;background-color:var(--sys-on-surface);transition:opacity .2s cubic-bezier(.2,0,0,1);position:absolute;inset:0}._dropdownItemHover_b4jxl_1109:hover:before{opacity:.08}._dropdownItemHover_b4jxl_1109:active:before{opacity:.12}._themeToggleBtn_14qvl_1{background-color:var(--sys-surface-container);width:48px;height:48px;color:var(--sys-on-surface);box-shadow:var(--sys-elevation-2);cursor:pointer;z-index:9999;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:20px;left:20px;overflow:hidden}._themeToggleBtn_14qvl_1:before{content:"";opacity:0;background-color:var(--sys-on-surface);border-radius:50%;width:100%;height:100%;transition:opacity .2s cubic-bezier(.2,0,0,1);position:absolute;top:0;left:0}._themeToggleBtn_14qvl_1:hover{box-shadow:var(--sys-elevation-3);transform:scale(1.1)rotate(15deg)}._themeToggleBtn_14qvl_1:active{box-shadow:var(--sys-elevation-2);transform:scale(1)rotate(15deg)}._themeToggleBtn_14qvl_1:hover:before{opacity:.08}._themeToggleBtn_14qvl_1:active:before{opacity:.12}._themeToggleBtn_14qvl_1 .material-symbols-outlined{font-size:24px}