/* Jolly Travel — common styles (all pages)
   Base rules sit in @layer base; extracted element styles (.u-*) are unlayered,
   so they win over base rules the same way inline styles did. */

@layer base {

a {
  color:#1A7FB0;
}

a:hover {
  color:#156A93;
}

button,input,select {
  font-family:inherit;
}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {
  outline:2px solid #27AAE1;
  outline-offset:2px;
}

input:focus {
  outline:none;
}

.jt-place:hover .jt-place-img {
  transform:scale(1.05);
}

.jt-tick {
  animation:jt-tick 1.6s ease-in-out infinite;
}

.jt-tick-urgent {
  animation:jt-tick .8s ease-in-out infinite;
}

@keyframes jt-tick{0%,100%{opacity:1}50%{opacity:.45}}

@media (prefers-reduced-motion:reduce){.jt-tick,.jt-tick-urgent{animation:none}}

.jt-foot-bottom {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 24px;
  padding:20px 0 28px;
  border-top:1px solid #DCE3E7;
}

.jt-foot-link:hover {
  color:#1A7FB0!important;
}

.jt-foot-soc {
  transition:transform .15s;
}

.jt-foot-soc:hover {
  transform:translateY(-2px);
}

@media (max-width:1000px){.jt-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jt-foot-grid>div:first-child{grid-column:1/-1}}

@media (max-width:620px){.jt-foot-grid{grid-template-columns:1fr 1fr}.jt-foot-grid>div:last-child{grid-column:1/-1}}

@media (max-width:760px){.pd-mbar~.jt-foot,.jt-foot.jt-foot-mbar{padding-bottom:76px}}

/* /site footer */
/* cookie banner */
.ck-bar {
  position:fixed;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:80;
  width:min(calc(100% - 32px),1080px);
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 20px;
  padding:16px 18px;
  border-radius:20px;
  background:#FFFFFF;
  box-shadow:0 16px 48px rgba(8,40,64,.22);
  font-family:'Anuphan',sans-serif;
  animation:ck-in .35s ease-out;
}

.ck-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 1 auto;
  margin-left:auto;
}

@keyframes ck-in{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}

@media (max-width:620px){.ck-bar{bottom:8px;padding:14px}.ck-actions{width:100%;justify-content:stretch}.ck-actions button{flex:1 1 auto}}

@media (prefers-reduced-motion:reduce){.ck-bar{animation:none}}

/* /cookie banner */

body {
  margin:0;
  background:#F4F7F9;
}

.jr-nav {
  position:relative;
  isolation:isolate;
  border-radius:999px;
}

.jr-nav::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:999px;
  background:#E6F4FB;
  opacity:0;
  transform:scale(.9);
  transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.4,.64,1);
}

.jr-nav:hover::before,.jr-nav:focus-visible::before {
  opacity:1;
  transform:scale(1);
}

.jr-card {
  transition:box-shadow .2s ease;
}

.jr-card:hover {
  box-shadow:0 10px 30px rgba(18,33,46,.07);
}

.jr-photo {
  transition:transform .5s cubic-bezier(.2,.7,.3,1);
}

.jr-photo:hover {
  transform:scale(1.03);
}

.jr-fields {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,.8fr) minmax(0,.8fr) auto;
  align-items:end;
  gap:10px;
}

.jr-mrow {
  display:grid;
  grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) 44px;
  align-items:end;
  gap:10px;
}

.jr-row {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1.6fr) minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
}

.jr-exp {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:28px;
}

@media (max-width:960px){
.jr-fields{grid-template-columns:1fr 1fr}
.jr-swap{display:none}
.jr-mrow{grid-template-columns:1fr 1fr}
.jr-mrow .jr-num{grid-column:1/-1}
.jr-row{grid-template-columns:1fr;gap:14px}
.jr-row>*{justify-self:stretch}
.jr-exp{grid-template-columns:1fr}
}

@media (max-width:560px){.jr-fields{grid-template-columns:1fr}}

.jr-barmini {
  display:none;
}

@media (max-width:760px){
.jr-navrow{order:3;width:100%;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
.jr-navrow a{white-space:nowrap}
.jr-barlegs{display:none!important}
.jr-barmini{display:flex}
}

/* cookie banner */
.ck-bar {
  position:fixed;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:80;
  width:min(calc(100% - 32px),1080px);
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 20px;
  padding:16px 18px;
  border-radius:20px;
  background:#FFFFFF;
  box-shadow:0 16px 48px rgba(8,40,64,.22);
  font-family:'Anuphan',sans-serif;
  animation:ck-in .35s ease-out;
}

/* /cookie banner */
.jt-soc {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:46px;
  border:1px solid #DDE5EA;
  border-radius:999px;
  background:#FFFFFF;
  color:#12212E;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  width:100%;
  font-family:inherit;
  transition:border-color .15s,background .15s;
}

.jt-soc:hover {
  border-color:#BFD3DD;
  background:#FAFCFD;
}

@media (max-width:560px){.jt-soc-grid{grid-template-columns:1fr!important}}

.jt-auth-bg {
  min-height:calc(100vh - 70px);
  box-sizing:border-box;
  background:#F4F9FC url(../assets/img/hero-sea.jpg) top center / max(100%, 1800px) auto no-repeat;
}

.jt-place-img {
  transition:transform .5s cubic-bezier(.2,.7,.3,1);
}

/* site footer */
.jt-foot-grid {
  display:grid;
  grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)) minmax(0,1.3fr);
  gap:32px;
}

