@keyframes slideInRight{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}@keyframes meetingRoomBottomSheetSlideUp{0%{transform:translateY(var(--rsc-slide-from, 100%))}to{transform:translateY(0)}}@keyframes meetingRoomBottomSheetSlideDown{0%{transform:translateY(0)}to{transform:translateY(var(--rsc-slide-from, 100%))}}.pageEnter{animation:slideInRight .35s cubic-bezier(.16,1,.3,1) forwards}@media(prefers-reduced-motion:reduce){.pageEnter{animation:none}}.hideScrollbar::-webkit-scrollbar{display:none}.hideScrollbar{-ms-overflow-style:none;scrollbar-width:none}.container{height:100%;min-height:100%;display:flex;flex-direction:column;overflow:hidden}.containerLight{background:#f7f7f7}.containerDark{background:#1b1d1e}.contentWrapper{flex:1;padding:12px;padding-bottom:calc(100px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none}.contentWrapper::-webkit-scrollbar{display:none}.contentWrapperTablet{padding:16px}.hero{border-radius:16px;padding:12px 14px;border:1px solid var(--border, #e5e7eb);box-shadow:var(--shadow, 0 14px 30px rgba(15, 23, 42, .1));margin-bottom:14px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 240px at 15% 10%,#0bae5533,#0bae5500 65%);pointer-events:none}.heroLight{background:linear-gradient(180deg,#fffffff2,#f8fafcf2)}.heroDark{background:linear-gradient(180deg,#1f2123f2,#1b1d1ef2)}.heroRow{position:relative;display:flex;align-items:center;gap:12px}.heroIcon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#0bae5524;border:1px solid rgba(11,174,85,.22);color:var(--text, #111827);flex-shrink:0}.heroText{display:flex;flex-direction:column;gap:2px;min-width:0}.heroTitle{font-size:16px;font-weight:800;letter-spacing:.2px;color:var(--text, #111827);line-height:1.2}.heroSubtitle{font-size:13px;color:var(--muted, #6b7280);font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dateScroller{background:transparent;border-radius:0;box-shadow:none;padding:0;overflow:hidden;display:block}.dateScrollerInner{display:flex;align-items:flex-end;gap:12px;padding:0 4px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}.dateScrollerInner::-webkit-scrollbar{display:none}.dateScrollerInnerTablet{gap:16px}.dateItemBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:80px;padding:8px;border:2px solid;border-radius:8px;cursor:pointer;transition:all .2s ease}.dateItemBtnLight{background:#fffffff2;border-color:#e5e7eb;box-shadow:0 6px 16px #0f172a0f}.dateItemBtnDark{background:#1f2123e6;border-color:#ffffff1a;box-shadow:0 10px 26px #0000006b}.dateItemBtnSelected{border-color:var(--selected-color, #0bae55);box-shadow:0 12px 26px #0bae5538}.dateItemBtn:not(.todayBtn):hover{transform:translateY(-1px);border-color:#0bae5573}.dateItemBtn:not(.todayBtn):active{transform:translateY(0)}.dateItemBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #0bae5542,0 12px 26px #0bae552e}.dateItemDayShort{font-size:18px;font-weight:500}.dateItemDayShortEn{font-size:14px}.dateItemDayNum{font-size:20px;font-weight:700}.dateItemTextLight{color:#6b7280}.dateItemTextDark{color:#9ca3af}.dateItemTextSelected{color:var(--selected-color, #0bae55)}.dateItemTextSelectedDark{color:#fff}.todayBadgeContainer{position:relative;flex-shrink:0}.todayBadge{display:flex;width:54px;height:100px;padding:8px;border-radius:8px;border:1px solid var(--border, #e5e7eb)}.todayBadgeLight{background:#e5e7eb;color:#6b7280}.todayBadgeDark{background:#282a2c;color:#9ca3af}.todayBadgeSelected{background:var(--selected-color, #0bae55);color:#fff}.todayBadgeText{font-size:12px;font-weight:500;position:relative;top:-5px;width:100%;text-align:center;line-height:16px}.todayBadgeTextEn{font-size:11px;line-height:12px}.todayBtn{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.roomCard{border-radius:12px;overflow:hidden;box-shadow:var(--shadow, 0 14px 30px rgba(15, 23, 42, .1));padding:12px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border, #e5e7eb);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.roomActions{width:100%}.roomActions .bookBtn{width:100%;display:flex;justify-content:center;align-items:center}.roomCardLight{background:linear-gradient(180deg,#fffffff5,#f8fafcf5)}.roomCardDark{background:linear-gradient(180deg,#252729f5,#1b1d1ef5)}.roomCard:hover{transform:translateY(-2px);border-color:#0bae554d}.roomCardHit{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;cursor:pointer;border-radius:10px;padding:2px}.roomCardHit:focus-visible{outline:none;box-shadow:0 0 0 3px #0bae5542}.roomThumbnail{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,0);align-self:center}.roomThumbnailLight{background:#f3f4f6}.roomThumbnailDark{background:#ffffff0d}.roomThumbnailImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;z-index:0}.roomThumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000,#0000001f);pointer-events:none;z-index:1}.roomThumbnailPlaceholder{z-index:2}.roomContent{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.roomName{font-size:16px;font-weight:600;line-height:1.2;margin-bottom:4px}.roomNameTablet{font-size:18px}.roomNameLight{color:#1f2937}.roomNameDark{color:#f9fafb}.branchBadge{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;display:inline-block;margin-top:6px}.branchBadgeTablet{padding:4px 10px;font-size:12px}.branchBadgeLight{background:#1f293714;color:#4b5563;border:none;box-shadow:none}.branchBadgeDark{background:#f9fafb1a;color:#d1d5db;border:none;box-shadow:none}.bookBtn{padding:8px 16px;border-radius:4px;border:none;color:#fff;font-size:14px;font-weight:400;cursor:pointer;font-family:Kanit,sans-serif;white-space:nowrap;min-height:40px;background:var(--selected-color, #0bae55);transition:transform .12s ease,filter .12s ease,box-shadow .16s ease}.bookBtnTablet{padding:10px 18px;font-size:15px;min-height:42px}.bookBtnLight{box-shadow:0 10px 22px #0bae5540}.bookBtnDark{box-shadow:none}.bookBtn:hover{filter:brightness(1.04);transform:translateY(-1px)}.bookBtn:active{transform:translateY(0);filter:brightness(.98)}.bookBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #0bae5547,0 10px 22px #0bae5540}.roomActions{display:flex;justify-content:flex-end;align-items:flex-end;align-self:center}.bookingForm{border-radius:16px;padding:20px;box-shadow:var(--shadow, 0 14px 30px rgba(15, 23, 42, .1));border:1px solid var(--border, #e5e7eb);max-width:600px;width:100%;margin:0 auto}.bookingPageForm{padding:18px 16px 26px;box-shadow:none;border:none;border-radius:0;max-width:100%;margin:0}.bookingFormTablet{padding:24px;max-width:640px}.bookingFormLight{background:linear-gradient(180deg,#fffffff5,#f8fafcf5)}.bookingFormDark{background:linear-gradient(180deg,#252729f5,#1b1d1ef5)}.bookingModalOverlay{position:fixed;inset:0;z-index:9999;background-color:#00000080;display:grid;place-items:center;padding:18px}.bookingModalCard{width:clamp(400px,90vw,600px);height:clamp(500px,85vh,650px);border-radius:20px;border:1px solid rgba(255,255,255,.06);overflow:hidden;display:flex;flex-direction:column}.bookingModalCardLight{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border-color:#1118271a}.bookingModalCardDark{background:linear-gradient(180deg,#252729fa,#1b1d1efa);border-color:#ffffff1a}.bookingModalHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid rgba(148,163,184,.18)}.bookingModalTitle{font-size:18px;font-weight:700}.bookingModalBody{padding:14px 16px 18px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.bookingModalBody::-webkit-scrollbar{display:none}.bookingModalDateScroller{margin-bottom:14px}.bookingFormHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bookingFormTitle{font-size:18px;font-weight:600}.bookingFormTitleTablet{font-size:20px}.closeBtn{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.closeBtnLight{background:#f3f4f6;color:#1f2937}.closeBtnDark{background:#ffffff1a;color:#f9fafb}.closeBtn:hover{transform:translateY(-1px)}.closeBtn:active{transform:translateY(0)}.closeBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #0bae5542}.formSection{margin-bottom:16px}.formLabel{display:block;margin-bottom:6px;font-size:14px}.formLabelLight{color:#374151}.formLabelDark{color:#d1d5db}.requiredMark{color:red}.textInput{width:100%;padding:10px 12px;border-radius:8px;border:1px solid;font-size:16px;box-sizing:border-box;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.textInputLight{border-color:#d1d5db;background:#f9fafb;color:#000}.textInputDark{border-color:#4b5563;background:#1f2123;color:#fff}.textInput:focus,.textInput:focus-visible{outline:none;border-width:1px;border-style:solid;border-color:var(--selected-color, #0bae55);box-shadow:0 0 0 3px #0bae552e}.timelineContainer{margin-bottom:16px}.timelineLabel{font-size:14px;font-weight:500;margin-bottom:8px}.timelineBar{position:relative;height:28px;border-radius:14px;overflow:hidden;box-shadow:inset 0 3px 6px #0000000d;border:1px solid transparent}.timelineBarLight{background:#e2e8f066;background-image:repeating-linear-gradient(to right,rgba(17,24,39,.05) 0,rgba(17,24,39,.05) 1px,transparent 1px,transparent 10%);border-color:#fffc}.timelineBarDark{background:#ffffff0a;background-image:repeating-linear-gradient(to right,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 10%);border-color:#ffffff1a}.timelineSlot{position:absolute;top:0;bottom:0;border-radius:0;cursor:pointer;transition:transform .2s ease,filter .2s ease}.timelineSlotLight{box-shadow:0 4px 12px #0bae5566}.timelineSlotDark{box-shadow:0 4px 12px #0bae5540}.timelineSlot:hover{filter:brightness(1.1);transform:scaleY(1.05)}.timelineLabels{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;padding:0 8px}.slotReflection{position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:0;pointer-events:none}.timelineLabels{display:flex;justify-content:space-between;margin-top:6px;font-size:11px}.timelineLabelTextLight{color:#6b7280}.timelineLabelTextDark{color:#9ca3af}.timelineLoading{margin-top:8px;font-size:12px;min-height:28px;display:flex;align-items:center;justify-content:center;transition:opacity .14s ease}.timelineLoadingHidden{opacity:0}.timelineSpinnerWrap{display:flex;align-items:center;justify-content:center}.timelineSpinnerIcon{display:block}.timePickerRow{display:flex;gap:16px;margin-bottom:24px}.timePickerItem{flex:1}@media(max-width:420px){.timePickerRow{flex-direction:column;gap:12px}}.formButtons{display:flex;gap:12px}.formBtn{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;font-family:Kanit,sans-serif;font-weight:500;transition:transform .12s ease,filter .12s ease,box-shadow .16s ease}.formBtnDisabled{cursor:not-allowed;opacity:.6}.formBtnSecondary{background:#e5e7eb;color:#374151}.formBtnSecondaryDark{background:#374151;color:#f9fafb}.formBtnPrimary{background:var(--selected-color, #0bae55);color:#fff}.formBtnPrimarySubmitting{opacity:.8}.formBtnPrimarySubmittingDark{background:#1e4d2b}.formBtnPrimarySubmittingLight{background:#86efac}.formBtn:hover{transform:translateY(-1px);filter:brightness(1.02)}.formBtn:active{transform:translateY(0);filter:brightness(.98)}.formBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #0bae5538}.modalOverlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{padding:24px;border-radius:16px;display:flex;flex-direction:column;align-items:center;width:90%;max-width:300px}.modalLight{background:#fff}.modalDark{background:#282a2c}.modalWide{max-width:360px}.successModal{padding:32px}.modalIconError{width:50px;height:50px;border-radius:50%;background:#fde8e8;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.modalIconErrorMark{font-size:28px;color:#e02424;font-weight:700}.modalIconSuccess{width:60px;height:60px;border-radius:50%;background:#def7ec;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.modalIconSuccessMark{font-size:32px;color:#0bae55}.modalIconErrorLottie{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.modalIconErrorLottieLight{background:#fde8e8}.modalIconErrorLottieDark{background:#ef444426}.modalTitle{font-size:16px;font-weight:500;text-align:center;margin-bottom:20px}.modalTitleLight{color:#1f2937}.modalTitleDark{color:#f9fafb}.modalSuccessText{font-size:18px;font-weight:600}.modalErrorTitle{font-size:15px;font-weight:700;text-align:center;margin-bottom:10px;line-height:1.5}.modalErrorTitleLight{color:#111827}.modalErrorTitleDark{color:#f9fafb}.modalBtn{width:100%;padding:10px;border-radius:8px;border:none;cursor:pointer;font-family:Kanit,sans-serif;font-weight:500}.modalBtnSecondary{background:#e5e7eb;color:#374151}.modalBtnSecondaryDark{background:#374151;color:#f9fafb}.modalBtnPrimary{margin-top:16px;padding:10px 12px;border-radius:10px;background:var(--selected-color, #0bae55);color:#fff;font-weight:600}.overlapInfoBox{margin-top:14px;width:100%;padding:12px;border-radius:12px}.overlapInfoBoxLight{background:#f9fafb;border:1px solid #E5E7EB}.overlapInfoBoxDark{background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.overlapInfoLabel{font-size:13px;font-weight:700;margin-bottom:8px}.overlapInfoLabelLight{color:#111827}.overlapInfoLabelDark{color:#f9fafb}.overlapInfoText{font-size:13px;line-height:1.5}.overlapInfoTextLight{color:#374151}.overlapInfoTextDark{color:#d1d5db}.overlapInfoTextSpacing{margin-top:8px}.overlapInfoTextSmallSpacing{margin-top:6px}.roomList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:600px;width:100%;margin:0 auto}.roomListTablet{max-width:840px}.roomList .emptyState{grid-column:1 / -1}.roomList .roomCard{height:100%}.emptyState{border-radius:12px;padding:16px;text-align:center;box-shadow:0 2px 8px #00000014;border:1px solid var(--border, #e5e7eb)}.emptyStateTablet{padding:20px}.emptyStateLight{background:#fff;color:#6b7280}.emptyStateDark{background:#282a2c;color:#9ca3af}.helperRow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px dashed rgba(11,174,85,.35);background:#0bae550f}.helperRowLight{color:#166534}.helperRowDark{color:#86efac}.helperDot{width:10px;height:10px;border-radius:999px;background:var(--selected-color, #0bae55);box-shadow:0 0 0 4px #0bae551f;flex-shrink:0}.helperText{font-size:13px;font-weight:600;line-height:1.25}.marginTop{margin-top:8px}.marginTopTablet{margin-top:16px}.roomListStack{display:flex;flex-direction:column;gap:16px;max-width:600px;width:100%;margin:0 auto}.roomListStackTablet{max-width:840px}.scheduleStack{display:flex;flex-direction:column;gap:16px;max-width:960px;width:100%;margin:0 auto}.scheduleStackTablet{max-width:1100px}.dayScheduleCard{border-radius:14px;padding:14px;border:1px solid var(--border, #e5e7eb);box-shadow:0 2px 8px #00000014}.dayScheduleCardLight{background:#fff}.dayScheduleCardDark{background:#282a2c}.dayScheduleHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.dayScheduleTitle{font-size:14px;font-weight:800;letter-spacing:.2px;color:var(--text, #111827)}.dayScheduleMeta{font-size:12px;font-weight:700}.dayScheduleMetaLight{color:#6b7280}.dayScheduleMetaDark{color:#9ca3af}.dayScheduleEmpty{border-radius:12px;padding:14px;text-align:center;border:1px dashed rgba(11,174,85,.22);background:#0bae550f;font-size:13px;font-weight:600}.dayScheduleEmptyLight{color:#166534}.dayScheduleEmptyDark{color:#86efac}.bookingsTableWrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border, #e5e7eb);scrollbar-width:none;-ms-overflow-style:none}.bookingsTableWrap::-webkit-scrollbar{display:none}.bookingsTable{width:100%;border-collapse:collapse;min-width:640px;font-size:13px}.bookingsTable thead th{text-align:left;padding:10px 12px;font-size:12px;font-weight:800;letter-spacing:.2px;border-bottom:1px solid var(--border, #e5e7eb);white-space:nowrap}.bookingsTable tbody td{padding:10px 12px;border-bottom:1px solid var(--border, #e5e7eb);vertical-align:top}.bookingsTable tbody tr:last-child td{border-bottom:none}.bookingsTableLight thead th{background:#f8fafc;color:#111827}.bookingsTableDark thead th{background:#1f2123;color:#f9fafb}.bookingsTableLight tbody td{color:#111827}.bookingsTableDark tbody td{color:#e5e7eb}.bookingsCellTime{width:120px;white-space:nowrap;font-weight:700}.bookingsCellRoom{width:160px;white-space:nowrap}.bookingsCellTopic{min-width:220px}.bookingsCellBy{width:160px;white-space:nowrap}.vtlWrap{position:relative;margin-bottom:18px;border-radius:18px;background:#f1f5f9eb;border:1px solid rgba(15,23,42,.06);box-shadow:0 14px 34px #0f172a14;padding:12px 12px 10px;overflow:hidden}.vtlHeader{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.vtlHeaderLeft{display:flex;align-items:center;gap:10px;min-width:0}.vtlTodayPill{padding:3px 9px;border-radius:999px;background:#0bae55;color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1.6}.vtlDateText{font-size:13px;font-weight:700;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vtlHeaderSpinner{width:16px;height:16px;border-radius:999px;border:2px solid}.containerDark .vtlWrap{background:#1118276b;border-color:#ffffff1a;box-shadow:none}.containerDark .vtlTodayPill{background:#254e2c;color:#fff}.containerDark .vtlDateText{color:#d1d5db}.vtlHourRange,.vtlHourRangeLight,.vtlHourRangeDark,.vtlHourRangeIcon{display:none}.vtlGrid{display:flex;gap:12px}.vtlTimeAxis{display:flex;flex-direction:column;flex-shrink:0;width:54px;padding-top:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vtlTimeAxisTablet{width:60px}.vtlHourTick{display:flex;align-items:flex-start;position:relative}.vtlHourLabel{font-size:12px;font-weight:700;line-height:1.1;min-width:46px;text-align:right;padding-right:8px;color:#64748b}.containerDark .vtlHourLabel{color:#94a3b8}.vtlHourLabelLight,.vtlHourLabelDark{color:inherit}.vtlBody{flex:1;position:relative;border-radius:16px;background:#ffffffb3;border:1px solid rgba(15,23,42,.06);overflow:hidden}.containerDark .vtlBody{background:#ffffff0f;border-color:#ffffff14}.vtlHourRow{position:relative;border-top:1px solid rgba(15,23,42,.1)}.containerDark .vtlHourRow{border-top-color:#ffffff14}.vtlHourRowLight,.vtlHourRowDark{border-top-color:inherit}.vtlHourRowLast{border-bottom:1px solid rgba(15,23,42,.1)}.containerDark .vtlHourRowLast{border-bottom-color:#ffffff14}.vtlEventsLayer{position:absolute;top:0;left:0;right:0;pointer-events:none}.vtlEventCard{position:absolute;border-radius:14px;padding:10px 12px;box-sizing:border-box;overflow:hidden;pointer-events:auto;cursor:default;transition:transform .15s ease,filter .15s ease;display:flex;flex-direction:column;gap:6px;background:#8cc7d4;color:#fff;box-shadow:0 10px 22px #0f172a24}.vtlEventCard:hover{transform:translateY(-1px);filter:brightness(1.01)}.vtlEventCardLight{background:#8cc7d4}.vtlEventCardDark{background:#5aa9ba}.vtlEventTopRow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.vtlEventMore{font-size:18px;line-height:1;opacity:.9;transform:translateY(-2px)}.vtlEventTitle{font-size:14px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vtlEventTitleLight,.vtlEventTitleDark{color:inherit}.vtlEventTime{font-size:12px;font-weight:700;opacity:.92}.vtlEventFooter{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;opacity:.92;min-height:16px}.vtlEventGuests{display:flex;align-items:center;gap:6px;white-space:nowrap;opacity:.92}.vtlEventGuests svg{opacity:.95}.vtlEventMeta,.vtlEventMetaLight,.vtlEventMetaDark{display:none}.vtlNowLine{position:absolute;left:0;right:0;height:2px;pointer-events:none;z-index:4;display:flex;align-items:center}.vtlNowLineDot{width:9px;height:9px;border-radius:50%;background:#ff4757;flex-shrink:0;margin-left:-5px;box-shadow:0 0 0 3px #ff475740}.vtlNowLineBar{flex:1;height:2px;background:#ff4757;opacity:.65}.vtlNoBookings{border-radius:12px;padding:14px 16px;font-size:13px;font-weight:600;text-align:center;border:1px dashed rgba(11,174,85,.22);background:#0bae550f;margin-bottom:20px}.vtlNoBookingsLight{color:#166534}.vtlNoBookingsDark{color:#86efac}.vtlSectionLabel{font-size:15px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;color:#000}.containerDark .vtlSectionLabel{color:#fff}.vtlList{display:flex;flex-direction:column;gap:10px}.vtlListItem{display:flex;gap:10px;border-radius:12px;overflow:hidden}.vtlListItemLight{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #00000014}.vtlListItemDark{background:#282a2c;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #00000052}.vtlListItemBar{width:4px;flex-shrink:0}.vtlListItemMain{flex:1;padding:10px 12px;min-width:0}.vtlListItemTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.vtlListItemTime{font-size:12px;font-weight:800;letter-spacing:.2px;white-space:nowrap}.vtlListItemTimeLight{color:#111827}.vtlListItemTimeDark{color:#f9fafb}.vtlListItemRoom{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.vtlListItemRoomLight{color:#6b7280}.vtlListItemRoomDark{color:#9ca3af}.vtlListItemTopic{font-size:13px;font-weight:800;line-height:1.25;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vtlListItemTopicLight{color:#111827}.vtlListItemTopicDark{color:#f9fafb}.vtlListItemBy{font-size:11px;font-weight:600;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vtlListItemByDark{color:#9ca3af}.glassSchWrap{position:relative;background:transparent;border:none;box-shadow:none;padding:0 12px 12px;margin-bottom:18px;overflow:hidden}.containerDark .glassSchWrap{background:transparent;border:none;box-shadow:none}.glassSchGrid{display:grid;gap:0;grid-auto-rows:minmax(var(--glass-slot-h, 28px),auto);align-items:stretch;position:relative}.glassSchTimeAxis{display:flex;flex-direction:column;width:55px;flex-shrink:0}.glassSchHourLabel{font-size:11px;font-weight:600;color:#64748b;text-align:right;padding-right:10px;padding-top:0;display:flex;align-items:flex-start;line-height:1;white-space:nowrap;transform:translateY(-6px)}.containerDark .glassSchHourLabel{color:#94a3b8}.glassSchBody{flex:1;position:relative;border-radius:0;background:#fff9;border:1px solid rgba(15,23,42,.08);box-shadow:none}.containerDark .glassSchBody{background:#11182740;border:1px solid rgba(255,255,255,.08)}.glassSchRow{position:relative;border-top:1px solid rgba(15,23,42,.12)}.containerDark .glassSchRow{border-top:1px solid rgba(255,255,255,.12)}.glassSchRowHalf{position:absolute;border-top:1px dashed rgba(15,23,42,.12);width:100%}.containerDark .glassSchRowHalf{border-top:1px dashed rgba(255,255,255,.08)}.glassSchSlotLine{pointer-events:none;align-self:start;width:100%;height:1px;border-top:1px solid rgba(15,23,42,.1);margin:0}.containerDark .glassSchSlotLine{border-top-color:#ffffff1f}.glassSchSlotLineHalf{border-top-style:dashed;border-top-color:#0f172a0f}.containerDark .glassSchSlotLineHalf{border-top-color:#ffffff0f}.glassSchSlotLineHour{border-top-style:solid;border-top-color:#0f172a1a}.containerDark .glassSchSlotLineHour{border-top-color:#ffffff1a}.glassSchEvent{position:relative;border-radius:0;margin:2px 3px;padding:5px 8px 5px 11px;display:flex;flex-direction:column;justify-content:flex-start;gap:1px;background:#0bae55;border:none;box-shadow:0 2px 8px #0bae5538;color:#fff;overflow:hidden;transition:box-shadow .16s ease,filter .12s ease,transform .12s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.glassSchEvent:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ffffff80;border-radius:0}.glassSchEvent:hover{filter:brightness(1.06);box-shadow:0 4px 14px #0bae5552}.glassSchEvent:active{transform:scale(.99)}.containerDark .glassSchEvent{background:#166534;box-shadow:0 2px 10px #00000059}.glassSchEvent:focus-visible{outline:none;box-shadow:0 0 0 3px #0bae5547}.glassSchEventTitle{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;flex:1;min-width:0}.glassSchEventExpanded{overflow:visible;z-index:10;box-shadow:0 6px 20px #0bae5559}.glassSchEventChevron{display:block;color:#fff;flex-shrink:0;transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.glassSchEventDetails{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .26s cubic-bezier(.34,1.1,.64,1),opacity .2s ease,margin-top .26s cubic-bezier(.34,1.1,.64,1)}.glassSchEventDetails>*{overflow:hidden}.glassSchEventDetailsOpen{grid-template-rows:1fr;opacity:1;margin-top:6px}.glassSchEventExpanded .glassSchEventChevron{transform:rotate(180deg)}.glassSchEventMeta{font-size:11px;font-weight:600;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 0}.glassSchEventTime{font-size:11px;opacity:.9}.glassSchEventBy{font-size:11px;font-weight:600;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}@font-face{font-family:Kanit;src:url(/assets/fonts/Kanit-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/fonts/Kanit-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/fonts/Kanit-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/fonts/Kanit-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--app-font-family: "Kanit", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji", "Segoe UI Emoji";--green-700: #01543c;--green-600: #006a4b;--green-500: #0bad55;--green-400: #0bae55;--bg-main: #f8f8f8;--bg-secondary: #ffffff;--btn-primary: #0bae55;--text-primary: #111827;--rsc-dropdown-bg: rgba(243, 244, 246, .9);--rsc-dropdown-fg: #1f2937;--rsc-dropdown-border: #d1d5db;--rsc-dropdown-shadow-open: #bfdbfe;--rsc-dropdown-menu-bg: #ffffff;--rsc-dropdown-menu-border: #e5e7eb;--rsc-dropdown-item-fg: #1f2937;--rsc-dropdown-item-active-bg: #f3f4f6;--rsc-dropdown-item-hover-bg: rgba(243, 244, 246, .7);--rsc-dropdown-radius: 12px}html.dark{--bg-main: #1b1d1e;--bg-secondary: #282a2c;--btn-primary: #3a6b41;--text-primary: #f9fafb;--rsc-dropdown-bg: #282a2c;--rsc-dropdown-fg: #f9fafb;--rsc-dropdown-border: rgba(255, 255, 255, .12);--rsc-dropdown-shadow-open: #4b5563;--rsc-dropdown-menu-bg: #1c1d1f;--rsc-dropdown-menu-border: rgba(255, 255, 255, .1);--rsc-dropdown-item-fg: #e5e7eb;--rsc-dropdown-item-active-bg: rgba(255, 255, 255, .1);--rsc-dropdown-item-hover-bg: rgba(255, 255, 255, .06)}a,button,input,select,textarea{color:inherit;font-family:inherit}select,.rsc-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:100%!important;background-color:var(--rsc-dropdown-bg)!important;border:1px solid var(--rsc-dropdown-border)!important;border-radius:var(--rsc-dropdown-radius)!important;color:var(--rsc-dropdown-fg)!important;cursor:pointer;font-family:var(--app-font-family)!important;font-size:14px!important;font-weight:600!important;padding:12px 44px 12px 16px!important;transition:background-color .2s,border-color .2s,box-shadow .2s;box-shadow:none!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:20px 20px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M112 184l144 144 144-144' fill='none' stroke='%23374151' stroke-width='48' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}html.dark select,html.dark .rsc-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M112 184l144 144 144-144' fill='none' stroke='%23D1D5DB' stroke-width='48' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}select:disabled,.rsc-select:disabled{cursor:not-allowed;opacity:.7}html.dark select option,html.dark .rsc-select option{background-color:var(--rsc-dropdown-menu-bg);color:var(--rsc-dropdown-item-fg)}.rsc-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:var(--rsc-dropdown-radius);padding:12px 16px;font-family:Kanit,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;background:var(--rsc-dropdown-bg);color:var(--rsc-dropdown-fg);border:1px solid var(--rsc-dropdown-border);box-shadow:none;transition:background-color .2s,border-color .2s,box-shadow .2s}.rsc-dropdown-trigger.is-open{box-shadow:0 0 0 2px var(--rsc-dropdown-shadow-open)}.rsc-dropdown-chevron{width:20px;height:20px;flex:none;color:inherit;opacity:.7;transform:rotate(0);transition:transform .2s}.rsc-dropdown-trigger.is-open .rsc-dropdown-chevron{transform:rotate(180deg)}.rsc-dropdown-menu{border-radius:var(--rsc-dropdown-radius);overflow:hidden;max-height:240px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--rsc-dropdown-menu-bg);border:1px solid var(--rsc-dropdown-menu-border);box-shadow:0 10px 30px #0003;scrollbar-width:none;-ms-overflow-style:none}.rsc-dropdown-menu::-webkit-scrollbar{display:none}.rsc-dropdown-item{width:100%;text-align:left;padding:12px 16px;font-size:14px;font-weight:600;font-family:Kanit,system-ui,-apple-system,sans-serif;color:var(--rsc-dropdown-item-fg);background:transparent;border:none;cursor:pointer;transition:background-color .15s}.rsc-dropdown-item.is-active{background:var(--rsc-dropdown-item-active-bg)}.rsc-dropdown-item:not(.is-active):hover{background:var(--rsc-dropdown-item-hover-bg)}html,body,#root{height:100%}html{background:linear-gradient(180deg,#0ccf65,#01543c)}body{margin:0;font-family:var(--app-font-family);background:linear-gradient(180deg,#0ccf65,#01543c)}html,body{overflow:hidden;overscroll-behavior:none;touch-action:manipulation;width:100%;height:100vh;min-height:100vh;position:relative}html,body,#root{margin:0;padding:0}*{box-sizing:border-box}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:none}input:focus{outline:none;border:none;box-shadow:none}input::placeholder{color:#9ca3af;opacity:1}input::-webkit-input-placeholder{color:#9ca3af}input::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder{color:#9ca3af}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:grid;place-items:center;z-index:50}.card{background:#fff;border-radius:4px;box-shadow:0 4px 8px #00000026}.app-scroll{scrollbar-width:none;-ms-overflow-style:none}.app-scroll::-webkit-scrollbar{width:0;height:0;display:none}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.scrollable-content{scrollbar-width:none;-ms-overflow-style:none}.scrollable-content::-webkit-scrollbar{display:none}html,body,#root,.app-scroll{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;touch-action:auto!important}input::selection,textarea::selection,[contenteditable=true]::selection{background:#0bae55;color:#fff}input::-moz-selection,textarea::-moz-selection,[contenteditable=true]::-moz-selection{background:#0bae55;color:#fff}*,*:before,*:after{-webkit-tap-highlight-color:transparent}*:focus,*:focus-visible,*:focus-within{outline:none!important}button,button:focus,button:active,button:focus-visible,button:focus-within,[type=button],[type=submit],[role=button],a,a:focus,a:active,select,textarea,input,summary,[tabindex]{outline:none!important;box-shadow:none!important;-webkit-focus-ring-color:rgba(0,0,0,0)}::-moz-focus-inner{border:0!important}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}.animated-gradient{background:linear-gradient(-45deg,#3a1c71,#d76d77,#ffaf7b);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bottom-sheet-overlay{position:fixed;inset:0;background:#00000073;z-index:60}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -10px 30px #00000040}.bottom-sheet .handle{width:40px;height:4px;border-radius:2px;background:#fff6;margin:8px auto 4px}@keyframes bottomSheetSlideUp{0%{transform:translateY(var(--rsc-slide-from, 100%))}to{transform:translateY(0)}}@keyframes bottomSheetSlideDown{0%{transform:translateY(0)}to{transform:translateY(var(--rsc-slide-from, 100%))}}.news-content img{max-width:100%!important;height:auto!important;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.profile-modal-overlay{animation:fadeInOverlay .18s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.profile-modal-card{--rsc-slide-from: 14px;animation:bottomSheetSlideUp .42s cubic-bezier(.25,1,.5,1) forwards}@keyframes snake-border-anim{0%{stroke-dashoffset:230}30%{stroke-dashoffset:0}60%{stroke-dashoffset:-230}to{stroke-dashoffset:-230}}.profile-hover-container{transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center}.profile-hover-container:hover{transform:scale(1.1);z-index:50}.profile-img-box{box-sizing:border-box;border-width:3px;border-style:solid;transition:border-color .2s ease}.profile-hover-container:hover .profile-img-box{border-color:transparent!important}.snake-border-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;transform:rotate(-90deg)}.snake-border-svg circle{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:230;stroke-dashoffset:230;opacity:0;transition:opacity .2s ease}.profile-hover-container:hover .snake-border-svg circle{opacity:1;animation:snake-border-anim 5s ease-in-out infinite}.stroke-light{stroke:#fff}.stroke-dark{stroke:#d1d5db}.page-transition-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background-color:inherit;overflow:hidden}.slide-right-enter{transform:translate(100%);z-index:2;will-change:transform;backface-visibility:hidden}.slide-right-enter-active{transform:translate(0);transition:transform .3s cubic-bezier(.25,.8,.5,1);will-change:transform;backface-visibility:hidden}.slide-right-exit{transform:translate(0);z-index:1;will-change:transform;backface-visibility:hidden}.slide-right-exit-active{transform:translate(100%);transition:transform .3s cubic-bezier(.22,.61,.36,1);will-change:transform;backface-visibility:hidden}.tablet-sheet-enter{transform:translateY(100%);opacity:0;will-change:transform,opacity}.tablet-sheet-enter-active{transform:translateY(0);opacity:1;transition:transform .38s cubic-bezier(.25,1,.5,1),opacity .28s ease-out;will-change:transform,opacity}.tablet-sheet-exit{transform:translateY(0);opacity:1;will-change:transform,opacity}.tablet-sheet-exit-active{transform:translateY(100%);opacity:0;transition:transform .3s cubic-bezier(.5,0,.75,0),opacity .2s ease-in;will-change:transform,opacity}