.tv-root{--s:1;width:100vw;height:100dvh;overflow:hidden;position:relative;box-sizing:border-box;padding:calc(46px * var(--s)) calc(64px * var(--s));display:grid;grid-template-rows:calc(142px * var(--s)) 1fr;gap:calc(10px * var(--s));font-family:Anuphan,sans-serif;color:#092f3c;background:#edf5f5}.tv-root>*:not([aria-hidden=true]){position:relative;z-index:1}.tv-header{display:flex;align-items:center;justify-content:space-between;gap:calc(18px * var(--s))}.titletext{min-width:0;flex:1}.titletext h1{font-size:calc(38px * var(--s));line-height:1.08;letter-spacing:calc(-.7px * var(--s));margin:0 calc(0px * var(--s)) calc(6px * var(--s));font-weight:700;color:#000;white-space:nowrap;max-width:none}.titletext p{margin:0;color:#000;font-size:calc(30px * var(--s));font-weight:500}.cobrand{display:flex;align-items:center;gap:calc(12px * var(--s));height:calc(84px * var(--s));flex:none}.cobrand img{display:block;object-fit:contain;max-height:calc(72px * var(--s));max-width:calc(180px * var(--s))}.cobrand img:first-child{width:calc(138px * var(--s));max-height:calc(82px * var(--s))}.cobrand img:last-child{max-width:calc(82px * var(--s));max-height:calc(54px * var(--s))}.tv-body{min-height:0;display:grid;grid-template-columns:calc(350px * var(--s)) 1fr;gap:calc(22px * var(--s))}.tv-left{min-height:0;display:flex;flex-direction:column;gap:calc(16px * var(--s))}.registration-card{padding:calc(25px * var(--s)) calc(28px * var(--s));background:linear-gradient(135deg,#0e6b70,#084257);border-radius:calc(20px * var(--s));color:#fff;display:grid;grid-template-columns:auto auto;align-items:baseline;gap:calc(4px * var(--s)) calc(10px * var(--s));flex:none}.registration-card>span{grid-column:1/-1;font-size:calc(25px * var(--s));font-weight:600}.registration-card strong{font-size:calc(56px * var(--s));line-height:.92;font-variant-numeric:tabular-nums}.registration-card em{font-size:calc(22px * var(--s));font-style:normal;color:#d9eeee;margin-left:calc(10px * var(--s))}.qr-card{background:#fff;border:1px solid #dbe8e9;border-radius:calc(20px * var(--s));display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:calc(10px * var(--s));padding:calc(22px * var(--s))}.qr-card img{width:min(calc(250px * var(--s)),82%);border-radius:calc(12px * var(--s));padding:calc(5px * var(--s));background:#fff;box-shadow:0 calc(5px * var(--s)) calc(16px * var(--s)) #092f3c24}.qr-card b{font-size:calc(25px * var(--s))}.qr-card span{font-size:calc(19px * var(--s));color:#557177}.status-legend{background:#e0eeee;border-radius:calc(18px * var(--s));padding:calc(15px * var(--s)) calc(22px * var(--s));flex:none}.status-legend p{margin:calc(8px * var(--s)) 0;display:flex;align-items:center;gap:calc(12px * var(--s));font-size:calc(20px * var(--s))}.status-dot{width:calc(17px * var(--s));height:calc(17px * var(--s));border-radius:50%;display:inline-block;flex:none}.status-dot.gray{background:#aebdc0}.tv-right{background:#fff;border-radius:calc(20px * var(--s));overflow:hidden;min-height:0;box-shadow:0 calc(5px * var(--s)) calc(18px * var(--s)) #08425712;display:grid;grid-template-rows:calc(104px * var(--s)) 1fr}.thead,.trow{display:grid;grid-template-columns:3.6fr 1fr 1.35fr 1.2fr 1.25fr;align-items:center}.thead{background:linear-gradient(180deg,#0e6b70,#084257);color:#fff;font-weight:700;font-size:calc(25px * var(--s))}.thead>div{text-align:center;padding:0 calc(12px * var(--s));line-height:1.18;border-right:1px solid rgba(255,255,255,.45)}.thead>div:first-child{text-align:left;padding-left:calc(34px * var(--s))}.thead>div:last-child{border:0}.tbody{display:grid;grid-auto-rows:1fr;overflow:hidden;min-height:0}.trow{font-size:calc(20px * var(--s));font-weight:600;color:#000;border-bottom:1px solid #dfeaec;min-height:0}.trow>div{text-align:center;padding:0 calc(10px * var(--s));border-right:1px solid #e6eef0}.trow>div:first-child{text-align:left;padding-left:calc(32px * var(--s));display:flex;align-items:center;gap:calc(10px * var(--s));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trow>div:last-child{border:0}.trow b{color:#000}@keyframes tv-row-in{0%{opacity:0;transform:translateY(calc(12px * var(--s)))}to{opacity:1;transform:translateY(0)}}.tbody>.trow{animation:tv-row-in .4s cubic-bezier(.22,1,.36,1) both}.m-root{--s: 1;--bg: #eaf4f6;--brand: #084257;--teal: #0e6b70;--tealVivid: #6ab6b9;--tealLt: #e2f1f2;--text: #0a2f3d;--placeholder: #7996a1;--row: #f8fafb;--greyBorder: #dfe7ea;--red: #b02532;--grey: #52707c;width:100vw;height:100dvh;overflow:hidden;position:relative;background:transparent;font-family:Anuphan,sans-serif;color:var(--text);display:grid;grid-template-rows:auto auto auto 1fr;row-gap:calc(14px * var(--s));padding:calc(16px * var(--s)) calc(20px * var(--s)) calc(20px * var(--s));box-sizing:border-box}.m-root>*:not([aria-hidden=true]){position:relative;z-index:1}.m-header-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--s));height:calc(44px * var(--s))}.m-cobrand{position:relative;left:0;top:0;display:flex;align-items:center;gap:calc(10px * var(--s))}.m-cobrand .logo-trueinno{height:calc(34px * var(--s));width:auto;display:block}.m-cobrand .logo-ktb{height:calc(28px * var(--s));width:auto;display:block}.m-marsa-logo{position:absolute;left:50%;transform:translate(-50%);height:calc(36px * var(--s));width:auto;margin:0;display:block;object-fit:contain}.m-titlebox{text-align:center;margin-top:calc(-8px * var(--s))}.m-title{font-weight:700;font-size:calc(30px * var(--s));line-height:1.15;margin:0;padding:0;color:#000;background:none;-webkit-background-clip:unset;background-clip:unset}.m-subtitle{font-weight:500;font-size:calc(16px * var(--s));color:#000;line-height:1.2}.m-registered{margin-top:calc(4px * var(--s));font-size:calc(15px * var(--s));color:#0e6b70;font-weight:600}.m-registered-count{font-weight:800;color:#0e6b70}.m-search-row{position:relative;z-index:100!important;display:flex;gap:calc(6px * var(--s));height:calc(40px * var(--s));align-items:center}.m-search{flex:1 1 0;min-width:0;width:0;height:100%;border-radius:calc(8px * var(--s));border:1px solid var(--greyBorder);background:#fff;padding:0 calc(12px * var(--s));font-family:Anuphan,sans-serif;font-size:calc(15px * var(--s));color:var(--text);outline:none}.m-search::placeholder{color:var(--placeholder)}.m-icon-btn{height:100%;border-radius:calc(8px * var(--s));border:1px solid var(--greyBorder);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--brand);box-shadow:0 calc(2px * var(--s)) calc(6px * var(--s)) #0842570a}.m-icon-btn svg{width:calc(20px * var(--s));height:calc(20px * var(--s))}.m-reset-btn{width:calc(38px * var(--s));flex-shrink:0;background:#fff;border:1px solid var(--greyBorder);color:var(--brand)}.m-tools{height:100%;flex-shrink:0;display:flex;position:relative;z-index:60}.m-tools-btn{height:100%;padding:0 calc(10px * var(--s));gap:calc(4px * var(--s));display:inline-flex;align-items:center;justify-content:center;font-family:Anuphan,sans-serif;font-size:calc(15px * var(--s));font-weight:400;white-space:nowrap;background:#fff;border:1px solid var(--greyBorder);color:var(--brand)}.m-tools-text{display:inline-block;line-height:1}.m-sort-menu{position:absolute;top:calc(100% + calc(6px * var(--s)));right:0;min-width:calc(220px * var(--s));background:#fff;border:1px solid var(--greyBorder);border-radius:calc(10px * var(--s));box-shadow:0 calc(8px * var(--s)) calc(24px * var(--s)) #08425740;padding:calc(6px * var(--s)) 0;z-index:9999!important;font-family:Anuphan,sans-serif}.m-sort-menu.m-filter-menu{min-width:calc(220px * var(--s))}.m-filter-item{display:flex;align-items:center;gap:calc(14px * var(--s));cursor:pointer;line-height:1;font-weight:400!important;color:var(--text)!important;background:none!important}.m-filter-item.is-active{font-weight:400!important;color:var(--text)!important;background:none!important}.m-filter-item:hover{background:#4ab0fe14!important}.m-filter-item input[type=checkbox],.m-filter-item input[type=radio]{flex-shrink:0;width:calc(16px * var(--s));height:calc(16px * var(--s));margin:0 calc(12px * var(--s)) 0 0;padding:0;cursor:pointer;accent-color:rgb(40,141,225);vertical-align:middle}.m-filter-item .status-dot{flex-shrink:0;width:calc(14px * var(--s))!important;height:calc(14px * var(--s))!important;margin:0!important;vertical-align:middle}.m-sort-item{display:block;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:calc(10px * var(--s)) calc(16px * var(--s));font-family:Better Together,Prompt,sans-serif;font-size:calc(16px * var(--s));color:var(--text);white-space:nowrap}.m-sort-item:hover{background:#4ab0fe1f}.m-sort-item.is-active{color:var(--darkBlue);font-weight:600;background:#4ab0fe2e}.m-sort-clear{border-top:1px solid var(--row);margin-top:calc(2px * var(--s));color:var(--red)}.m-filter-section{border-top:1px solid var(--row);margin-top:calc(4px * var(--s));padding:calc(10px * var(--s)) calc(16px * var(--s)) calc(6px * var(--s));font-size:calc(15px * var(--s));font-weight:600;color:var(--darkBlue);text-transform:none;letter-spacing:.02em}.m-filter-section-first{border-top:none;margin-top:0}.m-table{position:relative;z-index:1!important;background:#fff;border-radius:calc(8px * var(--s));border:1px solid var(--greyBorder);box-shadow:0 calc(4px * var(--s)) calc(16px * var(--s)) #0842570d;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-height:0}.m-thead{display:grid;grid-template-columns:2.8fr 1fr 1.5fr 1fr 1.1fr;align-items:stretch;background:linear-gradient(180deg,#0e6b70,#084257);color:#fff;font-weight:500;font-size:calc(15px * var(--s));padding:calc(8px * var(--s)) 0}.m-thead>div{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 calc(4px * var(--s));line-height:1.15;border-right:1px solid rgba(255,255,255,.45)}.m-thead>div:last-child{border-right:none}.m-tbody{overflow-y:auto;min-height:0;display:block;scrollbar-width:none}.m-tbody::-webkit-scrollbar{width:0;height:0;display:none}.m-trow{display:grid;grid-template-columns:2.8fr 1fr 1.5fr 1fr 1.1fr;align-items:stretch;font-size:calc(15px * var(--s));font-weight:400;border-bottom:1px solid var(--row);text-align:center;color:#000;padding:0}.m-trow>div{padding:calc(8px * var(--s)) calc(4px * var(--s));border-right:1px solid var(--row);display:flex;align-items:center;justify-content:center;line-height:1.25;color:#000}.m-trow>div:last-child{border-right:none}.m-trow>div:nth-child(n+2){background:#fafbfc;color:#000}.m-trow>div:first-child{text-align:left;padding-left:calc(12px * var(--s));display:flex;align-items:center;justify-content:flex-start;white-space:normal;word-break:break-word;line-height:1.2;color:#000}.m-root .status-dot{width:calc(14px * var(--s))!important;height:calc(14px * var(--s))!important;margin-right:calc(8px * var(--s))!important}.m-data-loading{position:absolute;left:calc(20px * var(--s));bottom:calc(4px * var(--s));font-family:Anuphan,sans-serif;font-size:calc(10px * var(--s));color:var(--red)}.m-data-loading{color:var(--grey)}@font-face{font-family:Better Together;src:url(/assets/fonts/BetterTogether-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Better Together;src:url(/assets/fonts/BetterTogether-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Better Together;src:url(/assets/fonts/BetterTogether-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Better Together;src:url(/assets/fonts/BetterTogether-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}html,body{margin:0;padding:0;background:transparent;font-family:Anuphan,sans-serif}*{box-sizing:border-box}#root{width:100%;height:100%}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle;flex-shrink:0}.status-dot.green{background:#2eb85c}.status-dot.yellow{background:#f0c026}.status-dot.red{background:#dc3545}.status-dot.gray{background:#bac9cc}