@font-face{font-family:Bai Jamjuree;src:url(/assets/BaiJamjuree-Regular-C8Ab1JOR.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Bai Jamjuree;src:url(/assets/BaiJamjuree-Medium-BY8LWt3L.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Bai Jamjuree;src:url(/assets/BaiJamjuree-Bold-D8TxKkAc.woff2) format("woff2");font-weight:700;font-style:normal}:root{color-scheme:light;--fontFamily: "Bai Jamjuree", "Roboto", sans-serif;--colorPrimary: rgba(20, 56, 149, 1);--colorPrimaryRgb: 20, 56, 149;--colorNavBackground: rgba(32, 58, 105, 1);--navBackgroundImage: url(/assets/nav-background-CUsbKmhE.jpg)}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100%;margin:0;background:#f4f6f8;font-family:var(--fontFamily)}#root{width:100%;height:100%}*{scrollbar-width:thin;scrollbar-color:#104ec2 #e2e8f0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#e2e8f0;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#104ec2,#0a2557);border-radius:999px;border:2px solid #e2e8f0}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#104ec2)}::-webkit-scrollbar-button,::-webkit-scrollbar-button:single-button,::-webkit-scrollbar-button:start,::-webkit-scrollbar-button:end,::-webkit-scrollbar-button:vertical:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:horizontal:end:increment{display:none!important;width:0!important;height:0!important;background:transparent!important}::-webkit-scrollbar-corner{background:transparent}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.layout{display:flex;height:100vh;height:100dvh;overflow:hidden}.layout__main{display:flex;flex-direction:column;flex:1;min-width:0;height:100vh;height:100dvh}.layout__content{flex:1;min-height:0}.layout__content .simplebar-content{min-height:100%;display:flex;flex-direction:column}.layout__inner{flex:1;display:flex;flex-direction:column;padding:40px}.layout__backdrop{position:fixed;inset:0;background:#0a172e80;border:none;padding:0;z-index:90;cursor:pointer}@media(max-width:1024px){.layout__inner{padding:24px}}@media(max-width:640px){.layout__inner{padding:20px 16px 84px}}.simplebar-scrollbar:before{background:linear-gradient(180deg,#104ec2,#0a2557);opacity:1;border-radius:999px}.simplebar-track.simplebar-vertical{width:10px;background:#e2e8f0;border-radius:999px;margin:4px 2px}.simplebar-track.simplebar-horizontal{height:10px;background:#e2e8f0;border-radius:999px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{left:2px;right:2px}.sidebar{position:relative;display:flex;flex-direction:column;width:200px;flex-shrink:0;background:var(--colorNavBackground);overflow:hidden;transition:width .2s ease,transform .2s ease;white-space:nowrap}.sidebar:before{content:"";position:absolute;inset:0;background-image:var(--navBackgroundImage);background-size:cover;background-position:center;mix-blend-mode:hard-light;pointer-events:none}.sidebar>*{position:relative;z-index:1}.sidebar--collapsed{width:0}@media(min-width:641px)and (max-width:1024px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;width:260px;transform:translate(0);box-shadow:8px 0 24px #0a172e40}.sidebar--collapsed{width:260px;transform:translate(-100%);box-shadow:none}}@media(max-width:640px){.sidebar{position:fixed;inset:0 0 0 auto;z-index:110;width:260px;transform:translate(0);box-shadow:-8px 0 24px #0a172e40}.sidebar--collapsed{width:260px;transform:translate(100%);box-shadow:none}}.sidebar__header{padding:18px 12px}.sidebar__logo{width:150px;display:block}.sidebar__nav{flex:1;min-height:0}.sidebar__nav .simplebar-content{display:flex;flex-direction:column;min-height:100%}.sidebar__navInner{display:flex;flex-direction:column;gap:14px;padding:8px 9px;flex:1}.sidebar__group{display:flex;flex-direction:column;gap:4px}.sidebar__groupTitle{padding:0 12px;margin-bottom:4px;color:#fff9;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sidebar__link{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:8px;background:#fff;color:#6f8da9;text-decoration:none;font-weight:500;font-size:13px}.sidebar__link:hover{background:#f1f5f9}.sidebar__link.is-active{background:#abd6fe;color:#3f557d;font-weight:700}.sidebar__icon{flex-shrink:0;color:inherit}.sidebar__label{white-space:normal;line-height:1.3}.sidebar__link--toggle{width:100%;justify-content:space-between;background:transparent;border:none;font-family:inherit;cursor:pointer}.sidebar__link--toggle.is-open{background:#ffffff1a}.sidebar__linkContent{display:flex;align-items:center;gap:10px}.sidebar__chevron{transition:transform .15s ease}.sidebar__link--toggle.is-open .sidebar__chevron{transform:rotate(90deg)}.sidebar__submenuItems{display:flex;flex-direction:column;gap:2px;padding-left:12px;margin-top:2px}.sidebar__submenuItems .sidebar__link{font-size:12px;padding:7px 12px}.header{position:relative;height:64px;display:flex;align-items:center;gap:16px;padding:0 40px 0 24px;margin:10px 10px 0;border:1px solid #abd6fe;border-radius:14px;background:var(--colorNavBackground)}.header:before{content:"";position:absolute;inset:0;border-radius:inherit;overflow:hidden;background-image:var(--navBackgroundImage);background-size:cover;background-position:center;mix-blend-mode:hard-light;pointer-events:none}.header>*{position:relative;z-index:1}.header__toggle{display:none;background:transparent;border:none;cursor:pointer;color:#fff;padding:6px;border-radius:6px}.header__toggle:hover{background:#ffffff26}.header__notification{display:flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;width:36px;height:36px;border-radius:12px;flex-shrink:0}.header__notification:hover{opacity:.9}.header__badge{display:flex;align-items:center;flex:1;min-width:0}.header__badgeLogo{height:54px;width:auto}.header__profileMenu{position:relative;flex-shrink:0}.header__avatar{display:flex;align-items:center;gap:4px;background:#fff;border:none;border-radius:999px;padding:4px;cursor:pointer}.header__avatar:hover{opacity:.9}.header__avatarCircle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--colorPrimary);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.header__avatarName{display:flex;align-items:center;height:32px;padding:0 16px;border-radius:999px;background:var(--colorPrimary);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}@media(max-width:640px){.header__avatarName{display:none}}.header__dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:10px;box-shadow:0 12px 32px #0a172e2e;padding:6px;min-width:160px;z-index:110}.header__dropdownItem{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;padding:10px 12px;border-radius:8px;color:#334155;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;text-align:left}.header__dropdownItem:hover{background:#f1f5f9}@media(max-width:1024px){.header__toggle{display:flex}.header{padding:0 24px}}@media(max-width:640px){.header{padding:0 16px;gap:10px}.header__toggle,.header__badgeSubtitle{display:none}}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:stretch;justify-content:space-between;gap:2px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--colorNavBackground);box-shadow:0 -2px 12px #0a172e4d}.bottomNav:before{content:"";position:absolute;inset:0;background-image:var(--navBackgroundImage);background-size:cover;background-position:center;mix-blend-mode:hard-light;pointer-events:none}.bottomNav>*{position:relative;z-index:1}.bottomNav__item{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;border-radius:12px;color:#ffffffa6;text-decoration:none}.bottomNav__item.is-active{color:#fff;background:#ffffff24}.bottomNav__icon{flex-shrink:0}.bottomNav__label{display:flex;align-items:center;justify-content:center;min-height:20px;max-width:100%;font-size:8.5px;font-weight:600;line-height:1.15;text-align:center}.bottomNav__more{border:none;background:transparent;cursor:pointer;font-family:inherit}.bottomNav__more:hover{opacity:.9}.passwordInput{position:relative;display:flex}.passwordInput input{width:100%;padding-right:38px!important}.passwordInput__toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center}.passwordInput__toggle:hover{color:#104ec2}.login{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px;background:linear-gradient(180deg,#5590f5,#a8d4ff 55%,#aed6ff);overflow:hidden}.login:before{content:"";position:absolute;inset:0;background-image:var(--navBackgroundImage);background-size:cover;background-position:center;transform:scale(1.25);mix-blend-mode:overlay;opacity:.3;pointer-events:none}.login>*{position:relative;z-index:1}.login__logo{width:340px}.login__card{width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px;box-shadow:0 12px 32px #0000000d}.login__title{margin:0;font-size:28px;font-weight:700;color:#0f172a}.login__subtitle{margin:-16px 0 0;font-size:14px;font-weight:400;color:#64748b}.login__fields{display:flex;flex-direction:column;gap:24px}.login__field{display:flex;flex-direction:column;gap:8px}.login__label{font-size:14px;font-weight:500;color:#334155}.login__field input{height:48px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:0 16px;font-family:inherit;font-size:14px;color:#0f172a}.login__field input::placeholder{color:#94a3b8}.login__field input:focus{outline:none;border-color:#104ec2}.login__options{display:flex;align-items:center;justify-content:space-between;margin-top:-12px}.login__remember{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#334155;cursor:pointer}.login__remember input{width:16px;height:16px;accent-color:#104ec2;cursor:pointer}.login__forgot{font-size:14px;font-weight:500;color:#0f172a;text-decoration:none}.login__forgot:hover{text-decoration:underline}.login__error{margin:0;padding:12px 16px;border-radius:12px;background:#fef2f2;color:#b91c1c;font-size:13px}.login__submit{height:48px;border:none;border-radius:12px;background:linear-gradient(257.49deg,#104ec2 60.97%,#abd6fe 94.74% 95.15%);color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #11362d1a}.login__submit:hover{opacity:.95}.login__submit:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.login__logo{width:220px}.login__card{padding:28px 20px;border-radius:18px}.login__title{font-size:23px}}.statCard{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px}.statCard__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.statCard__title{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.statCard__iconWrap{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#0a2557;color:#fff;flex-shrink:0}.statCard__value{font-size:28px;font-weight:700;color:#0f172a}.statCard__delta{display:inline-flex;align-items:center;align-self:flex-start;background:var(--colorPrimary);color:#fff;font-weight:700;font-size:11px;padding:4px 10px;border-radius:999px}.pageIntro h1{margin:0 0 6px;font-size:22px;font-weight:700;color:#0f172a}.pageIntro p{margin:0;color:#64748b;font-size:14px;max-width:640px}@media(max-width:640px){.pageIntro h1{font-size:19px}}.dashboardChart__canvas{height:280px}.dashboardChart__legend{display:flex;gap:20px;margin-top:12px;font-size:12px;color:#475569}.dashboardChart__legend span{display:flex;align-items:center;gap:6px}.dashboardChart__legend i{width:8px;height:8px;border-radius:50%;display:inline-block}@media(max-width:640px){.dashboardChart__canvas{height:220px}.dashboardChart__legend{flex-wrap:wrap;gap:12px}}.dashboard{display:flex;flex-direction:column;gap:20px}.dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px}.dashboard__card h2{margin:0 0 4px;font-size:16px;font-weight:700;color:#0f172a}.dashboard__cardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.dashboard__cardHeader p{margin:0;font-size:12px;color:#64748b}.dashboard__toggle{display:flex;gap:4px;background:#f1f5f9;border-radius:8px;padding:4px;flex-shrink:0}.dashboard__toggle button{border:none;background:transparent;padding:6px 12px;border-radius:6px;font-family:inherit;font-size:12px;font-weight:600;color:#64748b;cursor:pointer}.dashboard__toggle button.is-active{background:#104ec2;color:#fff}.dashboard__bottom{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.dashboard__tableScroll{overflow-x:auto}.dashboard__table{width:100%;min-width:420px;border-collapse:collapse;font-size:13px}.dashboard__table th{text-align:left;padding:8px 12px;color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e2e8f0}.dashboard__table td{padding:10px 12px;color:#334155;border-bottom:1px solid #f1f5f9}.dashboard__table tr:last-child td{border-bottom:none}.dashboard__activityList{list-style:none;margin:0;padding:0}.dashboard__activityItem{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid #f1f5f9}.dashboard__activityItem:last-child{border-bottom:none;padding-bottom:0}.dashboard__activityTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.dashboard__activityEvent{font-size:13px;font-weight:700;color:#0f172a}.dashboard__activityDate{flex-shrink:0;font-size:11px;color:#94a3b8}.dashboard__activityMeta{font-size:12px;color:#64748b}.dashboard__flowText{margin:0;color:#475569;font-size:13px;line-height:1.6}@media(max-width:1024px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}.dashboard__bottom{grid-template-columns:1fr}}@media(max-width:640px){.dashboard__stats{grid-template-columns:1fr}.dashboard__card{padding:16px}.dashboard__cardHeader{flex-wrap:wrap}}.formField{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.formField:last-child{margin-bottom:0}.formField__label{font-family:"Bai Jamjuree",inherit;font-weight:500;font-size:16px;color:var(--colorPrimary)}.formField .select{width:100%}.formField .select .select__trigger{border-radius:5px}.formField input[type=text],.formField input[type=password],.formField input[type=number],.formField input[type=email],.formField input[type=tel],.formField select{width:100%;height:36px;border:1px solid var(--colorPrimary);border-radius:5px;padding:0 12px;font-family:inherit;font-size:13px;color:#0f172a}.formField input[type=text]::placeholder,.formField input[type=password]::placeholder,.formField input[type=number]::placeholder,.formField input[type=email]::placeholder,.formField input[type=tel]::placeholder,.formField select::placeholder{color:#94a3b8}.formField input[type=text]:focus,.formField input[type=password]:focus,.formField input[type=number]:focus,.formField input[type=email]:focus,.formField input[type=tel]:focus,.formField select:focus{outline:none;border-color:#104ec2}.formField__checkbox{display:flex;flex-direction:row;align-items:center;gap:8px}.formField__checkbox input{width:16px;height:16px;accent-color:#104ec2}.formField__error{font-size:12px;color:#e22c2c}.formField__hint{font-size:11px;color:#94a3b8}.select{position:relative;display:inline-flex;flex-shrink:0}.select__trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:36px;border-radius:8px;font-family:inherit;font-size:13px;cursor:pointer}.select__trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__icon{flex-shrink:0;transition:transform .15s ease}.select.is-open .select__icon{transform:rotate(180deg)}.select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 24px #0f172a1f;list-style:none;margin:0;padding:6px;z-index:20;max-height:240px;overflow-y:auto}.select__option{padding:8px 12px;border-radius:6px;font-size:13px;color:#0f172a;cursor:pointer;white-space:nowrap}.select__option:hover{background:#eef2ff}.select__option.is-selected{background:var(--colorPrimary);color:#fff}.select--filled .select__trigger{border:1px solid var(--colorPrimary);background:var(--colorPrimary);color:#fff;padding:0 13px;font-weight:600}.select--filled .select__icon{color:#fff}.select--outline .select__trigger{border:1px solid var(--colorPrimary);background:#fff;color:#0f172a;padding:0 12px}.select--outline .select__icon{color:var(--colorPrimary)}.ratesPage{display:flex;flex-direction:column;gap:20px}.ratesPage__card{background:#fff;border:1px solid #dae3df;border-radius:14px;box-shadow:0 2px 4px #243c300f;overflow:hidden}.ratesPage__cardHeader{display:flex;align-items:center;height:69px;padding:0 20px;border-bottom:1px solid #dae3df}.ratesPage__cardHeader h2{margin:0;font-size:24px;font-weight:600;color:#303d40}.ratesPage__cardBody{display:flex;flex-direction:column;gap:4px;padding:12px 24px 20px}.ratesPage__row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ratesPage__resultCard{background:#fff;border:1px solid #dae3df;border-radius:9px;box-shadow:0 1px 2px #243c300f;overflow:hidden}.ratesPage__resultHeader{display:flex;align-items:center;height:37px;padding:0 14px;border-bottom:1px solid #dae3df}.ratesPage__resultHeader h3{margin:0;font-size:12px;font-weight:700;color:#303d40}.ratesPage__resultScroll{overflow-x:auto}.ratesPage__resultTable,.ratesPage__studentsTable{width:100%;min-width:640px;border-collapse:collapse;font-size:12px}.ratesPage__resultTable th,.ratesPage__studentsTable th{text-align:left;padding:8px 14px;color:#595d60;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid #dae3df;white-space:nowrap}.ratesPage__resultTable td,.ratesPage__studentsTable td{padding:10px 14px;color:#303d40;border-bottom:1px solid #dde6e1}.ratesPage__resultTable tr:last-child td,.ratesPage__studentsTable tr:last-child td{border-bottom:none}.ratesPage__resultValue{font-family:Nunito Sans,sans-serif}.ratesPage__resultMuted{color:#7b878e}.ratesPage__chartCard{background:#fff;border:1px solid #dae3df;border-radius:9px;overflow:hidden}.ratesPage__chartHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 14px;border-bottom:1px solid #dae3df}.ratesPage__chartHeader h3{margin:0;font-size:15px;font-weight:700;color:#303d40}.ratesPage__chartHeader p{margin:2px 0 0;font-size:11px;color:#7b878e}.ratesPage__toggle{display:flex;align-items:center;gap:2px;flex-shrink:0;background:#eaeaea;border-radius:10px;padding:3px}.ratesPage__toggle button{border:none;background:transparent;padding:5px 12px;border-radius:8px;font-family:inherit;font-size:11px;font-weight:700;color:#17282c;cursor:pointer}.ratesPage__toggle button.is-active{background:#104ec2;color:#fff}@media(max-width:1024px){.ratesPage__row{grid-template-columns:1fr;gap:0}}@media(max-width:640px){.ratesPage__cardHeader{height:auto;padding:14px 16px}.ratesPage__cardHeader h2{font-size:19px}.ratesPage__cardBody{padding:12px 16px 16px}.ratesPage__chartHeader{flex-wrap:wrap}}.button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid transparent;border-radius:5px;font-family:"Bai Jamjuree",inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary,.button--secondary{background:var(--colorPrimary);color:#fff;border-color:var(--colorPrimary)}.button--primary:hover:not(:disabled),.button--secondary:hover:not(:disabled){opacity:.92}.iconButton{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;cursor:pointer;flex-shrink:0}.iconButton:hover{opacity:.85}.iconButton--primary,.iconButton--danger{background:var(--colorPrimary);color:#fff}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:10px;border:1px solid transparent;font-size:12px;font-weight:600;white-space:nowrap}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--success{border-color:#3bedb4;color:#3bedb4}.badge--danger{border-color:#fb4747;color:#fb4747}.badge--warning{border-color:#ffc871;color:#ffc871}.badge--neutral{border-color:#cbd5e1;color:#64748b}.searchInput{position:relative;display:flex;align-items:center;width:100%;max-width:240px;flex-shrink:0}.searchInput input{width:100%;height:36px;border:1px solid var(--colorPrimary);border-radius:8px;background:#fff;padding:0 36px 0 14px;font-family:inherit;font-size:13px;color:var(--colorPrimary)}.searchInput input::placeholder{color:var(--colorPrimary);opacity:1}.searchInput input:focus{outline:none;border-color:#104ec2}.searchInput__icon{position:absolute;right:12px;color:var(--colorPrimary);pointer-events:none}.pillTabs{display:inline-flex;gap:2px;background:#f1f5f9;border-radius:8px;padding:3px}.pillTabs button{border:none;background:transparent;padding:6px 14px;border-radius:6px;font-family:inherit;font-size:13px;font-weight:600;color:#64748b;cursor:pointer}.pillTabs button.is-active{background:var(--colorPrimary);color:#fff}.modal__overlay{position:fixed;inset:0;background:#0a172e80;display:flex;align-items:center;justify-content:center;padding:16px;z-index:200}.modal{width:100%;max-width:440px;min-height:480px;max-height:90vh;display:flex;flex-direction:column;overflow-y:auto;background:#fff;border-radius:14px;box-shadow:0 20px 48px #0a172e40}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e2e8f0}.modal__header h2{margin:0;font-weight:600;font-size:24px;color:#303d40}.modal__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--colorPrimary);border-radius:50%;background:transparent;color:var(--colorPrimary);cursor:pointer;flex-shrink:0}.modal__close:hover{background:#f1f5f9}.modal__body{flex:1;padding:20px}.modal__footer{display:flex;justify-content:flex-start;gap:10px;padding:16px 20px;border-top:1px solid #e2e8f0}.dynamicTable__scroll{overflow-x:auto}.dynamicTable{width:100%;border-collapse:collapse;font-size:13px}.dynamicTable th{text-align:left;padding:10px 12px;color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.dynamicTable td{padding:12px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.dynamicTable tr:last-child td{border-bottom:none}.dynamicTable__actions{display:flex;gap:6px}.dynamicTable__empty{padding:32px 12px;text-align:center;color:#94a3b8;font-size:13px}.dynamicTable__pagination{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding-top:16px}.dynamicTable__paginationNav{border:none;background:var(--colorPrimary);color:#fff;padding:6px 14px;border-radius:999px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.dynamicTable__paginationNav:hover:not(:disabled){opacity:.9}.dynamicTable__paginationNav:disabled{opacity:.4;cursor:not-allowed}.dynamicTable__paginationPage{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:none;border-radius:999px;background:transparent;color:var(--colorPrimary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.dynamicTable__paginationPage:hover:not(.is-active){background:#eef2ff}.dynamicTable__paginationPage.is-active{background:var(--colorPrimary);color:#fff;cursor:default}.dynamicTable__paginationEllipsis{color:#94a3b8;font-size:12px;padding:0 2px}.toggle{position:relative;width:38px;height:20px;border-radius:999px;border:none;background:#cbd5e1;cursor:pointer;flex-shrink:0;padding:0;transition:background .15s ease}.toggle.is-on{background:#3bedb4}.toggle:disabled{cursor:not-allowed;opacity:.6}.toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a40;transition:transform .15s ease}.toggle.is-on .toggle__thumb{transform:translate(18px)}.rolesPanel__header{display:flex;justify-content:flex-end;margin-bottom:16px}.rolesPanel__permissionsLabel{margin:0 0 8px;font-family:"Bai Jamjuree",inherit;font-weight:500;font-size:16px;color:var(--colorPrimary)}.rolesPanel__permissionsList{display:flex;flex-direction:column;gap:18px;max-height:320px;overflow-y:auto;padding:12px;border:1px solid #e2e8f0;border-radius:8px}.rolesPanel__permissionGroup{display:flex;flex-direction:column;gap:6px}.rolesPanel__permissionGroupTitle{margin:0 0 2px;font-family:"Bai Jamjuree",inherit;font-size:13px;font-weight:500;color:#64748b}.rolesPanel__permissionRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:8px;background:#fff;color:#0f172a;font-size:13px;transition:background .15s ease,color .15s ease}.rolesPanel__permissionRow.is-active{background:var(--colorPrimary);color:#fff}.rolesPanel__permissionLabel{display:flex;align-items:center;gap:8px}.rolesPanel__permissionIcon{flex-shrink:0;color:currentColor}@media(max-width:640px){.rolesPanel__header{justify-content:stretch}.rolesPanel__header button{width:100%;justify-content:center}}.usersPage{display:flex;flex-direction:column;gap:20px}.usersPage__header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.usersPage__header h1{margin:0;font-size:22px;font-weight:700;color:#0f172a;flex-shrink:0}.usersPage__createButton{margin-left:auto}.usersPage__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px}.usersPage__filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.usersPage__formRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.usersPage__error{margin:0 0 12px;padding:10px 14px;border-radius:8px;background:#fef2f2;color:#e22c2c;font-size:13px}@media(max-width:640px){.usersPage__header h1{font-size:19px;width:100%}.usersPage__createButton{margin-left:0;width:100%;justify-content:center}.usersPage__card{padding:16px}.usersPage__filters .searchInput{max-width:none}.usersPage__formRow{grid-template-columns:1fr;gap:0}.dynamicTable{min-width:640px}}.templatesPage{display:flex;flex-direction:column;gap:20px}.templatesPage__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px}.templatesPage__section{padding:24px 0;border-bottom:1px solid #e2e8f0}.templatesPage__section:first-child{padding-top:0}.templatesPage__section:last-child{padding-bottom:0;border-bottom:none}.templatesPage__section h2{margin:0 0 16px;font-size:16px;font-weight:700;color:#0f172a}.templatesPage__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:28px 16px;border:1.5px dashed #90b4e8;border-radius:10px;background:#eef5ff;color:var(--colorPrimary);cursor:pointer}.templatesPage__dropzone.is-dragging{background:#dcebff;border-color:#104ec2}.templatesPage__dropzone p{margin:0;font-size:13px;font-weight:600}.templatesPage__dropzone p span{display:block;margin-top:2px;font-size:12px;font-weight:400;color:#64748b}.templatesPage__guide{margin-bottom:16px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.templatesPage__guide strong{display:block;margin-bottom:6px;font-size:13px;color:#0f172a}.templatesPage__guide p{margin:0;font-size:13px;color:#64748b;line-height:1.5}.templatesPage__states{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.templatesPage__stateCard{padding:14px 16px;border-radius:10px;border:1px solid var(--colorPrimary)}.templatesPage__stateCard strong{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;color:var(--colorPrimary)}.templatesPage__stateCard p{margin:0;font-size:12px;line-height:1.5;color:rgba(var(--colorPrimaryRgb),.75)}.templatesPage__stateCard--warning{background:#ffebca}.templatesPage__stateCard--warning .templatesPage__stateIcon{color:#ffc871}.templatesPage__stateCard--success{background:#c2f9e7}.templatesPage__stateCard--success .templatesPage__stateIcon{color:#3bedb4}.templatesPage__stateCard--danger{background:#fbc7c7}.templatesPage__stateCard--danger .templatesPage__stateIcon{color:#fb4747}.templatesPage__fullButton{width:100%;justify-content:center}.templatesPage__downloadIcon{transform:rotate(180deg)}.templatesPage__error{margin:0 0 12px;padding:10px 14px;border-radius:8px;background:#fef2f2;color:#e22c2c;font-size:13px}@media(max-width:640px){.templatesPage__card{padding:16px}.templatesPage__states{grid-template-columns:1fr}.templatesPage__section .formField{max-width:none}}.pageHeader{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pageHeader__title{font-size:22px;font-weight:600;color:#242424;margin:0}.pageHeader__breadcrumb{display:flex;align-items:center;color:#7987a1;font-size:13px}.pageHeader__separator{margin:0 6px}