.pd-gallery {
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:200px 200px;
  gap:10px;
}

html {
  scroll-behavior:smooth;
}

[id^="pd-"] {
  scroll-margin-top:72px;
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.pd-g0 {
  grid-row:1/3;
}

.pd-mbar {
  display:none;
}

.ht-toolbar {
  display:flex;
  align-items:center;
  gap:8px 16px;
  padding-bottom:12px;
  border-bottom:1px solid #E3EAEE;
}

.ht-tabs {
  flex:1 1 auto;
  min-width:0;
  display:flex;
  gap:6px;
  overflow-x:auto;
  scrollbar-width:none;
}

.ht-tabs::-webkit-scrollbar {
  display:none;
}

.ht-tools {
  flex:0 1 360px;
  min-width:260px;
  display:flex;
  align-items:center;
  gap:8px;
}

@media (max-width:1000px){.ht-toolbar{flex-direction:column;align-items:stretch}.ht-tools{flex:1 1 auto;min-width:0}}

.hd-player {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:18px;
  width:100%;
  max-width:1180px;
  align-items:start;
}

.hd-playlist {
  display:flex;
  flex-direction:column;
  gap:4px;
  max-height:70vh;
  overflow-y:auto;
}

.pv-sec {
  scroll-margin-top:24px;
}

.pv-layout {
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:24px;
  align-items:start;
}

.pv-toc {
  position:sticky;
  top:16px;
  display:flex;
  flex-direction:column;
  gap:2px;
  background:#FFFFFF;
  border-radius:20px;
  padding:16px 8px;
}

.pv-summary {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

@media (max-width:900px){.pv-layout{grid-template-columns:1fr}.pv-toc{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:8px}.pv-toc>span{display:none}.pv-toc a{flex:none;white-space:nowrap}.pv-summary{grid-template-columns:1fr}}

}

/* ---- shared element styles ---- */

.u-6b302f {
  font-size: 15px;
  font-weight: 600;
}

.u-f371ce {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.u-e8dc15 {
  font-size: 14px;
  color: #5F6B76;
}

.u-499df8 {
  font-size: 15px;
}

.u-eb5d7c {
  display: flex;
  gap: 8px;
}

.u-0127a3 {
  flex: none;
}

.u-8f5e54 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.u-ee974d {
  font-size: 16px;
  font-weight: 600;
}

.u-dd69ec {
  font-size: 13px;
  color: #5F6B76;
}

.u-4543de {
  display: flex;
  align-items: center;
  gap: 10px;
}

.u-41ad9e {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.u-2fedff {
  font-size: 12px;
  color: #5F6B76;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-2fd326 {
  display: flex;
  flex-direction: column;
}

.u-e9ebe9 {
  display: flex;
}

.u-d85c4e {
  position: relative;
}

.u-6d9984 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.u-ed5b0a {
  margin: 0;
  padding: 12px 4px;
  font-size: 14px;
  color: #5F6B76;
  text-align: center;
}

.u-3abdec {
  transform: rotate(90deg);
}

.u-770601 {
  flex: 1 1 220px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.u-ab5b58 {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.u-c139fc {
  min-height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #5F6B76;
  font-size: 12px;
  cursor: pointer;
}

.u-796071 {
  flex: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(18, 33, 46, 0.12);
}

.u-c29c29 {
  font-size: 15px;
  font-weight: 600;
  color: #12212E;
}

.u-15ad6c {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.u-ed613c {
  display: block;
  font-size: 12px;
  color: #5F6B76;
}

.u-9ce902 {
  font-size: 17px;
  font-weight: 600;
}

.u-cc6d72 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.u-84f68a {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.u-4d3b32 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.u-ef0488 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.u-c55a4b {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.u-c75647 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.u-766745 {
  font-size: 13px;
}

.u-04ec29 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.u-6d74fe {
  color: #12212E;
  text-decoration: none;
}

.u-fce730 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.u-8198e8 {
  background: #EDF1F3;
  color: #2E3B46;
}

.u-74ab91 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 52px 20px 0;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.u-e95917 {
  display: flex;
  align-self: flex-start;
}

.u-40f2f5 {
  height: 52px;
  width: auto;
  display: block;
}

.u-093b8b {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #4C5A66;
}

.u-e4286c {
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
  color: #5F6B76;
}

.u-5b98d1 {
  color: #2E3B46;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.u-a0ea92 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #1877F2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-71d66a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #E1306C;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-b3f754 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #FF0000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-c71418 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #12212E;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-1163a1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
}

.u-0df856 {
  font-size: 15px;
  font-weight: 700;
  color: #12212E;
  margin-bottom: 2px;
}

.u-e61d0e {
  color: #2E3B46;
  text-decoration: none;
}

.u-a36bdd {
  font-size: 14px;
  font-weight: 600;
  color: #12212E;
  margin-top: 8px;
}

.u-7f4cb6 {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border-radius: 999px;
  padding: 4px 4px 4px 16px;
  gap: 6px;
}

.u-c5b28b {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  font-size: 14px;
  height: 38px;
}

.u-335a10 {
  height: 38px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.u-fcf2d2 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  font-size: 13px;
}

.u-aa110f {
  color: #2E3B46;
  text-decoration: none;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 13px;
  cursor: pointer;
}

.u-8fbda2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.u-8027b5 {
  font-size: 12px;
  color: #5F6B76;
  margin-right: 2px;
}

.u-8f764f {
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  background: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  color: #113566;
  display: inline-flex;
  align-items: center;
}

.u-42814f {
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  background: #FFFFFF;
  font-size: 11px;
  font-weight: 800;
  color: #1A1F71;
  display: inline-flex;
  align-items: center;
}

.u-ecb5e8 {
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  background: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  color: #EB001B;
  display: inline-flex;
  align-items: center;
}

.u-1ad764 {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  min-width: 0;
  flex: 1 1 420px;
}

.u-65f6b0 {
  flex: none;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #E9F7FD;
  color: #156A93;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-906b44 {
  font-size: 15px;
  font-weight: 700;
  color: #12212E;
}

.u-db1dbc {
  font-size: 13px;
  line-height: 1.6;
  color: #4C5A66;
}

.u-db1172 {
  font-weight: 600;
}

.u-23fbc5 {
  height: 42px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: #1A7FB0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.u-3dc397 {
  height: 42px;
  padding: 0 18px;
  border: 1px solid #DDE5EA;
  border-radius: 999px;
  background: #FFFFFF;
  color: #12212E;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.u-f70b8c {
  height: 42px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.u-17b08d {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(10, 18, 26, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.u-05ddcf {
  width: min(100%, 560px);
  max-height: 90vh;
  overflow-y: auto;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 24px 60px rgba(8, 40, 64, 0.25);
}

.u-570faa {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.u-7c0808 {
  font-size: 20px;
  font-weight: 700;
  color: #12212E;
}

.u-b1a323 {
  font-size: 13px;
  line-height: 1.6;
  color: #5F6B76;
}

.u-b4f570 {
  flex: none;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #F1F4F6;
  color: #12212E;
  font-size: 18px;
  cursor: pointer;
}

.u-7d5bbd {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 0;
  border-top: 1px solid #ECF0F2;
}

.u-4cda5e {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.u-84a3e7 {
  font-size: 13px;
  line-height: 1.55;
  color: #5F6B76;
}

.u-622db3 {
  flex: none;
  font-size: 12px;
  font-weight: 700;
  color: #0B6B4F;
  padding-top: 4px;
}

.u-31ec5b {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.u-d86906 {
  height: 44px;
  padding: 0 18px;
  border: 1px solid #DDE5EA;
  border-radius: 999px;
  background: #FFFFFF;
  color: #12212E;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.u-8070b5 {
  height: 44px;
  padding: 0 18px;
  border: 1px solid #27AAE1;
  border-radius: 999px;
  background: #FFFFFF;
  color: #156A93;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.u-5a07f8 {
  height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.u-fad333 {
  position: fixed;
  inset: 0;
  z-index: 29;
  background: transparent;
}

.u-070642 {
  background: #FFFFFF;
  border-bottom: 1px solid #E8EDF0;
  position: relative;
  z-index: 30;
}

.u-21e42f {
  max-width: 1240px;
  margin: 0 auto;
  padding: 10px 20px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.u-f38d0c {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
}

.u-051b77 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
}

.u-257c39 {
  height: 38px;
  width: auto;
  display: block;
}

.u-91353d {
  display: flex;
  align-items: center;
  gap: 2px;
}

.u-96cb4a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  min-width: 40px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #12212E;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.u-d27c78 {
  position: absolute;
  top: 2px;
  right: 0;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  box-sizing: border-box;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-48a452 {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background: #FFFFFF;
  border-radius: 20px;
  z-index: 50;
  box-shadow: 0 24px 60px rgba(18, 33, 46, 0.14);
  color: #12212E;
  width: min(560px, 94vw);
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.u-74df68 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.u-ff2105 {
  display: flex;
  flex-direction: column;
  max-height: min(420px, 65vh);
  overflow-y: auto;
}

.u-674dda {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 0;
  border-top: 1px solid #ECF0F2;
}

.u-576f54 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
}

.u-8fc633 {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-a4682d {
  display: flex;
  gap: 4px;
  margin-left: auto;
}

.u-14a6c7 {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.u-6d96fb {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background: #FFFFFF;
  border-radius: 20px;
  z-index: 50;
  box-shadow: 0 24px 60px rgba(18, 33, 46, 0.14);
  color: #12212E;
  width: 220px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.u-ea5ea1 {
  border-radius: 3px;
  flex: none;
  box-shadow: 0 0 0 1px #E3E8EB;
}

.u-b866ac {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.u-bc89d8 {
  font-size: 14px;
  font-weight: 600;
}

.u-bd4f37 {
  font-size: 12px;
  color: #5F6B76;
}

.u-15b564 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  min-width: 40px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #12212E;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding: 0 12px 0 4px;
}

.u-ae1be7 {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #E9F7FD;
  color: #156A93;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-b4e8a0 {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background: #FFFFFF;
  border-radius: 20px;
  z-index: 50;
  box-shadow: 0 24px 60px rgba(18, 33, 46, 0.14);
  color: #12212E;
  width: 260px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.u-abe63e {
  font-size: 14px;
  color: #4C5A66;
  line-height: 1.5;
}

.u-b231c8 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.u-909eac {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 999px;
  background: #F1F4F6;
  color: #12212E;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.u-476f6c {
  display: flex;
  flex-direction: column;
  padding-top: 6px;
  border-top: 1px solid #ECF0F2;
}

.u-703ea8 {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 6px;
  color: #12212E;
  text-decoration: none;
  font-size: 14px;
}

.u-a7039b {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.u-5f2e6a {
  font-size: 15px;
  font-weight: 700;
}

.u-df85d6 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.u-3495bf {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.u-67dfbd {
  display: flex;
  align-items: center;
  gap: 14px;
}

.u-1155a2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.u-50571c {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  background: #CFDDE5;
}

.u-898d92 {
  position: absolute;
  left: 0;
  top: -3px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #27AAE1;
}

.u-c9c52c {
  position: absolute;
  right: 0;
  top: -3px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 2px solid #27AAE1;
  background: #FFFFFF;
  box-sizing: border-box;
}

.u-fcd457 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.u-ecd25a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.u-c3001e {
  width: 2px;
  flex: 1;
  min-height: 22px;
  background: #D6E4EB;
}

.u-a45d13 {
  font-size: 12px;
  font-weight: 700;
  color: #8A4B08;
}

.u-108097 {
  flex: none;
  margin-top: 3px;
}

.u-345895 {
  font-size: 12px;
}

.u-31587a {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #4C5A66;
}

.u-27c342 {
  font-size: 22px;
  font-weight: 700;
}

.u-c24225 {
  font-family: 'Anuphan', sans-serif;
  color: #12212E;
  background: #F4F7F9;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
}

.u-82400b {
  max-width: 1240px;
  margin: 0 auto;
  padding: 16px 20px 0;
}

.u-89c912 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  font-size: 14px;
}

.u-d64b7d {
  display: flex;
  align-items: center;
  gap: 8px;
}

.u-c43e4e {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #0B7A5C;
  text-decoration: none;
  font-weight: 600;
}

.u-4f2319 {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #0E9F6E;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-4f244b {
  width: 28px;
  height: 2px;
  background: #CFDDE5;
}

.u-fa0542 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #156A93;
  font-weight: 700;
}

.u-702692 {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.u-1b815c {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6B7782;
}

.u-e0565a {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #E3E9ED;
  color: #4C5A66;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.u-c7ecb8 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 16px 20px 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}

.u-24b4a2 {
  flex: 999 1 600px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.u-0f79ad {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.u-8d4bb3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.u-f598e0 {
  margin: 0;
  font-size: 19px;
  font-weight: 600;
}

.u-edaa72 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #4C5A66;
}

.u-4e2de5 {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #E9F7FD;
  color: #156A93;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.u-575b3f {
  min-height: 32px;
  border: 0;
  background: transparent;
  color: #1A7FB0;
  font-size: 13px;
  cursor: pointer;
}

.u-adfe06 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 240px;
  min-width: 0;
}

.u-c4bf31 {
  font-size: 13px;
  font-weight: 600;
  color: #2E3B46;
}

.u-bd67c3 {
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid #DDE5EA;
  border-radius: 12px;
  font-size: 15px;
  color: #12212E;
  background: #FFFFFF;
  width: 100%;
  box-sizing: border-box;
}

.u-3e1594 {
  font-size: 13px;
  color: #B42318;
}

.u-cd4d9d {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.u-1e8845 {
  min-height: 46px;
  padding: 0 26px;
  border: 0;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

.u-8d9b1a {
  font-size: 13px;
  padding: 10px 4px;
}

.u-91e8a9 {
  font-size: 13px;
  color: #4C5A66;
}

.u-4c2c0a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  color: #2E3B46;
  margin-top: 8px;
}

.u-0c2a4c {
  width: 14px;
  height: 1px;
  background: #12212E;
}

.u-11b5c2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.u-336288 {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: #06C755;
  color: #FFFFFF;
  font-size: 7px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-e57aaa {
  color: #B42318;
}

.u-7c6c8b {
  font-size: 12px;
  color: #B42318;
}

.u-cc3952 {
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.u-54e0d1 {
  font-size: 13px;
  font-weight: 600;
  color: #2E3B46;
  padding: 0;
  margin-bottom: 8px;
}

.u-529725 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.u-5e241f {
  align-self: flex-start;
  padding: 3px 10px;
  border-radius: 999px;
  background: #E9F7FD;
  color: #156A93;
  font-size: 12px;
  font-weight: 700;
}

.u-73a62f {
  font-size: 14px;
  color: #4C5A66;
}

.u-949336 {
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  padding: 6px 0;
}

.u-0b7574 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 260px;
  min-width: 0;
}

.u-99ddfe {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 46px;
  padding: 11px 14px;
  box-sizing: border-box;
  border-radius: 12px;
  background: #F4F9FC;
  border: 1px solid #E3EEF4;
}

.u-aa801f {
  flex: none;
  margin-top: 1px;
}

.u-6a1d5d {
  font-size: 15px;
  font-weight: 600;
  color: #12212E;
  line-height: 1.45;
}

.u-f09717 {
  padding: 12px 14px;
  border: 1px solid #DDE5EA;
  border-radius: 12px;
  font-size: 15px;
  font-family: inherit;
  color: #12212E;
  resize: vertical;
  width: 100%;
  box-sizing: border-box;
}

.u-d5f65d {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  gap: 12px;
}

.u-06c668 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.6;
  color: #2E3B46;
  cursor: pointer;
}

.u-9a393c {
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
  accent-color: #27AAE1;
  flex: none;
}

.u-0df0a7 {
  display: inline;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1A7FB0;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.u-d26bab {
  flex: 1 1 320px;
  min-width: 0;
  position: sticky;
  top: 16px;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.u-77194d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.u-a2bc54 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}

.u-0e3cfe {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-top: 12px;
  border-top: 1px solid #ECF0F2;
}

.u-fb2afb {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #4C5A66;
  margin-top: 4px;
}

.u-029fd3 {
  font-weight: 600;
  color: #12212E;
}

.u-13be4a {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 12px;
  border-top: 1px solid #ECF0F2;
  font-size: 14px;
}

.u-67c35b {
  display: flex;
  justify-content: space-between;
  color: #4C5A66;
}

.u-75d123 {
  text-decoration: line-through;
  text-decoration-color: #E2553D;
}

.u-7f7566 {
  display: flex;
  justify-content: space-between;
  color: #C2410C;
  font-weight: 600;
}

.u-45d524 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 4px;
}

.u-556daf {
  font-size: 24px;
  font-weight: 700;
}

.u-40aba4 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 52px;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}

.u-c3e6ad {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.u-cbfdb2 {
  position: absolute;
  inset: 0;
  background: rgba(6, 20, 32, 0.55);
}

.u-98da18 {
  position: relative;
  width: min(680px, 100%);
  max-height: min(80vh, 760px);
  background: #FFFFFF;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(6, 20, 32, 0.3);
}

.u-1091ec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 22px;
  border-bottom: 1px solid #ECF0F2;
}

.u-c23ce9 {
  width: 40px;
  height: 40px;
  flex: none;
  border: 0;
  border-radius: 999px;
  background: #F1F4F6;
  color: #12212E;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-e6250a {
  flex: 1;
  overflow-y: auto;
  padding: 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.u-12aa65 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.u-69ee70 {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #2E3B46;
}

.u-84a316 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 22px;
  border-top: 1px solid #ECF0F2;
}

.u-5a4ba3 {
  min-height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #F1F4F6;
  color: #12212E;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.u-bee64c {
  min-height: 44px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.u-e17d6d {
  display: flex;
  align-items: center;
  gap: 12px;
}

.u-548f6c {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.u-d28d40 {
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-c44492 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 6px;
}

.u-ce1387 {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 600;
}

.u-bced9b {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  background: #F1F4F6;
  color: #12212E;
  text-decoration: none;
  font-weight: 600;
}

.u-36cdbe {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.u-568131 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
}

.u-b2b187 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.u-465f3e {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.u-576754 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.u-f150a7 {
  font-size: 13px;
  color: #0B7A5C;
}

.u-d4b53c {
  display: flex;
  gap: 6px;
}

.u-aa78f8 {
  color: #12212E;
}

.u-768e1f {
  font-size: 18px;
}

.u-2c9799 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.u-286a67 {
  padding: 3px 10px;
  border-radius: 999px;
  background: #E9F7FD;
  color: #156A93;
  font-size: 12px;
  font-weight: 700;
}

.u-e9cdea {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.u-898146 {
  flex: none;
  margin-top: 2px;
}

.u-bb6d9b {
  display: flex;
  justify-content: space-between;
  color: #C2410C;
}

.u-ca9275 {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  background: #E7F7F2;
  color: #0E9F6E;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-a3656b {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.u-40903f {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.u-00daf1 {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  min-height: 36px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #1A7FB0;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.u-0782a5 {
  flex: 1;
  height: 6px;
  border-radius: 999px;
  background: #ECF0F2;
  overflow: hidden;
}

.u-94e8c9 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.u-33f9f6 {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: #E9F7FD;
  color: #27AAE1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-1a22bf {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 20px 56px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}

.u-3e9727 {
  flex: 1 1 240px;
  max-width: 100%;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.u-033ba5 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 4px 12px;
  border-bottom: 1px solid #ECF0F2;
}

.u-d9d172 {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

.u-35378d {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.u-4f30ee {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 12px;
  color: #B42318;
  text-decoration: none;
  font-size: 15px;
}

.u-cbae91 {
  margin: 0;
  padding: 12px 16px;
  border-radius: 14px;
  background: #E7F7F2;
  color: #0B6B4F;
  font-size: 14px;
  font-weight: 600;
}

.u-f1f956 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.u-890973 {
  font-size: 15px;
  font-weight: 500;
}

.u-6f85e7 {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
}

.u-9bb0e9 {
  width: 100%;
  box-sizing: border-box;
  min-height: 44px;
  padding: 0 14px 0 38px;
  border: 1px solid #DDE5EA;
  border-radius: 999px;
  font-size: 14px;
  background: #FFFFFF;
}

.u-f2a753 {
  font-size: 18px;
  font-weight: 700;
}

.u-8354e9 {
  text-decoration: none;
}

.u-5ee3ba {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
}

.u-e54658 {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  font-size: 15px;
}

.u-3818cf {
  padding: 10px 14px;
  color: #12212E;
  text-decoration: none;
}

.u-371839 {
  padding: 10px 14px;
  color: #156A93;
  text-decoration: none;
  font-weight: 700;
}

.u-631208 {
  flex: 1 1 240px;
  max-width: 100%;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.u-bd0e6d {
  min-height: 32px;
  border: 0;
  background: transparent;
  color: #1A7FB0;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.u-7f6b6f {
  margin: 0;
  padding: 14px 0 0;
  border: 0;
  border-top: 1px solid #ECF0F2;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.u-92b9fa {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  margin-bottom: 4px;
}

.u-5d6b89 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 30px;
  font-size: 14px;
  color: #2E3B46;
  cursor: pointer;
}

.u-d51dd5 {
  width: 18px;
  height: 18px;
  accent-color: #27AAE1;
  flex: none;
}

.u-49cdf8 {
  flex: 1;
}

.u-b67785 {
  font-size: 12px;
  color: #8A96A0;
}

.u-d7751d {
  width: 100%;
  accent-color: #27AAE1;
}

.u-1b3225 {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #5F6B76;
}

.u-a90ba8 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.u-9ca502 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: #E9F7FD;
  color: #156A93;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.u-983aad {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.u-ebcf84 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: #5F6B76;
}

.u-b9c796 {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 40px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.u-cf266d {
  min-height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  font-weight: 600;
  cursor: pointer;
}

.u-f23048 {
  align-self: center;
  min-height: 46px;
  padding: 0 26px;
  border: 1px solid #DDE5EA;
  border-radius: 999px;
  background: #FFFFFF;
  color: #12212E;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

.u-e6f1f8 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 22px 20px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.u-d60173 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.u-55335b {
  padding: 4px 10px;
  border-radius: 999px;
  background: #E9F7FD;
  color: #156A93;
  font-size: 12px;
  font-weight: 600;
}

.u-c40d75 {
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 700;
  line-height: 1.3;
}

.u-984d17 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  font-size: 14px;
  color: #4C5A66;
}

.u-b62ad2 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.u-9ab5e8 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #DDE5EA;
  border-radius: 999px;
  background: #FFFFFF;
  color: #12212E;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.u-dd69ad {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.75);
}

.u-cd8f42 {
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(18,33,46,.55);
  color: #FFFFFF;
  font-size: 12px;
}

.u-309eb3 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(18,33,46,.45);
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 700;
}

.u-0e9883 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px 20px 48px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}

.u-74cb48 {
  flex: 999 1 620px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.u-9ebd5f {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 6px;
  display: flex;
  gap: 4px;
  overflow-x: auto;
  position: sticky;
  top: 8px;
  z-index: 5;
  scrollbar-width: none;
}

.u-95654b {
  flex: none;
  padding: 9px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #4C5A66;
  text-decoration: none;
}

.u-a4dec1 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.u-da9f81 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.u-b660d2 {
  background: #F4F7F9;
  border-radius: 14px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.u-f940dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #2E3B46;
}

.u-e23241 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px 20px;
}

.u-3303ce {
  display: flex;
  gap: 8px;
  font-size: 14px;
  line-height: 1.55;
  color: #2E3B46;
}

.u-efc4aa {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.u-0c70d9 {
  font-size: 17px;
  font-weight: 700;
}

.u-b56181 {
  overflow-x: auto;
}

.u-4374d9 {
  border-top: 1px solid #ECF0F2;
}

.u-860a48 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  font-size: 13px;
  color: #5F6B76;
  margin-bottom: 8px;
}

.u-075228 {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: #FDEBD3;
}

.u-f8b5b6 {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: #EEF1F3;
}

.u-1cb210 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  width: 100%;
  min-height: 60px;
  padding: 10px 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: #12212E;
}

.u-76ca5e {
  flex: none;
  width: 52px;
  height: 36px;
  border-radius: 10px;
  background: #E9F7FD;
  color: #156A93;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
}

.u-6a9508 {
  flex: 1 1 200px;
  font-size: 16px;
  font-weight: 600;
}

.u-f8854b {
  display: flex;
  gap: 4px;
  flex: none;
}

.u-c76fd8 {
  margin: 0 0 14px 25px;
  padding: 0 0 0 26px;
  list-style: none;
  border-left: 2px solid #D6EEF9;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.u-9392a3 {
  position: relative;
  display: flex;
  gap: 14px;
  font-size: 14px;
  line-height: 1.55;
}

.u-6cf4d5 {
  position: absolute;
  left: -33px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 2px solid #27AAE1;
}

.u-8497fc {
  flex: none;
  width: 46px;
  font-weight: 600;
  color: #156A93;
}

.u-5e6094 {
  color: #2E3B46;
}

.u-94a47e {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}

.u-e2eb33 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.u-818a0e {
  display: flex;
  gap: 8px;
  font-size: 14px;
  line-height: 1.55;
}

.u-dd2596 {
  display: flex;
  gap: 8px;
  font-size: 14px;
  line-height: 1.55;
  color: #4C5A66;
}

.u-fe6578 {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 18px 24px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.u-809a15 {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #E9F7FD;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-3806aa {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.u-113076 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.u-f22e24 {
  font-size: 14px;
  color: #4C5A66;
  line-height: 1.6;
}

.u-de61e2 {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.u-e089f1 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #ECF0F2;
  font-size: 14px;
}

.u-04d462 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}

.u-4d4d9a {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.u-f8ac4e {
  flex: 1 1 260px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.u-93d201 {
  width: 34px;
}

.u-2b97d8 {
  width: 30px;
  text-align: right;
}

.u-6d5428 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.u-66d7fa {
  background: #F4F7F9;
  border-radius: 16px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.u-15ce9e {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #D6EEF9;
  color: #156A93;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.u-7d7a2c {
  font-size: 13px;
  color: #B45309;
  font-weight: 700;
}

.u-52cc3e {
  font-size: 14px;
  line-height: 1.6;
  color: #2E3B46;
}

.u-856864 {
  flex: 1 1 340px;
  max-width: 100%;
  position: sticky;
  top: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.u-380bc6 {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.u-c659ee {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.u-d17203 {
  font-size: 14px;
  font-weight: 500;
  color: #5F6B76;
}

.u-553570 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.u-05758e {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  border-radius: 999px;
  background: #06C755;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}

.u-2978f0 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  border-radius: 999px;
  background: #25D366;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}

.u-911050 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 14px;
  background: #F4F7F9;
  color: #12212E;
  text-decoration: none;
  font-size: 14px;
}

.u-c1f96d {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.u-e44cd1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px 0;
}

.u-26528b {
  font-size: 14px;
  color: #0B6B4F;
  font-weight: 600;
}

.u-3d2942 {
  align-self: flex-start;
  min-height: 36px;
  border: 0;
  background: transparent;
  color: #1A7FB0;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}

.u-3f85b0 {
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid #DDE5EA;
  border-radius: 12px;
  font-size: 14px;
}

.u-4244b5 {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 8px;
}

.u-25dd92 {
  min-width: 0;
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid #DDE5EA;
  border-radius: 12px;
  font-size: 14px;
}

.u-279f4d {
  min-width: 0;
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid #DDE5EA;
  border-radius: 12px;
  font-size: 14px;
  background: #FFFFFF;
}

.u-0e7126 {
  padding: 10px 14px;
  border: 1px solid #DDE5EA;
  border-radius: 12px;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
}

.u-d9941f {
  font-size: 13px;
  color: #C2410C;
}

.u-617023 {
  min-height: 48px;
  border: 0;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}

.u-8f3833 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px 64px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.u-3a66b4 {
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.u-38bb96 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
  gap: 20px;
}

.u-ef191d {
  background: #FFFFFF;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: #12212E;
  text-decoration: none;
}

.u-587d6c {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  font-size: 12px;
  font-weight: 700;
}

.u-1cd8f1 {
  padding: 12px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.u-30d0c9 {
  font-size: 12px;
  color: #5F6B76;
  margin-top: 6px;
}

.u-b1bf96 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: #FFFFFF;
  box-shadow: 0 -6px 20px rgba(18,33,46,.08);
  padding: 10px 16px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.u-9ce5b3 {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 700;
}

.u-509872 {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: rgba(10,18,26,.88);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 20px;
}

.u-dddf11 {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  color: #FFFFFF;
  font-size: 22px;
  cursor: pointer;
}

.u-c2d248 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 980px;
}

.u-6b3c66 {
  flex: none;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  color: #FFFFFF;
  font-size: 20px;
  cursor: pointer;
}

.u-689ba2 {
  color: #FFFFFF;
  font-size: 14px;
}

.u-a2bd6b {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}

.u-7531c1 {
  display: flex;
  justify-content: space-between;
}

.u-698154 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 18px 20px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.u-521582 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
}

.u-615d98 {
  margin: 0;
  font-size: clamp(24px, 2.8vw, 30px);
  font-weight: 700;
}

.u-b088e0 {
  position: relative;
  flex: 1 1 220px;
  min-width: 0;
}

.u-8b391d {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
}

.u-a51f0b {
  width: 100%;
  box-sizing: border-box;
  height: 38px;
  padding: 0 12px 0 36px;
  border: 1px solid #DDE5EA;
  border-radius: 999px;
  font-size: 14px;
  background: #FFFFFF;
}

.u-ae3aae {
  flex: none;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #DDE5EA;
  border-radius: 999px;
  font-size: 14px;
  background: #FFFFFF;
  cursor: pointer;
}

.u-f11c99 {
  font-size: 13px;
  font-weight: 600;
}

.u-adb62c {
  font-weight: 600;
  text-decoration: none;
}

.u-b5a668 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.u-a6bb4a {
  min-width: 34px;
  height: 26px;
  padding: 0 6px;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 2px;
  background: #156A93;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
}

.u-e00713 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  padding: 0 4px;
}

.u-4910cd {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #DCEFF7;
  aspect-ratio: 16 / 7;
  min-height: 240px;
}

.u-d69809 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.u-f89a4a {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: #FFFFFF;
  color: #12212E;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(18,33,46,.18);
}

.u-da8853 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 16px;
  font-size: 13px;
  color: #5F6B76;
}

.u-1931cf {
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}

.u-1c8a1b {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
}

.u-23343a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #ECF0F2;
}

.u-ac3dd8 {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #F4F7F9;
  color: #156A93;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-2ef7dd {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.u-f663ae {
  font-size: 14px;
  font-weight: 700;
}

.u-25e093 {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.u-e9c063 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: #12212E;
  font-family: inherit;
}

.u-452604 {
  position: absolute;
  inset: 0;
}

.u-38e81d {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-34050d {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(18,33,46,.7);
  color: #FFFFFF;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.u-c60bd9 {
  position: absolute;
  left: 8px;
  top: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: #156A93;
  font-size: 11px;
  font-weight: 700;
}

.u-0313eb {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.u-7c7df7 {
  font-size: 12px;
  color: #5F6B76;
  margin-top: -4px;
}

.u-f98096 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.u-aa81b4 {
  font-size: 20px;
  font-weight: 700;
}

.u-144941 {
  display: flex;
  gap: 8px;
  max-width: 100%;
  overflow-x: auto;
  padding: 2px;
}

.u-77ab36 {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: rgba(10,18,26,.92);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.u-064942 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.u-799d79 {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-f14e36 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: rgba(255,255,255,.25);
}

.u-cd01e9 {
  display: block;
  width: 0;
  height: 100%;
  background: #27AAE1;
}

.u-f10497 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #FFFFFF;
}

.u-7bdfe6 {
  font-size: 13px;
  color: rgba(255,255,255,.7);
}

.u-5e613b {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
}

.u-60a31a {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,.7);
  padding: 0 4px;
}

.u-6a40bf {
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 0 5px;
  border-radius: 4px;
  background: rgba(0,0,0,.6);
  font-size: 10px;
}

.u-cf6ad9 {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.u-518db3 {
  font-size: 11px;
  opacity: .7;
}

.u-3c628f {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  background: #FFFFFF;
  border: 1px solid #DDE5EA;
  color: #12212E;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.u-5d112c {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: #06C755;
  color: #FFFFFF;
  font-size: 7px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-7c8574 {
  margin: 0;
  font-size: 15px;
  line-height: 1.85;
  color: #2E3B46;
}

.u-7dd908 {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #E9F7FD;
  color: #156A93;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-893c44 {
  font-size: 13px;
  opacity: .9;
}

.u-06445c {
  background: linear-gradient(180deg, #E9F7FD 0%, #F4F7F9 100%);
}

.u-a02907 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 20px 32px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.u-856ce7 {
  margin: 0;
  font-size: clamp(28px, 3.4vw, 38px);
  font-weight: 700;
}

.u-0b53ee {
  margin: 0;
  max-width: 760px;
  font-size: 16px;
  line-height: 1.7;
  color: #2E3B46;
}

.u-d6688c {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  font-size: 13px;
  color: #4C5A66;
}

.u-5cc754 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 20px 64px;
}

.u-200a47 {
  font-size: 13px;
  font-weight: 700;
  color: #5F6B76;
  padding: 0 12px 6px;
}

.u-3be2bd {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.u-69444d {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.u-ca0ebd {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #E9F7FD;
  color: #156A93;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-a8626a {
  font-size: 16px;
  font-weight: 700;
}

.u-1cc9df {
  font-size: 14px;
  line-height: 1.6;
  color: #4C5A66;
}

.u-3938cb {
  background: #FFFFFF;
  border-radius: 20px;
  padding: clamp(22px, 4vw, 40px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.u-17b48c {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 21px;
  font-weight: 700;
}

.u-6a0855 {
  font-size: 15px;
  color: #27AAE1;
}

.u-72d2d9 {
  display: flex;
  gap: 10px;
  font-size: 15px;
  line-height: 1.7;
  color: #2E3B46;
}

.u-e6a6a5 {
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: 10px;
  border-radius: 50%;
  background: #27AAE1;
}

.u-02bf12 {
  overflow-x: auto;
  border: 1px solid #ECF0F2;
  border-radius: 14px;
}

.u-cad7cb {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  font-size: 14px;
}

.u-4350ae {
  background: #F4F7F9;
}

.u-fe6bbb {
  text-align: left;
  padding: 12px 14px;
  font-weight: 700;
  color: #12212E;
}

.u-7acdf5 {
  padding: 12px 14px;
  line-height: 1.6;
  color: #2E3B46;
  vertical-align: top;
}

.u-324d4f {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
}

.u-693684 {
  border-radius: 14px;
  background: #F8FAFB;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.u-61b903 {
  font-size: 15px;
  font-weight: 700;
  color: #156A93;
}

.u-8f6090 {
  margin: 0;
  padding: 12px 16px;
  border-radius: 12px;
  background: #FFF6EC;
  font-size: 14px;
  line-height: 1.7;
  color: #4A3310;
}

.u-1d40d9 {
  border-radius: 18px;
  background: #F2FAFE;
  padding: 22px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.u-420f6d {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.u-a4001d {
  font-size: 14px;
  line-height: 1.7;
  color: #2E3B46;
}

.u-e373ba {
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  background: #27AAE1;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
}