:root{font-family:IBM Plex Sans Thai,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--primary-color: #51d1dc;--background: #fff;--light-background: #f6f6f6;--main-shadow: rgba(149, 157, 165, .25) 0px 8px 24px;--light-shadow: rgba(149, 157, 165, .129) 0px 8px 24px;--text: #000;--lightGreen: rgb(178, 249, 226);--green: rgb(30, 203, 131);--red: #fd4169;--light-red: #fd416910;color:var(--text);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-width:0;width:100%;min-height:100%}body{overflow-x:hidden}.center{display:flex;justify-content:center;align-items:center;height:100%}.boxInput{font-family:IBM Plex Sans Thai,sans-serif;padding:1rem;border-radius:.5rem;border:0;box-shadow:var(--main-shadow);width:100%;box-sizing:border-box;appearance:none}.boxButton{font-family:IBM Plex Sans Thai,sans-serif;padding:1rem;border-radius:.5rem;border:0;box-shadow:var(--main-shadow);width:100%;color:#fff;background-color:#51d1dc;box-sizing:border-box}.boxButton:hover{transition-duration:.2s;transform:scale(1.05)}.boxButton:active{transition-duration:.2s;transform:scale(.97)}.margBottom1{margin-bottom:1rem}@media(max-width:640px){h1{font-size:1.55rem;line-height:1.25}h2{font-size:1.2rem}.boxInput,.boxButton{padding:.85rem}}@keyframes boxicon-spin{to{transform:rotate(360deg)}}.bx-spin{animation:boxicon-spin 1s linear infinite}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.statCard{flex:1;padding:16px;background:#111;border-radius:12px;color:#fff;display:flex;flex-direction:column;align-items:center}.statLabel{margin-bottom:.5rem}.statCardShell{min-width:0}.statValue{font-size:2.5rem;font-weight:400;display:flex;align-items:center;justify-content:center;min-height:2.5rem;line-height:2.5rem;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";transition:color .3s ease,transform .2s ease}.statValue.up{color:#00c853;transform:scale(1.04)}.statValue.down{color:#ff3d00;transform:scale(.97)}.statDigit{display:inline-block;position:relative;overflow:hidden;height:2.5rem;line-height:2.5rem}.statSeparator{opacity:.8}.statSuffix{margin-left:.18em;line-height:2.5rem}.statSkeleton{width:80px;height:2.5rem}@media(max-width:760px){.statCardShell{flex:0 0 auto;min-height:5.5rem}}.statLabel{align-items:center;display:flex;gap:.35rem}.statTooltip{align-items:center;color:#8a8a8a;cursor:help;display:inline-flex}.statTooltip i{font-size:1rem}.home__action{display:flex;align-items:center;gap:.5rem;padding:1rem;border:0;background-color:var(--background);box-shadow:var(--main-shadow);border-radius:2rem;cursor:pointer;min-width:0;box-sizing:border-box;font:inherit;text-align:left}.home__action p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home__action i{font-size:1.5rem;color:var(--primary-color)}.home__actionIconOnly{justify-content:center;width:3.35rem;height:3.35rem;min-width:3.35rem;min-height:3.35rem;padding:0;border-radius:50%}.home__actionHighlight{background-color:var(--primary-color);color:#fff}.home__actionHighlight i{color:#fff}.home__actionDisabled{background-color:#dcdcdc;color:#696969}.home__action:disabled{cursor:not-allowed}.home__actionDisabled i{color:#696969}@media(max-width:520px){.home__action{padding:.85rem 1rem}.home__actionIconOnly{width:3rem;height:3rem;min-width:3rem;min-height:3rem;padding:0}}.modalCloseButton{display:none}@media(max-width:760px){.modalCloseButton{position:absolute;top:.75rem;right:.75rem;z-index:2;display:grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;border:none;border-radius:50%;background-color:#f3f3f3;color:var(--text);box-shadow:var(--light-shadow);cursor:pointer}.modalCloseButton i{font-size:1.6rem}}.pageHeader{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:0}.pageHeader h1{font-weight:600;line-height:1.12;overflow-wrap:anywhere}.pageHeader>div:first-child{min-width:0}.pageHeader__meta{align-items:center;display:flex;gap:.35rem;margin-top:.05rem}.pageHeader__updatedAt{color:#8a8f98;font-size:.92rem;font-weight:400;line-height:1}.pageHeader__profile img{height:3rem;width:3rem;object-fit:cover;border-radius:10rem}.pageHeader__profile{flex:0 0 auto;display:flex;align-items:center;gap:1rem}.pageHeader__profile strong{font-size:.8rem;padding:.4rem .75rem;border-radius:10rem;margin-left:.2rem;color:var(--primary-color);background-color:#51d1dc20}.pageHeader__refreshAction{align-items:center;background-color:transparent;border:0;border-radius:50%;color:#8a8f98;cursor:pointer;display:inline-flex;height:1.85rem;justify-content:center;transition:background-color .15s ease,color .15s ease,transform .1s ease;width:1.85rem}.pageHeader__refreshAction:hover{background-color:#f3f4f6;color:var(--primary-color)}.pageHeader__refreshIcon{font-size:1.2rem}.pageHeader__refreshAction:active{transform:rotate(120deg)}.pageHeader__profileImg:hover{transition-duration:.2s;transform:scale(1.1)}@media(max-width:1080px){.pageHeader{align-items:flex-start;gap:1rem}}@media(max-width:760px){.pageHeader{flex-direction:column;align-items:stretch}.pageHeader__profile{display:none}}@media(max-width:520px){.pageHeader__profile img{width:3rem;height:3rem}}.green{background-color:#b2f9e2}.red{background-color:#ffe6e6;color:red}.platformCell{display:flex;height:100%;align-items:center}.platformCell__wrapper{align-items:center;display:flex;gap:.7rem;height:1rem;width:fit-content;padding:.6rem;border-radius:2rem;box-sizing:content-box}.ag-row{cursor:pointer}.spreadsheet--spacious .ag-cell{align-items:center;display:flex}.spreadsheet--spacious .ag-cell-value,.spreadsheet--spacious .ag-cell-wrapper,.spreadsheet--spacious .ag-cell .platformCell,.spreadsheet--spacious .ag-cell .bookingStatusCell{align-items:center;display:flex;min-height:100%}.spreadsheet--spacious .ag-full-width-row .ag-cell{align-items:stretch;display:block}.spreadsheet__roomCell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spreadsheet__nameCell{align-items:center;display:flex;gap:.4rem;font-weight:500;min-width:0}.spreadsheet__nameCell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spreadsheet__starIcon{color:#ffbf00;flex:0 0 auto;font-size:1rem}.spreadsheet__starredRow{background-color:color-mix(in srgb,#ffbf00 5%,#fff)}.daySeparator{display:flex;align-items:center;height:100%;padding:0 1rem;border-left:.25rem solid var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 8%,#fff);color:var(--text);font-weight:500;cursor:default}.daySeparator span{line-height:1}.ag-row-todaySeparator .daySeparator{background-color:color-mix(in srgb,var(--primary-color) 14%,#fff);font-weight:600}.custom-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.75rem;color:var(--text);font-size:.9rem}.custom-loading__spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.ag-cell:has(.bookingStatusCell){padding:0}.bookingStatusCell{display:flex;align-items:center;justify-content:center;height:100%;gap:.35rem;min-width:0;width:100%;padding:0;border-radius:0;margin:0}.bookingStatusCell i{flex:0 0 auto;font-size:1.25rem;line-height:1}.bookingStatusCell span{display:none}.bookingStatusCell--booked{background-color:var(--light-red);color:var(--red)}.bookingStatusCell--checkedIn{background-color:#1ecb831a;color:var(--green)}.bookingStatusCell--checkedOut{background-color:#fff2e6;color:orange}.bookingStatusCell--cancelled{background-color:#fee2e2;color:#dc2626}.bookingStatusCell--noShow{background-color:#f3f4f6;color:#4b5563}}.cashShiftNudge{align-items:center;background:#f4a90012;border-radius:.75rem;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:.95rem;gap:.65rem;line-height:1.45;margin:1rem 0;padding:.85rem 1rem}.bookingNoticeStack{border-radius:.8rem;display:flex;flex-direction:column;margin:1rem 0;overflow:hidden}.bookingNoticeStack>.cashShiftNudge,.bookingNoticeStack>.checkIn__reminder,.bookingNoticeStack>.editBooking__reminder{border-radius:0;margin:0}.cashShiftNudge>i{color:#f4a900;flex:0 0 auto;font-size:1.15rem}.cashShiftNudge>p{flex:1}.cashShiftNudge>button{background:transparent;border:0;color:#f4a900;cursor:pointer;flex:0 0 auto;font:inherit;font-size:inherit;font-weight:600;padding:.25rem;text-decoration:underline}.cashShiftNudge>button:focus-visible{border-radius:.25rem;outline:2px solid #f4a900;outline-offset:2px}@media(max-width:560px){.cashShiftNudge{align-items:flex-start;flex-wrap:wrap}.cashShiftNudge>button{margin-left:1.8rem}}.bookingDateRangePicker{position:relative;width:100%;font-size:13.3333px}.bookingDateRangePicker__trigger{align-items:stretch;background:var(--background);border-radius:.5rem;box-shadow:var(--main-shadow);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;width:100%}.bookingDateRangePicker__trigger input{background:transparent;border:0;color:var(--text);font-family:IBM Plex Sans Thai,sans-serif;font-size:inherit;font-weight:400;min-width:0;outline:none;padding:.95rem .75rem}.bookingDateRangePicker__trigger input+input{border-left:.1rem solid #e8e8e8}.bookingDateRangePicker__trigger:focus-within{box-shadow:var(--light-shadow)}.bookingDateRangePicker__trigger input:focus,.bookingDateRangePicker__trigger input:hover{background:#00000008;outline:none}.bookingDateRangePicker__trigger--error{outline:1px solid #dc2626}.bookingDateRangePicker__popover{background:var(--background);border-radius:1rem;box-shadow:var(--main-shadow);left:0;padding:.85rem;position:absolute;top:calc(100% + .65rem);width:min(20rem,calc(100vw - 4rem));z-index:20}.bookingDateRangePicker__header{align-items:center;display:grid;grid-template-columns:2rem 1fr 2rem;margin-bottom:.65rem;text-align:center}.bookingDateRangePicker__header strong{font-weight:500}.bookingDateRangePicker__header button{background:transparent;border:0;border-radius:50%;color:var(--primary-color);cursor:pointer;font-size:1.25rem;height:2rem;padding:0;width:2rem}.bookingDateRangePicker__header button:hover,.bookingDateRangePicker__header button:focus-visible{background:#00000008;outline:none}.bookingDateRangePicker__weekdays,.bookingDateRangePicker__days{display:grid;grid-template-columns:repeat(7,1fr)}.bookingDateRangePicker__weekdays{color:#a1a1aa;font-size:.7rem;margin-bottom:.3rem;text-align:center}.bookingDateRangePicker__day{background:transparent;border:0;border-radius:.55rem;color:var(--text);cursor:pointer;font:inherit;height:2.25rem;margin:.05rem;padding:0;position:relative}.bookingDateRangePicker__day:hover:not(:disabled),.bookingDateRangePicker__day:focus-visible{background:#00000008;outline:none}.bookingDateRangePicker__day--adjacent{color:#c4c4c7;cursor:default}.bookingDateRangePicker__day--today{background:color-mix(in srgb,var(--primary-color) 10%,transparent)}.bookingDateRangePicker__day--inRange{background:#51d1dc2b;border-radius:0;color:var(--text)}.bookingDateRangePicker__day--start,.bookingDateRangePicker__day--end{background:var(--primary-color);border-radius:.55rem;color:#fff;font-weight:600}@media(max-width:480px){.bookingDateRangePicker__popover{left:50%;transform:translate(-50%)}}.addBooking__wrapper{position:relative;background-color:var(--background);border-radius:1rem;width:min(50rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.addBooking__title{font-weight:500;margin-top:1rem}.addBooking__description{margin-bottom:2rem}.addBooking__label{margin-bottom:.5rem}.addBooking__fieldError{color:#dc2626;font-size:.82rem;margin-top:.5rem}.addBooking__fieldHelper{color:#6b7280;font-size:.82rem;margin-top:.5rem}.boxInput--error{outline:1px solid #dc2626}.addBooking__roomOption{display:flex;flex-direction:column;gap:.15rem}.addBooking__roomOption small{color:#dc2626;font-size:.75rem}.addBooking__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}.addBooking__grid>div{min-width:0}.addBooking__dateInputs{display:grid;grid-template-columns:2fr 2fr;width:100%;min-width:0;font-family:IBM Plex Sans Thai,sans-serif;border-radius:.5rem;overflow:hidden;box-shadow:var(--main-shadow)}.addBooking__dateInputsWithNights{display:flex;align-items:flex-start;gap:.5rem;width:min(100%,23rem)}.addBooking__dateGroup{flex:1 1 0;min-width:0}.addBooking__dateInput{min-width:0;border-radius:0;box-shadow:none}.addBooking__nightsField{flex:0 0 4rem}.addBooking__nightsInput{box-sizing:border-box;width:100%}.addBooking__labels{display:grid;grid-template-columns:1fr 1fr}.addBooking__submit{width:fit-content;margin-left:auto}.platformCell__dot{width:.5rem;height:.5rem;border-radius:50%}.platformCell__wrapper{align-items:center;display:flex;gap:.7rem;height:1rem;width:fit-content;padding:.6rem;border-radius:2rem}.rs__control,.rs__menu,.rs__placeholder,.rs__input-container,.rs__option,.rs__single-value{font-family:IBM Plex Sans Thai,sans-serif;font-size:13.3333px}@media(max-width:720px){.addBooking__wrapper{width:calc(100vw - 1.5rem);max-height:calc(100vh - 1.5rem);padding:1.25rem}.addBooking__grid{grid-template-columns:1fr;gap:1.25rem}.addBooking__title{margin-top:0;margin-bottom:1.25rem;font-size:1.35rem}.addBooking__submit{width:100%}}@media(max-width:480px){.addBooking__dateInputs,.addBooking__labels{grid-template-columns:1fr}.addBooking__dateInput:first-child{border-bottom:.1rem solid #e8e8e8}}.editBooking__reminder strong{font-weight:600}.editBooking__reminder{padding:.85rem 1rem;background-color:#00000007;border-radius:.75rem;display:flex;align-items:center;justify-content:space-between;font-family:IBM Plex Sans Thai,sans-serif;font-size:.95rem;gap:.65rem;line-height:1.45;margin-top:-1rem}.editBooking__textAndIcon{display:flex;align-items:center;gap:.65rem}.editBooking__reminder i{font-size:1.15rem;transition-duration:.2s}.editBooking__closeReminder:hover{transform:scale(1.3)}.confirmationModal{position:relative;padding:2rem;background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;gap:2rem}.confirmationModal__actions{display:flex;flex-direction:row-reverse}.confirmationModal__reasonLabel{display:flex;flex-direction:column;gap:.5rem;font-weight:500}.confirmationModal__reason{min-height:6rem;resize:vertical;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;font:inherit}.confirmationModal__headerText{font-weight:500}.confirmationModal__button{background-color:var(--red)}.confirmationModal__button--destructiveOutline{background-color:#fff;color:#000}.confirmationModal__button--destructiveOutline i{color:var(--red)}.confirmationModal strong{color:var(--red);font-weight:500}.manageRoomStays__list{display:flex;flex-direction:column;gap:2rem}.manageRoomStays__listItem{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.manageRoomStays__lockedHint{display:inline-flex;align-items:center;gap:.25rem;margin-left:.35rem;color:#777;font-size:.8rem;font-weight:400;white-space:nowrap}.manageRoomStays__lockedHint i{font-size:.9rem}.manageRoomStays__boundaryDate:disabled{color:#666;background-color:#f6f6f6;border:1px dashed #d6d6d6;cursor:not-allowed;opacity:1}@media(max-width:720px){.manageRoomStays__list{gap:1.25rem}.manageRoomStays__listItem{grid-template-columns:1fr}}.addTransaction__header{display:flex;justify-content:space-between;gap:1rem}.addTransaction__title{font-size:2rem;line-height:1.2}.addTransaction__subtitle{color:#777;margin-top:.3rem}.addTransaction__close{width:3.2rem;height:3.2rem;border:none;border-radius:50%;background-color:#f3f3f3;color:var(--text);cursor:pointer;display:grid;place-items:center;flex:0 0 auto}.addTransaction__close i{font-size:1.8rem}.addTransaction__form{display:grid;gap:1.2rem}.addTransaction__cardPreview{padding:1rem;box-shadow:var(--main-shadow);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.addTransaction__cardPreviewList{display:flex;flex-direction:column;gap:.35rem}.addTransaction__cardPreviewRow{display:flex;justify-content:space-between;align-items:center;gap:1rem}.addTransaction__cardPreviewRow p:last-child{text-align:right;white-space:nowrap}.addTransaction__paymentTag{display:inline-flex;align-items:center;font-size:.75rem;padding:.15rem .5rem;border-radius:1rem;margin-left:.5rem;font-weight:600;text-transform:uppercase}.addTransaction__paymentTag.card{background-color:#fce8e6;color:#d93025}.addTransaction__cardPreview p{color:var(--text)}.addTransaction__cardPreviewTotal{border-top:1px solid #d2d2d2;padding-top:1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.addTransaction__cardPreviewBreakdown{display:flex;flex-direction:column;gap:.5rem;flex:1}.addTransaction__cardPreviewTotalRow{display:flex;flex-direction:column;padding-right:1rem;min-width:0}.addTransaction__cardPreviewTotalText{font-size:1.5rem;font-weight:400}.addTransaction__actions{display:flex;margin-top:2rem;justify-content:flex-end;gap:1rem;flex-wrap:wrap}@media(max-width:480px){.addTransaction__cardPreviewRow{align-items:flex-start;flex-direction:column;gap:.25rem}.addTransaction__cardPreviewRow p:last-child{text-align:left}}.cancellation__wrapper{position:relative;background-color:var(--background);border-radius:1rem;width:min(50rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.cancellation__section{display:flex;flex-direction:column;gap:1rem}.cancellation__section h2{font-size:1rem;font-weight:500}.cancellation__paymentConfirmation{padding:1rem;box-shadow:var(--main-shadow);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.cancellation__paymentConfirmationList{display:flex;flex-direction:column;gap:.35rem}.cancellation__paymentRow{align-items:center;display:flex;justify-content:space-between;gap:1rem}.cancellation__paymentRow p:last-child{text-align:right;white-space:nowrap}.cancellation__paymentTag{border-radius:1rem;display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.15rem .5rem;text-transform:uppercase}.cancellation__paymentTag.cash{background-color:#e6f4ea;color:#1e8e3e}.cancellation__paymentTag.card{background-color:#fce8e6;color:#d93025}.cancellation__paymentTag.transfer{background-color:#e8f0fe;color:#1a73e8}.cancellation__paymentTag.ota{background-color:#fef7e0;color:#f9ab00}.cancellation__paymentConfirmationTotal{padding-top:1rem;border-top:1px solid #d2d2d2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.cancellation__totalsBreakdown{display:flex;flex-direction:column;gap:.5rem;flex:1}.cancellation__summaryNote{margin-bottom:.25rem}.cancellation__totalRow{display:flex;flex-direction:column;padding-right:1rem;min-width:0}.cancellation__totalRowFlex{display:flex;gap:1.5rem;flex-wrap:wrap}.cancellation__paymentConfirmationTotalText{font-size:1.5rem}.cancellation__segmentedControl{background-color:#fff;border-radius:.5rem;box-shadow:var(--main-shadow);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.cancellation__segment{align-items:center;background-color:transparent;border:0;border-radius:0;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;gap:.4rem;justify-content:center;min-height:3.35rem;padding:0 1rem;transition-duration:.2s}.cancellation__segment:first-child{border-radius:.5rem 0 0 .5rem}.cancellation__segment:last-child{border-radius:0 .5rem .5rem 0}.cancellation__segment i{font-size:1.1rem}.cancellation__segment--active{font-weight:500;color:var(--red)}.cancellation__segment:first-child.cancellation__segment--active{font-weight:500;color:var(--green)}.cancellation__segment:not(.cancellation__segment--active):hover{background-color:#00000007}.cancellation__actions{display:flex;justify-content:flex-end}@media(max-width:720px){.cancellation__wrapper{width:calc(100vw - 1.5rem);max-height:calc(100vh - 1.5rem);padding:1.25rem}.cancellation__paymentRow{align-items:flex-start;flex-direction:column;gap:.25rem}.cancellation__paymentRow p:last-child{text-align:left}.cancellation__paymentConfirmationTotal{align-items:stretch;flex-direction:column}.cancellation__totalRowFlex{flex-direction:column}.cancellation__paymentConfirmationTotalText{font-size:1.25rem}.cancellation__actions .home__action{width:100%}}.passportView{width:100%;border:0;font:inherit;min-height:10rem;border-radius:1rem;box-shadow:var(--light-shadow);margin-top:.5rem}.passportView__hideButton{align-self:flex-end;border:0;border-radius:.5rem;padding:.55rem .8rem;cursor:pointer}.passportView__hidden{display:flex;justify-content:center;align-items:center;background-color:#eee;flex-direction:column;gap:.5rem;transition-duration:.2s;cursor:pointer;padding:1rem;text-align:center}.passportView__hidden:hover{transform:scale(1.025)}.passportView__hidden p,.passportView__hidden i{color:#4c4c4c}.passportView__hidden i{font-size:2rem}.passportView__hidden .passportView__error{color:var(--red);font-size:.9rem}.passportView__nonHidden{background-color:#fff;padding:1rem}.passportView__content{display:flex;flex-direction:column;gap:.85rem}.passportView__row{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.85rem;border-bottom:1px solid #eee}.passportView__row:last-child{border-bottom:0;padding-bottom:0}.passportView__row span{color:#777;font-size:.9rem}.passportView__row p{color:var(--text);font-size:1.15rem;font-weight:500;overflow-wrap:anywhere}.checkIn__wrapper{position:relative;background-color:var(--background);border-radius:1rem;width:min(50rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem}.checkIn__header{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.checkIn__reminder{font-family:IBM Plex Sans Thai,sans-serif;font-size:.95rem;line-height:1.45;padding:.85rem 1rem;background-color:var(--light-red);border-radius:.75rem;display:flex;align-items:center;gap:.65rem}.checkIn__reminder i{font-size:1.15rem;color:var(--red)}.checkIn__reminder strong{font-weight:600;color:var(--red)}.checkIn__title{font-weight:500}.checkIn__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.checkIn__left,.checkIn__right{display:flex;flex-direction:column;gap:2rem}.checkIn__label{margin-bottom:.5rem}.checkIn__nameRow{display:grid;grid-template-columns:minmax(7rem,.35fr) minmax(0,1fr);gap:1rem;align-items:end}.checkIn__prefixField,.checkIn__passportNameField{min-width:0}.checkIn__actions{margin-top:2rem;display:flex}.checkIn__paymentConfirmation{padding:1rem;box-shadow:var(--main-shadow);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.checkIn__paymentConfirmation h3{font-weight:600}.checkIn__paymentConfirmationList{display:flex;flex-direction:column;gap:.35rem}.checkIn__paymentConfirmationTotal{padding-top:1rem;border-top:1px solid #d2d2d2;display:flex;justify-content:space-between;align-items:center}.checkIn__paymentConfirmationTotalText{font-size:1.5rem}.checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;white-space:nowrap}.checkbox input{position:absolute;opacity:0;cursor:pointer}.box{width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;display:inline-block;position:relative;transition:all .2s ease}.checkbox input:checked+.box{background-color:var(--primary-color);border-color:var(--primary-color)}.box:after{content:"";position:absolute;display:none}.checkbox input:checked+.box:after{display:block}.box:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkIn__confirmAction{margin-left:auto}.checkIn__extraAmountReceived{color:var(--primary-color);font-weight:600}.checkIn__paymentRow{display:flex;justify-content:space-between;align-items:center;gap:1rem}.checkIn__paymentRow p:last-child{text-align:right;white-space:nowrap}.checkIn__paymentTag{display:inline-flex;align-items:center;font-size:.75rem;padding:.15rem .5rem;border-radius:1rem;margin-left:.5rem;font-weight:600;text-transform:uppercase}.checkIn__paymentTag.cash{background-color:#e6f4ea;color:#1e8e3e}.checkIn__paymentTag.transfer{background-color:#e8f0fe;color:#1a73e8}.checkIn__paymentTag.card{background-color:#fce8e6;color:#d93025}.checkIn__paymentTag.ota{background-color:#fef7e0;color:#f9ab00}.checkIn__paymentConfirmationTotal{padding-top:1rem;border-top:1px solid #d2d2d2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.checkIn__totalsBreakdown{display:flex;flex-direction:column;gap:.5rem;flex:1}.checkIn__totalRow{display:flex;flex-direction:column;padding-right:1rem;min-width:0}.other-total{color:#555}@media(max-width:760px){.checkIn__wrapper{width:calc(100vw - 1.5rem);max-height:calc(100vh - 1.5rem);padding:1.25rem}.checkIn__grid{grid-template-columns:1fr;gap:1.25rem}.checkIn__left,.checkIn__right{gap:1.25rem}.checkIn__nameRow{grid-template-columns:1fr;gap:1.25rem}.checkIn__paymentConfirmationTotal{align-items:stretch;flex-direction:column}.checkIn__confirmAction{width:100%;margin-left:0}.checkIn__confirmAction .home__action{justify-content:center}}@media(max-width:480px){.checkIn__paymentRow{align-items:flex-start;flex-direction:column;gap:.35rem}.checkIn__paymentRow p:last-child{text-align:left}.checkbox{white-space:normal}}.checkOut__summary{padding:1rem;border-radius:1rem;box-shadow:var(--main-shadow);display:flex;flex-direction:column;gap:1rem}.checkOut__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.checkOut__section{margin-top:1.5rem}.checkOut__unpaidWarning{background:#fef2f2;border-radius:.75rem;color:#7f1d1d;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:.95rem;flex-direction:column;gap:.75rem;line-height:1.45;margin-bottom:1rem;padding:.85rem 1rem}.checkOut__unpaidHeader{align-items:center;display:flex;gap:.65rem}.checkOut__unpaidHeader i{color:#dc2626;font-size:1.15rem}.checkOut__unpaidHeader p{margin-bottom:.15rem}.checkOut__unpaidHeader strong{color:#dc2626;font-size:1.05rem;font-weight:600}.checkOut__unpaidActions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.checkOut__recordPaymentButton{align-items:center;background:#fff;border-radius:.75rem;color:#991b1b;cursor:pointer;display:inline-flex;font-family:IBM Plex Sans Thai,sans-serif;gap:.4rem;padding:.65rem .9rem;box-shadow:var(--light-shadow)}.checkOut__recordPaymentButton:hover{background:#fff7f7}.checkOut__stillUnpaidCheckbox{color:#7f1d1d}.checkOut__deposit{padding:1rem;border-radius:1rem;box-shadow:var(--main-shadow)}.checkOut__depositChoices{display:grid;gap:.75rem;width:100%;margin-top:1rem}.checkOut__grid .checkIn__paymentConfirmationTotal{align-items:stretch;flex-direction:column}.checkOut__depositChoice{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border:0;border-radius:1rem;background-color:var(--background);color:var(--text);box-shadow:var(--light-shadow);cursor:pointer;font:inherit;text-align:left}.checkOut__depositChoice>i{flex:0 0 auto;color:#888;font-size:1.5rem}.checkOut__depositChoice span,.checkOut__depositChoice strong,.checkOut__depositChoice small{display:block}.checkOut__depositChoice strong{font-weight:500}.checkOut__depositChoice small{margin-top:.15rem;color:#777}.checkOut__depositChoice--active{background-color:color-mix(in srgb,var(--primary-color) 9%,#ffffff);box-shadow:var(--main-shadow)}.checkOut__depositChoice--active>i{color:var(--primary-color)}.checkOut__keptDepositNotice{display:flex;align-items:flex-start;gap:.65rem;margin-top:1rem;padding:.9rem 1rem;border-radius:1rem;background-color:#fff8dd;color:#6f5a12;box-shadow:var(--light-shadow);line-height:1.5}.checkOut__keptDepositNotice i{flex:0 0 auto;margin-top:.15rem;font-size:1.25rem}.checkOut__earlyReminder{background-color:#f4a90012}.checkOut__earlyReminder i,.checkOut__earlyReminder strong{color:#f4a900}.checkOut__actions{display:flex;justify-content:flex-end;margin-top:2rem}@media(max-width:760px){.checkOut__grid{grid-template-columns:1fr}.checkOut__actions .home__action{width:100%;justify-content:center}}.resolveBooking__wrapper{width:min(58rem,calc(100vw - 2rem))}.resolveBooking__header{display:flex;flex-direction:column;gap:.45rem}.resolveBooking__intro,.resolveBooking__helperText{color:#777;line-height:1.5}.resolveBooking__warning{color:var(--red);font-weight:600}.resolveBooking__section{display:flex;flex-direction:column;gap:.85rem}.resolveBooking__sectionHeader{align-items:center;display:flex;justify-content:space-between;gap:1rem}.resolveBooking__scenarioGrid,.resolveBooking__quickActions{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.resolveBooking__scenario,.resolveBooking__quickAction{background-color:var(--background);border:none;border-radius:1.5rem;box-shadow:var(--light-shadow);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.55rem;min-height:9rem;min-width:0;padding:1.25rem;text-align:left;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}.resolveBooking__scenario:hover,.resolveBooking__quickAction:hover{box-shadow:var(--main-shadow);transform:translateY(-1px)}.resolveBooking__scenario--active,.resolveBooking__quickAction--active{box-shadow:var(--main-shadow)}.resolveBooking__scenario i,.resolveBooking__quickAction i{align-items:center;background-color:color-mix(in srgb,var(--primary-color) 14%,#fff);border-radius:50%;color:var(--primary-color);display:inline-flex;font-size:1.4rem;height:2.5rem;justify-content:center;width:2.5rem}.resolveBooking__scenario span,.resolveBooking__quickAction span{color:var(--text);font-weight:500;font-size:1rem;line-height:1.35}.resolveBooking__scenario small,.resolveBooking__quickAction small{font-size:1rem;line-height:1.45;color:#414141}.resolveBooking__twoColumn{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.resolveBooking__toggle,.resolveBooking__advancedToggle,.resolveBooking__linkButton{align-items:center;background:transparent;border:none;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:.35rem}.resolveBooking__toggle{border:0;border-radius:.5rem;box-shadow:var(--light-shadow);color:#777;min-height:2.5rem;padding:0 .85rem;white-space:nowrap}.resolveBooking__toggle--active{background-color:color-mix(in srgb,var(--green) 14%,#fff);color:var(--green)}.resolveBooking__advancedToggle{grid-column:1 / -1;justify-self:start;padding:.2rem 0}.resolveBooking__removeButton{bottom:1.25rem;position:absolute;right:1.25rem}.resolveBooking__removeButton i{color:var(--red)}.resolveBooking__note{min-height:5rem;resize:vertical}.resolveBooking__segmentedControl{min-height:2.65rem}.resolveBooking__statusPreview{align-items:center;background-color:var(--background);border-radius:.5rem;box-shadow:var(--main-shadow);display:flex;min-height:3.35rem;padding:0 1rem}.resolveBooking__statusInline{align-items:center;background:transparent!important;display:flex;gap:.7rem;border-radius:2rem}.resolveBooking__segmentedControl .cancellation__segment{padding:.65rem .5rem;white-space:nowrap}.resolveBooking__rows{display:flex;flex-direction:column;gap:.9rem}.resolveBooking__row{align-items:end;background-color:var(--background);border:0;border-radius:1.5rem;box-shadow:var(--light-shadow);display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:1.25rem 5.35rem 1.25rem 1.25rem;position:relative}.resolveBooking__rowNote{min-width:0}.resolveBooking__option{align-items:center;display:flex;gap:.5rem}.resolveBooking__option span{border-radius:50%;display:inline-block;height:.65rem;width:.65rem}.resolveBooking__fieldError{color:var(--red);font-size:.9rem;margin-top:.35rem}.resolveBooking__actions{display:flex;justify-content:flex-end;gap:1rem}@media(max-width:760px){.resolveBooking__wrapper{width:calc(100vw - 1.5rem)}.resolveBooking__scenarioGrid,.resolveBooking__quickActions,.resolveBooking__twoColumn{grid-template-columns:1fr}.resolveBooking__sectionHeader{align-items:stretch;flex-direction:column}.resolveBooking__toggle{justify-content:center;width:100%}}@media(max-width:560px){.resolveBooking__row{grid-template-columns:1fr;padding:1.25rem 1.25rem 5.35rem}.resolveBooking__removeButton{bottom:1.25rem;right:1.25rem}.resolveBooking__actions{flex-direction:column}.resolveBooking__actions .home__action{justify-content:center;width:100%}}.extendBooking__wrapper{position:relative;width:min(50rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem;border-radius:1rem;background:var(--background, #fff)}.extendBooking__header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.extendBooking__header h1{font-weight:500;margin:0}.extendBooking__header p{color:#777;margin:.25rem 0 0}.extendBooking__contentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start}.extendBooking__leftColumn,.extendBooking__rightColumn{display:flex;flex-direction:column;gap:2rem;min-width:0}.extendBooking__field{display:block;min-width:0}.extendBooking__field>span{display:block;margin-bottom:.5rem;font-weight:400}.extendBooking__dateInputsWithNights{box-sizing:border-box;max-width:100%;width:min(100%,23rem)}.extendBooking__wrapper .extendBooking__dateInputsWithNights .addBooking__dateInput{box-shadow:none}.extendBooking__previousCheckOut{background:#f1f1f1;color:#777}.extendBooking__rightColumn .cancellation__segment--active,.extendBooking__rightColumn .cancellation__segment:first-child.cancellation__segment--active{background:color-mix(in srgb,var(--primary-color) 8%,#fff);color:var(--primary-color);font-weight:500}.extendBooking__rightColumn .cancellation__segment--active i{color:var(--primary-color)}.extendBooking__platformOption{align-items:center;display:flex}.extendBooking__platformOption>span{border-radius:50%;display:inline-block;height:10px;margin-right:8px;width:10px}.extendBooking__wrapper .boxInput{border:0;box-shadow:var(--main-shadow)}.extendBooking__error{color:#b42318;margin:.65rem 0 0}.extendBooking__summarySection{display:flex;flex-direction:column}.extendBooking__summaryVisual,.extendBooking__summaryRooms{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.extendBooking__addedNights{color:var(--green);font-weight:500;white-space:nowrap}.extendBooking__summaryRoomChip{background:#f3f3f3;border-radius:.4rem;display:inline-flex;font-size:.9rem;font-weight:400;padding:.25rem .55rem;white-space:nowrap}.extendBooking__actions{display:flex;justify-content:flex-end;margin-top:2rem}.cancellation__segment--extendActive{color:var(--primary-color);font-weight:500}@media(max-width:760px){.extendBooking__wrapper{width:calc(100vw - 1.5rem);max-height:calc(100vh - 1.5rem);padding:1.25rem}.extendBooking__contentGrid{grid-template-columns:1fr;gap:1.25rem}.extendBooking__leftColumn,.extendBooking__rightColumn{gap:1.25rem}.extendBooking__summaryVisual,.extendBooking__summaryRooms{justify-content:flex-start}.extendBooking__actions .home__action{width:100%}}.viewBooking__wrapper{position:relative;background-color:var(--background);border-radius:1rem;width:min(50rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem}.viewBooking__loadError{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:20rem;text-align:center}.viewBooking__loadError>i{color:var(--red);font-size:3rem}.viewBooking__wrapper,.viewBooking__mainLeft,.viewBooking__priceList{scrollbar-color:#d4d4d4 transparent;scrollbar-width:thin}.viewBooking__transactionsOverayAlert{position:absolute;display:flex;left:0;right:0;bottom:0;width:auto;padding:2.25rem 1rem .8rem;align-items:flex-end;justify-content:center;pointer-events:none;z-index:1;background:linear-gradient(to top,#fffffff5,#ffffffd1 25%,#fff0)}.viewBooking__transactionsOverflowButton{display:inline-flex;align-items:center;gap:.35rem;border:none;padding:.35rem .7rem;border-radius:999rem;background:#ffffffc7;box-shadow:var(--light-shadow);font:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;pointer-events:auto;transition:background-color .2s,border-color .2s,transform .2s}.viewBooking__transactionsOverflowButton:hover{transform:scale(1.02)}.viewBooking__transactionsOverflowButton i{font-size:1.15rem;color:var(--primary-color);line-height:1}.viewBooking__wrapper::-webkit-scrollbar,.viewBooking__mainLeft::-webkit-scrollbar,.viewBooking__priceList::-webkit-scrollbar{width:.5rem}.viewBooking__wrapper::-webkit-scrollbar-track,.viewBooking__mainLeft::-webkit-scrollbar-track,.viewBooking__priceList::-webkit-scrollbar-track{background:transparent}.viewBooking__wrapper::-webkit-scrollbar-thumb,.viewBooking__mainLeft::-webkit-scrollbar-thumb,.viewBooking__priceList::-webkit-scrollbar-thumb{background-color:#d4d4d4;border-radius:999rem}.viewBooking__wrapper::-webkit-scrollbar-corner,.viewBooking__mainLeft::-webkit-scrollbar-corner,.viewBooking__priceList::-webkit-scrollbar-corner{background:transparent}.viewBooking__top{display:flex;justify-content:space-between;margin-bottom:2rem}.viewBooking__name{line-height:2.6rem;font-weight:500}.viewBooking__roomAndIsCheckedIn{display:flex;align-items:flex-end;flex-direction:column}.viewBooking__roomAndIsCheckedIn h1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:500;overflow:hidden;overflow-wrap:normal;text-align:right;text-overflow:ellipsis;max-width:100%;width:100%;word-break:normal}.viewBooking__statusBadge{align-items:center;display:flex;gap:.7rem;width:fit-content;padding:.6rem;border-radius:2rem}.viewBooking__statusGroup{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.viewBooking__roomReleaseBadge{align-items:center;background-color:#b0b0b01a;border-radius:2rem;color:var(--text);display:flex;gap:.5rem;padding:.6rem;width:fit-content}.viewBooking__roomReleaseBadge i{font-size:1rem}.viewBooking__statusDot{width:.5rem;height:.5rem;border-radius:50%}.notCheckedIn{background-color:#00adef20;color:#00adef}.notCheckedIn div{background-color:#00adef}.checkedIn{background-color:#1ecb831a;color:var(--green)}.checkedIn div{background-color:var(--green)}.checkedOut div{background-color:orange}.checkedOut{background-color:#fff2e6;color:orange}.cancelled{background-color:var(--light-red);color:var(--red)}.cancelled div{background-color:var(--red)}.noShow{background-color:#f3f4f6;color:#4b5563}.noShow div{background-color:#4b5563}.viewBooking__lateCheckInAction i,.viewBooking__earlyCheckOutAction i{color:#facc15}.released{color:var(--text)}.released div{background-color:var(--green)}.blocked{color:var(--text)}.blocked div{background-color:var(--red)}.booked{background-color:#b0b0b01a}.booked div{background-color:#2a2a2a}.viewBooking__statusText{line-height:1.5}.viewBooking__main{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-width:0}.viewBooking__mainLeft{display:flex;flex-direction:column;gap:1rem;padding:1rem;height:100%;border-radius:1rem;box-shadow:var(--main-shadow);overflow-y:scroll;height:25rem}.viewBooking__mainRight{display:flex;flex-direction:column;border-radius:1rem;gap:1.5rem}.viewBooking__infoText{font-size:1.5rem;display:flex;gap:.5rem;align-items:center}.viewBooking__platform{display:flex;align-items:center;gap:.7rem}.viewBooking__platformList{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.viewBooking__logo{width:2rem;height:2rem;object-fit:contain;border-radius:.5rem}.viewBooking__transactions{position:relative;box-shadow:var(--main-shadow);border-radius:1rem;overflow:hidden}.viewBooking__priceListWrap{position:relative}.viewBooking__priceList{display:flex;flex-direction:column;max-height:17.25rem;overflow-y:scroll}.viewBooking__price{display:flex;gap:1rem;padding:.9rem 1rem .45rem;justify-content:space-between;align-items:center;min-width:0}.viewBooking__transactionGroup{display:flex;flex-direction:column;padding:.35rem 0}.viewBooking__priceChild{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.45rem 1rem .45rem 5.25rem;color:#777;font-size:.9rem;min-width:0}.viewBooking__priceChildMain{display:flex;align-items:flex-start;min-width:0;flex:1 1 auto}.viewBooking__priceChildMarker{position:absolute;left:3.75rem;top:0;width:.85rem;height:1.15rem;border-left:2px solid #d8d8d8;border-bottom:2px solid #d8d8d8;border-radius:0 0 0 .35rem}.viewBooking__priceChildAmount{color:var(--text);font-weight:500;display:inline-block;max-width:clamp(5.5rem,13vw,9rem);overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.viewBooking__priceChildText{display:flex;flex-wrap:nowrap;column-gap:.5rem;row-gap:.1rem;align-items:baseline;line-height:1.35;min-width:0}.viewBooking__priceChildText span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewBooking__priceAmount{display:block;max-width:clamp(8rem,18vw,13rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewBooking__transactionMeta{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.2rem;color:#777;font-size:.74rem;line-height:1.3}.viewBooking__reviewBadge{display:inline-flex;align-items:center;width:fit-content;padding:.22rem .5rem;border-radius:999rem;background-color:var(--light-red);color:var(--red);font-weight:600}.viewBooking__reviewBadge--approved{background-color:color-mix(in srgb,var(--green) 12%,#ffffff);color:var(--green)}.viewBooking__transactionInfo{position:relative;display:inline-flex;align-items:center;color:#8a8a8a;cursor:help;outline:none}.viewBooking__transactionInfo i{font-size:1rem;line-height:1}.viewBooking__transactionTooltip{position:absolute;left:50%;bottom:calc(100% + .45rem);z-index:6;display:none;flex-direction:column;gap:.25rem;width:max-content;max-width:16rem;padding:.55rem .7rem;border-radius:.6rem;background:#ffffff50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#000;box-shadow:var(--main-shadow);font-size:.78rem;line-height:1.35;transform:translate(-50%)}.viewBooking__transactionTooltip:after{position:absolute;left:50%;bottom:-.35rem;width:.7rem;height:.7rem;background:#fff;content:"";transform:translate(-50%) rotate(45deg)}.viewBooking__transactionInfo:hover .viewBooking__transactionTooltip,.viewBooking__transactionInfo:focus .viewBooking__transactionTooltip{display:flex}.viewBooking__paymentMethod{display:flex;gap:.5rem;align-items:center;flex:0 0 auto;max-width:7rem;min-width:0}.viewBooking__paymentMethod p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewBooking__paymentMethod i{font-size:1.4rem}.viewBooking__paymentMethod--compact{gap:.35rem;color:#777;font-size:.9rem;line-height:1.2}.viewBooking__paymentMethod--compact i{font-size:1.15rem}.viewBooking__addTransaction{display:flex;justify-content:center;gap:.5rem;align-items:center;padding:1rem;border-radius:0 0 1rem 1rem;border-top:1px solid #eee;transition-duration:.2s}.viewBooking__addTransaction i{color:var(--primary-color)}.viewBooking__addTransaction:hover{background-color:#f6f6f6}.viewBooking__unpaid{color:var(--red);display:flex;gap:.4rem;align-items:center;font-weight:500}.viewBooking__actions{display:flex;gap:1rem;margin-top:2rem;justify-content:space-between;align-items:flex-start}.viewBooking__noShowAction i{color:var(--red)}.viewBooking__starAction i{color:#ffbf00}.viewBooking__actionsRow{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.viewBooking__secondaryActions{display:flex;gap:1rem;flex-wrap:wrap}.viewBooking__moreActions{position:relative}.viewBooking__moreActionsMenu{position:absolute;left:0;bottom:calc(100% + .5rem);z-index:5;display:flex;flex-direction:column;min-width:12rem;overflow:hidden;border:1px solid #eee;border-radius:.75rem;background:var(--background);box-shadow:var(--main-shadow)}.viewBooking__moreActionsMenu button{display:flex;align-items:center;gap:.65rem;width:100%;border:none;background:transparent;padding:.85rem 1rem;color:var(--text);cursor:pointer;font:inherit;text-align:left;transition-duration:.2s}.viewBooking__moreActionsMenu button:hover{background-color:#f6f6f6}.viewBooking__moreActionsMenu button:disabled{color:#bbb;cursor:not-allowed}.viewBooking__moreActionsMenu button:disabled:hover{background:transparent}.viewBooking__moreActionsMenu i{color:var(--primary-color);font-size:1.25rem}.viewBooking__bedIcon{height:3.25rem;width:3.25rem;display:flex;justify-content:center;align-items:center;border-radius:1rem;background-color:var(--primary-color);color:#fff;font-size:1.5rem}.viewBooking__noteTextArea{margin-top:.5rem;width:100%;min-height:7rem;resize:vertical;font-size:1rem}.viewBooking__nights{padding:.5rem;border-radius:.5rem;background-color:#bb20fe10;color:#bb20fe;font-size:1rem;display:flex;gap:.2rem;align-items:center}.viewBooking__note{padding:1rem;box-shadow:var(--light-shadow);border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;position:relative;transition-duration:.2s}.viewBooking__note--editing{cursor:default}.viewBooking__noteHeader{color:#ffbf00;display:flex;align-items:center;gap:.5rem}.viewBooking__note:not(.viewBooking__note--editing):hover{transform:scale(1.025)}.viewBooking__note:not(.viewBooking__note--editing):active{transform:scale(.975)}.viewBooking__notePlaceholder{color:#777}.viewBooking__roomStays{display:flex;flex-direction:column;border-radius:1rem;box-shadow:var(--main-shadow)}.viewBooking__roomStay{display:flex;align-items:center;padding:1rem;justify-content:space-between}.viewBooking__roomStay h3{font-weight:400}.viewBooking__actionsLeft{display:flex;gap:1rem}.viewBooking__roomStay--dates{display:inline-flex;border-radius:.75rem;overflow:hidden}.viewBooking__roomStay--from,.viewBooking__roomStay--to{display:inline-block;padding:.5rem .75rem}.viewBooking__roomStay--from{background:#bb20fe30;padding:.5rem 1rem .5rem .75rem;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.viewBooking__roomStay--to{margin-left:-.55rem;background:#bb20fe10;padding:.5rem .75rem .5rem 1rem;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.viewBookng__bookingNo{display:flex;gap:.5rem;align-items:center;transition-duration:.2s;cursor:pointer}.viewBooking__copyIcon{opacity:0;color:#6c6c6c;transition-duration:.2s}.viewBookng__bookingNo:hover{color:#6c6c6c}.viewBookng__bookingNo:hover .viewBooking__copyIcon{opacity:1}@media(max-width:760px){.viewBooking__wrapper{width:calc(100vw - 1.5rem);max-height:calc(100vh - 1.5rem);padding:1.25rem}.viewBooking__top,.viewBooking__actions{flex-direction:column;gap:1rem}.viewBooking__roomAndIsCheckedIn{align-items:flex-start}.viewBooking__main{grid-template-columns:1fr}.viewBooking__mainLeft{height:auto;max-height:22rem}.viewBooking__infoText{font-size:1.15rem;overflow-wrap:anywhere}.viewBooking__price,.viewBooking__priceChild{align-items:flex-start}.viewBooking__priceChild{padding-left:4.25rem}.viewBooking__priceChildMarker{left:2.75rem}.viewBooking__transactionTooltip{left:0;max-width:13rem;transform:none}.viewBooking__transactionTooltip:after{left:.65rem;transform:rotate(45deg)}.viewBooking__paymentMethod{font-size:.95rem;max-width:5.5rem}.viewBooking__priceAmount{max-width:clamp(7rem,48vw,14rem)}.viewBooking__priceChildAmount{max-width:clamp(5rem,36vw,10rem)}.viewBooking__actions .home__action,.viewBooking__actionsLeft,.viewBooking__actionsLeft .home__action{width:100%}.viewBooking__actions .home__action{justify-content:center}.viewBooking__moreActions,.viewBooking__actionsRow{width:100%}.viewBooking__moreActionsMenu{bottom:calc(100% + .5rem);width:100%}}.home{display:flex;flex-direction:column;gap:2rem;padding:2.5rem;min-width:0}.home__stats{display:flex;gap:24px;min-width:0}.home__statsItem h3{font-size:2.5rem;font-weight:500}.home__statsAndActions{display:flex;justify-content:space-between;align-items:center}.home__masterControls{width:100%;display:flex;gap:2rem;align-items:end}.home__masterFilters{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:1rem;align-items:end;min-width:0;overflow-x:auto;overflow-y:clip;padding:.75rem .75rem 1.25rem;margin:-.75rem -.75rem 0;scrollbar-width:none;-ms-overflow-style:none}.home__masterFilters::-webkit-scrollbar{display:none}.home__masterFiltersInner{display:contents}.home__masterActions{flex:0 0 auto;padding-bottom:1.25rem}.home__mobileFilterAction{display:none}.home__dateFilter,.home__filterField{flex:0 0 13rem}.home__dateFilter{flex-basis:22rem}.home__filterLabel{margin-bottom:.5rem}.home__filterLabels{display:grid;grid-template-columns:1fr 1fr}.home__dateInputs{display:grid;grid-template-columns:1fr 1fr;border-radius:.5rem;overflow:hidden;box-shadow:var(--main-shadow)}.home__dateInput{border-radius:0;box-shadow:none}.home__dateInput:first-child{border-right:.1rem solid #e8e8e8}.home__filterInput{width:100%}.home__filterActions{display:flex;gap:1rem;justify-content:flex-end;align-items:center;flex:0 0 auto;white-space:nowrap}.home__actions{display:flex;gap:1rem;flex-wrap:wrap;height:100%;align-items:center}.home__gridArea{position:relative;min-width:0;min-height:22rem;height:100%;flex:1 1 auto}.home__statsAndActions+.home__gridArea{margin-top:-.75rem}.home__gridFab{display:none}.home__action:hover{transition-duration:.2s;transform:scale(1.05)}.home__action:active{transition-duration:.2s;transform:scale(.97)}.home__modalCenter{display:flex;align-items:center;justify-content:center}.home__filtersModal{position:relative;width:min(30rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;background-color:var(--background);border-radius:.75rem;box-shadow:var(--main-shadow);padding:1.25rem;outline:none}.home__filtersModalHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.home__filtersModalHeader i{flex:0 0 auto;font-size:1.75rem;color:var(--primary-color);cursor:pointer}@media(max-width:1080px){.home{padding:2rem}.home__statsAndActions{align-items:flex-start;gap:1rem}.home__stats{flex-wrap:wrap}}@media(max-width:760px){.home{padding:1.25rem;gap:1.5rem}.home__statsAndActions{flex-direction:column;align-items:stretch}.home__stats{display:flex;overflow-x:auto;overflow-y:visible;gap:1rem;flex-wrap:nowrap;width:100%;min-height:6.25rem;align-items:flex-start;padding:.25rem;margin:-.25rem;scrollbar-width:none;-ms-overflow-style:none}.home__stats::-webkit-scrollbar{display:none}.statLabel{font-size:.9rem}.home__statsAndActions{gap:0}.home__actions{height:0;min-height:0;gap:0;overflow:visible}.home__actions .home__action{justify-content:center;flex:1 1 12rem}.home__addBookingAction.home__action{display:none}.home__gridFab.home__action{position:absolute;right:1rem;bottom:1rem;z-index:20;display:grid;place-items:center;width:3.25rem;height:3.25rem;padding:0;border-radius:50%}.home__gridFab p{display:none}.home__masterControls{align-items:stretch;gap:1rem}.home__masterFilters{display:none}.home__masterActions{display:flex;gap:1rem;padding-bottom:1rem}.home__masterActions .home__action{flex:1 1 0;justify-content:center}.home__mobileFilterAction{display:flex}.home__filtersModalHeader i{display:none}.home__mobileFilters .home__masterFiltersInner{display:flex;flex-direction:column;gap:1rem}.home__mobileFilters .home__dateFilter,.home__mobileFilters .home__filterField{flex:none}}@media(max-width:520px){.home{padding:1rem;gap:1.25rem}.home__dateFilter{flex-basis:19rem}.home__filterField{flex-basis:11.5rem}}h2{margin:0;line-height:1.5rem}.logo__div{display:flex;flex-direction:column;align-items:baseline;gap:0}.logo__blueText{color:var(--primary-color)}.absolute{position:absolute;top:2.5rem;left:2.5rem}.login__page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login__left{padding:2.5rem}.login__form{display:flex;flex-direction:column;gap:1rem;width:min(70%,28rem)}.login__formItemHeader{margin-bottom:.5rem}.login__art{font-size:20rem;color:#f9f9f9}.login__right{display:flex;align-items:center;flex-direction:column;gap:2rem;background-color:var(--primary-color);height:100vh;overflow:hidden}.login__image{height:33%;width:75%;object-fit:cover;border-radius:2rem;box-shadow:#959da566 0 8px 24px}.loadingButton{background-color:#b7b7b7}.login__error{padding:1rem;border-radius:.5rem;box-sizing:border-box;box-shadow:var(--main-shadow);width:100%;background-color:#fd4169;color:#fff;display:flex;align-items:center;gap:.5rem}.login__error i{font-size:1.5rem}@media(max-width:900px){.login__page{grid-template-columns:1fr}.login__left{min-height:100vh}.login__form{width:min(100%,28rem)}.login__right{display:none}}@media(max-width:520px){.login__left{padding:1.25rem}.login__form{width:100%}}.shake{animation:shake .35s ease-in-out}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.toast{padding:3rem}.app>*{min-width:0;min-height:0}.app>main{height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.app{display:grid;grid-template-columns:auto 1fr;height:100dvh;min-height:0;width:100vw;overflow:hidden}@media(max-width:760px){.toast{padding:1rem}.app{grid-template-columns:1fr;grid-template-rows:1fr auto}.app>main{grid-row:1;height:auto;min-height:0;padding-bottom:1.25rem}}.sidebar{display:flex;flex-direction:column;background-color:var(--light-background);box-sizing:border-box;width:17rem;height:100dvh;min-height:0;padding:2.5rem;overflow:hidden;transition:width .25s ease,padding .25s ease}.sidebar--collapsed{width:5.5rem;padding:2.5rem 1rem}.sidebar__top{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sidebar--collapsed .sidebar__top{justify-content:center}.sidebar__toggle{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:50%;background-color:var(--background);box-shadow:var(--main-shadow);color:var(--primary-color);cursor:pointer;transition-duration:.2s}.sidebar__toggle:hover{transform:scale(1.07)}.sidebar__toggle:active{transform:scale(.95)}.sidebar__toggle i{font-size:1.4rem}.sidebar__navList{flex:1 1 auto;min-height:0;list-style:none;padding:.75rem;margin:1.25rem -.75rem -.75rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar__navList::-webkit-scrollbar{display:none}.sidebar__navList a{color:inherit;text-decoration:none}.sidebar__navItem{margin-bottom:1.5rem;padding:1rem;color:var(--text);text-decoration:none;cursor:pointer;border-radius:1rem;background-color:var(--background);box-shadow:var(--main-shadow);display:flex;gap:.5rem;align-items:center;white-space:nowrap;overflow:hidden}.sidebar--collapsed .sidebar__navItem{justify-content:center;gap:0;width:3.25rem;height:3.25rem;padding:0;margin-inline:auto;border-radius:.85rem}.sidebar__navItem i{flex:0 0 auto;font-size:1.25rem}.sidebar__navLabel{transition:opacity .18s ease,max-width .25s ease;max-width:12rem;overflow:hidden}.sidebar--collapsed .sidebar__navLabel{opacity:0;max-width:0}.sidebar__navItem--active{color:var(--primary-color);font-weight:600}.sidebar__navItem:hover{transition-duration:.2s;transform:scale(1.05)}.sidebar__navItem:active{transition-duration:.2s;transform:scale(.97)}@media(max-width:760px){.sidebar,.sidebar--collapsed{grid-row:2;width:100%;height:auto;min-height:0;padding:.65rem .75rem calc(.65rem + env(safe-area-inset-bottom));overflow:visible;border-top:.1rem solid #ededed;box-shadow:0 -.5rem 1.5rem #959da524}.sidebar__top{display:none}.sidebar__navList{display:flex;flex:none;gap:.65rem;margin-top:0;overflow-x:auto;overflow-y:hidden;padding:.15rem;scrollbar-width:none;-ms-overflow-style:none}.sidebar__navList::-webkit-scrollbar{display:none}.sidebar__navList a{flex:0 0 auto}.sidebar__navItem,.sidebar--collapsed .sidebar__navItem{justify-content:center;gap:0;width:3.25rem;height:3.25rem;margin:0;padding:0;border-radius:.9rem}.sidebar__navLabel,.sidebar--collapsed .sidebar__navLabel{opacity:0;max-width:0}}.notFound{padding:2.5rem}.notFound__report{margin-right:1rem}.settings{display:flex;flex-direction:column;gap:2rem;padding:2.5rem;height:100vh;min-width:0;overflow:hidden;font-family:IBM Plex Sans Thai,sans-serif}.settings__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;flex:1 1 auto;min-height:0;overflow:visible}.settings__list{padding:1.5rem;background-color:var(--background);border-radius:1rem;box-shadow:var(--main-shadow);gap:2rem;flex-direction:column;min-width:0;overflow-y:auto;scrollbar-color:#e0e0e0 #fff;scrollbar-width:thin;display:flex}.settings__item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings__section{border-radius:.9rem;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.settings__sectionHeader{align-items:flex-start;display:flex;justify-content:space-between;gap:.75rem;padding-bottom:.35rem}.settings__sectionHeader h2{color:#111827;font-size:1.05rem;font-weight:600;letter-spacing:0;line-height:1.25}.settings__sectionHeader p{color:#6b7280;font-size:.9rem;font-weight:400;line-height:1.45}.settings__eyebrow{color:var(--primary-color)!important;font-size:.75rem!important;font-weight:500!important;line-height:1.2!important;margin-bottom:.15rem;text-transform:uppercase}.settings__separator{border:0;border-top:.1rem solid #f2f4f7;width:100%}.settings__fields{display:flex;flex-direction:column;gap:.8rem}.settings__field{align-items:center;border-radius:.75rem;display:flex;justify-content:space-between;gap:1.25rem;min-width:0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.settings__fieldCopy{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.settings__fieldLabel{line-height:1.3}.settings__selectWrap{align-items:center;display:flex;flex:0 0 auto;position:relative}.settings__selectWrap i{color:#6b7280;font-size:1.2rem;pointer-events:none;position:absolute;right:.75rem}.settings__select{box-shadow:var(--light-shadow);border:none;border-radius:.65rem;font-family:IBM Plex Sans Thai,sans-serif;font-size:.92rem;line-height:1.2;min-height:2.55rem;min-width:14.5rem;padding:0 2.25rem 0 .85rem;appearance:none}.settings__select:focus{border-color:var(--primary-color);outline:none}.settings__logout,.settings__logout i{color:var(--red);font-weight:500}.settings__activities{padding:0 1.5rem 1.5rem;background-color:#fff;border-radius:1rem;box-shadow:var(--main-shadow);display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-color:#e0e0e0 #fff;scrollbar-width:thin}.settings__activity{display:flex;flex-direction:column;gap:1rem;border-bottom:.1rem solid #e8e8e8;padding-top:1.5rem;padding-bottom:1.5rem}.settings__activity h3{font-weight:600}.settings__activity strong{font-weight:500}.settings__activityHeader{display:flex;align-items:center;gap:1rem}.settings__activityDetails{padding:1rem;box-shadow:var(--main-shadow);border-radius:1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.35rem 1rem;overflow-wrap:anywhere}.settings__activityIcon{font-size:1.5rem;color:var(--primary-color)}.settings__activityStatus{padding:1rem 0;text-align:center;color:#777}.settings__activityLoadMore{height:1px}.settings__profile{display:flex;gap:1rem;align-items:center}.settings__profile h3{font-weight:600}.settings__profile p{color:#6b7280;font-weight:400}.settings__adminTag{font-size:.8rem;padding:.4rem .75rem;border-radius:10rem;margin-left:.2rem;color:var(--primary-color);background-color:#51d1dc20}.settings__profilePicture{display:block;height:100%;width:100%;object-fit:cover;border-radius:50%}.settings__profilePicture--wrapper{position:relative;display:block;flex:0 0 auto;height:5rem;width:5rem;overflow:hidden;border-radius:50%;cursor:pointer;box-shadow:var(--main-shadow)}.settings__profilePicture--upload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.settings__profilePictureOverlay{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background-color:#00000070;font-size:1.5rem;opacity:0;transition:opacity .2s ease}.settings__profilePicture--wrapper:hover .settings__profilePictureOverlay,.settings__profilePicture--wrapper:focus-within .settings__profilePictureOverlay{opacity:1}@media(max-width:980px){.settings__grid{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.settings__activities{max-height:none}}@media(max-width:640px){.settings{height:100dvh;padding:1rem;gap:1.25rem}.settings__list,.settings__activities{padding:1rem}.settings__item{align-items:stretch;flex-direction:column}.settings__field{align-items:stretch;flex-direction:column;gap:.75rem}.settings__selectWrap{width:100%}.settings__select{min-width:0;width:100%}.settings__item .home__action{justify-content:center}.settings__activityDetails{grid-template-columns:1fr}}.calendar__main{display:flex;flex-direction:column;gap:2rem;padding:2.5rem;width:auto;overflow-y:scroll;min-width:0}.timeline__wrapper{width:100%;overflow-x:auto;box-shadow:var(--main-shadow);border-radius:1rem;min-width:0;scrollbar-width:thin}.timeline{--timeline-room-column-width: 10rem;display:grid;min-width:max-content;border-radius:2rem}.timeline__item{padding:1rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.2rem}.timeline__item p{font-size:14px}.timeline__itemNights{background-color:#ffffff40;margin-left:.2rem;border-radius:1rem;padding-left:.5rem;padding-right:.5rem}.timeline__statusChip{background-color:#fff3;border-radius:999px;font-size:.72rem;margin-left:.25rem;padding:.1rem .45rem;white-space:nowrap}.timeline__bookingName{min-width:0;overflow:hidden;text-overflow:ellipsis}.timeline__roomIdItem{position:sticky;left:0;border-right:1px solid #eee;border-bottom:1px solid #eee;z-index:4;background:#fff}.timeline__dateItem{position:sticky;top:0;scroll-margin-left:12.5rem;border-bottom:1px solid #eee;border-right:1px solid #eee;z-index:3;background:#fff}.timeline__bookedRoomItem{background-color:var(--primary-color);color:#fff;box-shadow:var(--main-shadow);border-radius:.5rem;z-index:2;cursor:pointer;text-align:start;display:flex;align-items:center;justify-content:flex-start}.timeline__bookedRoomItem:hover{opacity:.9}.timeline__bookedRoomItem--unpaid{box-shadow:var(--main-shadow),inset 0 0 0 1px #ffffff70}.timeline__bookedRoomItem--unpaid:before{background:#ff5269;border-radius:inherit;content:"";inset:.35rem auto .35rem .35rem;position:absolute;width:.28rem}.timeline__bookedRoomItem p{font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}.calendar__monthSelector{display:flex;align-items:center;gap:.75rem}.calendar__monthPicker{position:relative}.calendar__monthNavButton,.calendar__monthPickerTrigger{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit}.calendar__monthNavButton{border-radius:1rem;box-shadow:var(--main-shadow);color:var(--primary-color);justify-content:center;padding:.5rem;transition-duration:.1s}.calendar__monthNavButton:hover{transform:scale(1.1)}.calendar__monthPickerTrigger{border-radius:.5rem;gap:.35rem;padding:.2rem .35rem}.calendar__densitySelector{border:0;cursor:pointer;font:inherit}.calendar__densitySelector p{font-size:1rem;font-weight:400}.calendar__densitySelector:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.calendar__densitySelector:disabled{cursor:wait;opacity:.65}.calendar__monthPickerTrigger:hover,.calendar__monthPickerTrigger:focus-visible{background:#00000008}.calendar__monthNavButton:focus-visible,.calendar__monthPickerTrigger:focus-visible,.calendar__monthPickerPanel button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.calendar__monthPickerPanel{background:#fff;border:1px solid #e5e7eb;border-radius:.85rem;box-shadow:0 .75rem 2rem #0000001f;display:block;left:50%;min-width:16rem;padding:.75rem;position:absolute;top:calc(100% + .55rem);transform:translate(-50%);z-index:10}.calendar__monthPickerYear{align-items:center;display:flex;justify-content:space-between;margin-bottom:.65rem}.calendar__monthPickerYear span{font-size:.95rem}.calendar__monthPickerYear button{align-items:center;background:transparent;border:0;border-radius:.45rem;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:1.15rem;height:2rem;justify-content:center;width:2rem}.calendar__monthPickerYear button:hover,.calendar__monthPickerMonth:hover{background:#00000008}.calendar__monthPickerMonths{display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr)}.calendar__monthPickerMonth{background:transparent;border:0;border-radius:.45rem;color:#374151;cursor:pointer;font:inherit;font-size:.82rem;padding:.55rem .3rem}.calendar__monthPickerMonth--selected{background:var(--primary-color);color:#fff}.calendar__monthPickerMonth--selected:hover{background:var(--primary-color);filter:brightness(.95)}.calendar__legend{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:-.75rem}.calendar__legend+.timeline__wrapper{margin-top:-.75rem}.calendar__legendItem{align-items:center;color:#4b5563;display:inline-flex;font-size:.85rem;gap:.4rem}.calendar__legendDot{border-radius:999px;display:inline-block;height:.7rem;width:.7rem}.calendar__legendDot--accent{background:#ff5269!important;border-radius:999px;box-shadow:0 0 .45rem #ff526980;height:1rem;width:.28rem}.timeline__emptyCell{position:relative;z-index:1}.timeline__booked{background-color:#ffffff40;border-radius:50%}.timeline__emptyCell{cursor:pointer;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;transition:background-color .15s ease;z-index:1}.timeline__emptyCell:hover{background-color:#00000005}.timeline__bookedRoomItem{z-index:2;position:relative}.timeline__emptyCell:hover:after{content:"+";position:absolute;font-size:1.5rem;color:#00000070;pointer-events:none}.home__skeletonModal{position:relative;overflow:hidden;background-color:var(--background);border-radius:1rem;width:min(50rem,calc(100vw - 2rem));height:min(40rem,calc(100vh - 2rem));padding:2rem}.home__skeletonModal:after{content:"";position:absolute;inset:0;z-index:10;background:linear-gradient(90deg,transparent 25%,rgba(0,0,0,.05) 50%,transparent 75%);background-size:200% 100%;animation:homeShimmer 1.4s ease-in-out infinite;pointer-events:none}@keyframes homeShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:760px){.calendar__main{padding:1rem;gap:1.25rem}.calendar__monthSelector{flex-wrap:wrap;gap:.5rem}.calendar__monthNavButton{border-radius:.85rem}.calendar__monthPickerPanel{left:0;transform:none}.timeline__wrapper{border-radius:1.25rem}.timeline{--timeline-room-column-width: 5.75rem}.timeline__item{padding:.75rem}.timeline__roomIdItem{padding:.5rem .4rem}.timeline__roomIdItem p,.timeline__roomIdItem{font-size:.78rem;line-height:1.1}.timeline__dateItem{scroll-margin-left:5.75rem}.home__skeletonModal{width:calc(100vw - 1.5rem);height:min(32rem,calc(100vh - 1.5rem));padding:1.25rem}}.main{gap:1.5rem}.main__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.main__statsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.main__statCard{min-height:6.5rem;padding:1rem;border-radius:1.5rem;background-color:var(--background);box-shadow:var(--main-shadow);box-sizing:border-box}.main__statCard .statLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main__cashCloseSection{display:flex;flex-direction:column;gap:1.15rem;padding:1.4rem;border-radius:1.75rem;background-color:var(--background);box-shadow:var(--main-shadow)}.main__cashCloseHero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;min-width:0;padding:.15rem .1rem .35rem}.main__cashCloseHeroIcon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background-color:color-mix(in srgb,var(--primary-color) 13%,#fff);color:var(--primary-color);font-size:1.5rem}.main__cashCloseHeroIcon--complete{background-color:color-mix(in srgb,var(--green) 14%,#fff);color:var(--green)}.main__cashCloseHero p,.main__cashCloseHero h2,.main__cashCloseHero span{margin:0}.main__cashCloseHero p,.main__cashCloseHero span{color:#777;font-size:.9rem}.main__cashCloseHero h2{margin:.1rem 0;color:var(--text);font-size:1.28rem;font-weight:500;overflow-wrap:anywhere}.main__cashCloseHeroMeta{display:flex;gap:.55rem;align-items:center;justify-content:flex-end;min-width:0;flex-wrap:wrap}.main__cashCloseBadge{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.35rem .8rem;border-radius:999rem;background-color:var(--light-background);color:#666;font-size:.9rem;font-weight:600;white-space:nowrap}.main__cashCloseBadge--open,.main__cashCloseBadge--complete{background-color:color-mix(in srgb,var(--green) 13%,#fff);color:var(--green)}.main__cashCloseStaffChip{display:inline-flex;align-items:center;gap:.45rem;min-width:0;max-width:13rem;min-height:2.25rem;padding:.25rem .7rem .25rem .35rem;border-radius:999rem;background-color:var(--light-background);box-shadow:var(--light-shadow)}.main__cashCloseStaffChip img{width:1.65rem;height:1.65rem;flex:0 0 auto;border-radius:50%;object-fit:cover}.main__cashCloseStaffChip span{min-width:0;overflow:hidden;color:var(--text);font-size:.9rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.main__cashCloseExpandButton{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:center;width:100%;padding:.85rem 1rem;border:0;border-radius:1rem;background-color:var(--light-background);color:var(--text);box-shadow:var(--light-shadow);cursor:pointer;font:inherit;text-align:left}.main__cashCloseExpandButton span{min-width:0;overflow-wrap:anywhere;color:#777}.main__cashCloseExpandButton strong{color:var(--primary-color);font-weight:600;white-space:nowrap}.main__cashCloseExpandButton i{color:var(--primary-color);font-size:1.35rem}.main__cashCloseGrid{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(24rem,1.2fr);gap:1.15rem;align-items:stretch}.main__cashCloseActionPanel{min-width:0;padding:1.15rem;border-radius:1.25rem;background-color:var(--light-background);box-shadow:var(--light-shadow);box-sizing:border-box}.main__cashCloseOverview{display:grid;gap:.85rem;min-width:0}.main__cashCloseTile{min-width:0;padding:1.05rem;border-radius:1rem;background-color:var(--background);box-shadow:var(--light-shadow)}.main__cashCloseTileHeader{display:flex;align-items:center;gap:.5rem;min-width:0}.main__cashCloseTileHeader i{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:0 0 auto;border-radius:50%;background-color:color-mix(in srgb,var(--primary-color) 10%,#fff);color:var(--primary-color);font-size:1rem}.main__cashCloseTileHeader span,.main__cashCloseTile p,.main__cashCloseActionHeader p,.main__cashCloseForm span{margin:0;color:#777;font-size:.9rem}.main__cashCloseTile strong{display:block;margin:.65rem 0 .2rem;overflow-wrap:anywhere;color:var(--text);font-size:1.75rem;font-weight:600}.main__cashCloseTile--deposit .main__cashCloseTileHeader i{background-color:#fff5cd;color:#dcba32}.main__cashCloseTile--operating .main__cashCloseTileHeader i{background-color:color-mix(in srgb,var(--primary-color) 13%,#fff);color:var(--primary-color)}.main__cashCloseActionPanel{display:flex;flex-direction:column;gap:1rem;background-color:var(--background)}.main__cashCloseActionHeader h3{margin:.12rem 0 0;color:var(--text);font-size:1.15rem;font-weight:600}.main__cashCloseForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;align-items:start}.main__cashCloseForm label{display:flex;flex-direction:column;gap:.3rem;min-width:0}.main__cashCloseNote{grid-column:1 / -1}.main__cashCloseActions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:.75rem;grid-column:1 / -1}.main__cashCloseActions .home__action{grid-column:auto}.main__cashCloseToggle{display:flex;flex-direction:row!important;gap:.55rem;align-items:center;grid-column:1 / -1;width:fit-content;margin:.1rem 0 .25rem;padding:.45rem .65rem;border-radius:999rem;background-color:var(--light-background);color:var(--text);font-size:.95rem}.main__cashCloseForm .boxInput:disabled{opacity:1;cursor:default}.main__cashCloseForm .home__action{position:static;grid-column:1 / -1;width:100%;max-width:100%;min-height:3.35rem;justify-content:center;justify-self:stretch;align-self:end;padding-inline:1.15rem;border-radius:.95rem;box-shadow:var(--light-shadow)}.main__cashCloseForm .home__action:hover{transform:scale(1.02)}.main__cashCloseForm .home__action p{white-space:normal}.main__adminSection{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:2rem;background-color:var(--background);box-shadow:var(--main-shadow)}.main__todayFinanceSection{min-width:0}.main__adminHeader,.main__cardHeader{display:flex;justify-content:space-between;align-items:center;gap:1rem}.main__adminHeader div{display:flex;align-items:center;gap:.65rem}.main__adminHeader i{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:color-mix(in srgb,var(--primary-color) 14%,#fff);color:var(--primary-color);font-size:1.4rem}.main__adminHeader h2,.main__cardHeader h3{font-size:1.25rem;font-weight:500}.main__adminHeader span,.main__cardHeader span{color:#777}.main__cardHeader>div:first-child{min-width:0}.main__chartControls{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.main__chartMetricControl,.main__chartRangeControl{display:grid;overflow:hidden;border-radius:10rem;background-color:#fff;box-shadow:var(--light-shadow);flex:0 0 auto}.main__chartMetricControl{grid-template-columns:repeat(2,5.2rem)}.main__chartRangeControl{grid-template-columns:repeat(4,2.75rem)}.main__chartRangeButton{min-height:2rem;border:0;background-color:transparent;color:#777;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:.82rem;font-weight:500;line-height:1;transition:background-color .2s ease,color .2s ease}.main__chartRangeButton:hover,.main__chartRangeButton--active{background-color:var(--primary-color);color:#fff}.main__adminDashboardGrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(19rem,.82fr);gap:1rem;min-width:0}.main__adminPrimaryColumn,.main__adminSideColumn{display:flex;flex-direction:column;gap:1rem;min-width:0}.main__adminPanel{min-width:0;padding:1.25rem;border-radius:1.35rem;background-color:var(--background);box-shadow:var(--light-shadow);box-sizing:border-box}.main__adminPanelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-width:0;margin-bottom:1rem}.main__adminPanelHeader div{min-width:0}.main__adminPanelHeader span,.main__adminPanelHeader p,.main__summaryMetric p,.main__sideMetric p{color:#777}.main__adminPanelHeader span{display:block;margin-bottom:.15rem;font-size:.9rem}.main__adminPanelHeader h3{overflow:hidden;font-size:1.2rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.main__adminPanelHeader p{flex:0 0 auto;font-size:.9rem}.main__metricTitle,.main__summaryMetricLabel{display:flex;align-items:center;gap:.35rem;min-width:0}.main__summaryMetricLabel{margin-bottom:.25rem}.main__summaryMetricLabel>span:first-child{min-width:0}.main__adminPanelHeader .main__metricInfo,.main__summaryMetricLabel .main__metricInfo{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;margin:0;color:#8a8a8a;cursor:help;outline:none}.main__metricInfo i{font-size:1rem;line-height:1}.main__metricInfo .main__metricTooltip{position:absolute;left:50%;bottom:calc(100% + .45rem);z-index:8;display:none;flex-direction:column;gap:.25rem;width:max-content;max-width:18rem;padding:.55rem .7rem;border-radius:.6rem;background:#ffffff50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#000;box-shadow:var(--main-shadow);font-size:.78rem;line-height:1.35;white-space:normal;transform:translate(-50%)}.main__metricTooltip:after{position:absolute;left:50%;bottom:-.35rem;width:.7rem;height:.7rem;background:#fff;content:"";transform:translate(-50%) rotate(45deg)}.main__adminPanelHeader .main__metricTooltip span,.main__summaryMetricLabel .main__metricTooltip span{display:block;margin:0;color:inherit}.main__metricInfo:hover .main__metricTooltip{display:flex}.main__revenueHero{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 8%,#ffffff),#fff 68%);box-shadow:var(--light-shadow);transition-duration:.2s}.main__revenueHero:hover{transform:scale(1.01)}.main__revenueHero:active{transform:scale(.99)}.main__revenueHeroValue{min-width:0}.main__revenueHeroValue strong{display:block;overflow:hidden;color:#000;font-size:clamp(3.1rem,5.8vw,5.35rem);font-weight:400;line-height:.98;text-overflow:ellipsis;white-space:nowrap}.main__revenueHeroValue span{display:block;margin-top:.65rem;color:#777;font-size:1.05rem}.main__revenueBreakdown{padding-block:.35rem}.main__todayRevenue{position:relative;overflow:hidden;padding:1.15rem 1.35rem 1rem;border:none;background:#fff;box-shadow:var(--main-shadow);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.main__todayRevenue:hover{transform:translateY(-2px);box-shadow:var(--main-shadow)}.main__todayRevenueEyebrow{display:flex;align-items:center;color:#8a8a8a;font-size:.75rem;font-weight:600;letter-spacing:.08em}.main__todayRevenueHeader{display:block;margin-top:.25rem}.main__todayRevenueBreakdown span{color:#777;font-size:.9rem}.main__todayRevenueHeader h2{color:#222;font-size:1.05rem;font-weight:600}.main__todayRevenueHeader>strong{display:block;margin-top:.15rem;color:#000;font-size:clamp(2.6rem,4vw,4rem);font-weight:400;line-height:.98;text-align:left}.main__todayRevenueBreakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem;padding:.8rem 0;box-shadow:inset 0 1px color-mix(in srgb,#000000 6%,transparent)}.main__todayServiceStrip{display:flex;gap:.65rem;align-items:center;min-width:0;margin-top:0;padding-top:.8rem;box-shadow:inset 0 1px color-mix(in srgb,#000000 6%,transparent)}.main__todayServiceChips{display:flex;gap:.75rem;min-width:0;overflow-x:auto;scrollbar-width:none}.main__todayServiceChips::-webkit-scrollbar{display:none}.main__todayServiceChip{display:inline-flex;flex:0 0 auto;gap:.25rem;align-items:center;min-height:2rem;padding:.35rem .55rem;border:none;border-radius:999rem;background-color:color-mix(in srgb,var(--service-color) 7%,#ffffff);box-shadow:var(--light-shadow);color:#333;font:inherit;line-height:1;cursor:pointer}.main__todayServiceChip:hover,.main__todayServiceChip:focus-visible{background-color:color-mix(in srgb,var(--service-color) 12%,#ffffff);box-shadow:var(--main-shadow);outline:none}.main__todayServiceChip i{display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--service-color) 82%,#555555);font-size:1rem;line-height:1}.main__todayServiceChip span,.main__todayServiceChip strong{display:inline-flex;align-items:center;justify-content:center;height:1.2rem;line-height:1;white-space:nowrap}.main__todayServiceChip span{font-size:.82rem;font-weight:500}.main__todayServiceChip strong{box-sizing:border-box;min-width:1.2rem;margin-left:.2rem;border-radius:999rem;background-color:color-mix(in srgb,var(--service-color) 78%,#ffffff);color:#fff;font-size:.7rem;line-height:1;font-variant-numeric:tabular-nums;padding-top:1px}.main__todayServiceChip small{color:#777;font-size:.75rem}.main__todayDetailsLink{flex:0 0 auto;margin-left:auto;color:var(--primary-color);font-size:.82rem;font-weight:600}.main__todayRevenueBreakdown div{min-width:0}.main__todayRevenueBreakdown strong{display:block;margin-top:.2rem;overflow:hidden;color:#000;font-size:1.15rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.main__todayRevenueBreakdown .main__todayRevenueReduction{color:#e11d48}.main__todayRevenueBreakdown .main__todayCollectedRevenue{color:var(--primary-color)}.main__summaryRow{display:grid;grid-template-columns:minmax(5.5rem,.55fr) minmax(0,1.15fr) minmax(0,1fr);gap:1rem;align-items:center;min-width:0;padding:1rem 0;box-shadow:inset 0 1px color-mix(in srgb,#000000 6%,transparent)}.main__summaryRow:first-child{box-shadow:none}.main__summaryLabel span{display:inline-flex;align-items:center;min-height:2.2rem;padding:0 .85rem;border-radius:999rem;background-color:color-mix(in srgb,var(--primary-color) 10%,#ffffff);color:var(--primary-color);font-weight:500}.main__summaryMetric{min-width:0}.main__summaryMetric p{margin-bottom:.25rem;font-size:.9rem}.main__summaryMetric strong{display:block;overflow:hidden;color:#000;font-size:clamp(1.65rem,2.25vw,2.8rem);font-weight:400;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.main__summaryMetric .main__summarySecondaryValue{color:#555}.main__trendPanel{display:flex;flex-direction:column;gap:1rem}.main__trendPanel .main__cardHeader{margin-bottom:0;padding-bottom:1rem;box-shadow:inset 0 -1px color-mix(in srgb,#000000 6%,transparent)}.main__occupancyPanel{position:relative;overflow:hidden}.main__occupancyPanel:before{position:absolute;inset:0 auto 0 0;width:var(--operation-fill, 0%);background-color:color-mix(in srgb,var(--primary-color) 12%,#ffffff);content:""}.main__occupancyPanel>*{position:relative;z-index:1}.main__sideMetric{min-width:0;padding-top:1rem;box-shadow:inset 0 1px color-mix(in srgb,#000000 6%,transparent)}.main__sideMetric p{margin-bottom:.35rem;font-size:.92rem}.main__sideMetric strong{display:block;overflow:hidden;color:#000;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.main__sideMetric--large strong{font-size:clamp(2.6rem,4.8vw,4rem)}.main__channelPanel{display:flex;flex-direction:column;gap:.35rem}.main__chartWrapper{width:100%;overflow:hidden}.main__channelList{display:flex;flex-direction:column;gap:.8rem}.main__channelItem{display:flex;justify-content:space-between;align-items:center;gap:1rem}.main__channelItem div{display:flex;align-items:center;gap:.65rem;min-width:0}.main__channelItem span{flex:0 0 auto;width:.7rem;height:.7rem;border-radius:50%}.main__channelItem p{overflow:hidden;color:#555;text-overflow:ellipsis;white-space:nowrap}.main__channelItem strong{flex:0 0 auto;font-weight:500}.main__todayGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.main__todayStack{display:flex;flex-direction:column;gap:1rem;min-width:0}.main__todaySection{min-width:0;padding:1.25rem;border-radius:2rem;background-color:var(--background);box-shadow:var(--main-shadow)}.main__todaySection--review{background-color:var(--background)}.main__todaySection--review .main__sectionHeader i{background-color:color-mix(in srgb,var(--red) 8%,#ffffff);color:var(--red)}.main__todaySection--review .main__sectionHeader span{background-color:var(--light-background);color:var(--red)}.main__sectionHeader{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.main__sectionHeader div{display:flex;align-items:center;gap:.65rem}.main__sectionHeader i{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:color-mix(in srgb,var(--primary-color) 14%,#fff);color:var(--primary-color);font-size:1.4rem}.main__sectionHeader h2{font-size:1.25rem;font-weight:500}.main__sectionHeader span{display:grid;place-items:center;min-width:2rem;height:2rem;padding:0 .45rem;border-radius:2rem;background-color:var(--light-background);color:var(--text);box-sizing:border-box}.main__bookingList{display:flex;flex-direction:column}.main__bookingItem{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:4rem;padding:.95rem .5rem;border:0;border-radius:.9rem;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.main__bookingItem:hover{background-color:#00000004}.main__bookingItem+.main__bookingItem{margin-top:.25rem}.main__bookingItem--review{--review-color: var(--red);--review-soft-background: color-mix(in srgb, var(--red) 5%, #ffffff)}.main__bookingItem--review-checkOut{--review-color: #b86b00;--review-soft-background: #fff7ed}.main__bookingPrimary{flex:1 1 auto;min-width:0}.main__bookingPrimary h3{font-size:1rem;font-weight:500}.main__bookingPrimary p,.main__bookingMeta span,.main__emptyState p{font-size:1rem;color:#777}.main__bookingPrimary p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main__bookingMeta{display:flex;flex-direction:column;align-items:flex-end;gap:.12rem;flex:0 0 auto;text-align:right;font-size:.85rem}.main__bookingMeta strong{color:var(--red);font-weight:500}.main__bookingMetaLine,.main__bookingReviewReason{display:inline-flex;align-items:center;justify-content:flex-end;gap:.35rem}.main__bookingMetaLine i,.main__bookingReviewReason i,.main__bookingReviewTag i,.main__bookingOverflow i{flex:0 0 auto;font-size:1rem}.main__bookingReviewReason{font-size:.95rem}.main__bookingReviewAge{font-weight:500}.main__emptyState{display:flex;align-items:center;gap:.65rem;min-height:5rem}.main__emptyState i{color:var(--primary-color);font-size:1.5rem}.main__bookingReviewTags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.main__bookingReviewTag{display:inline-flex;align-items:center;gap:.3rem;margin-top:.2rem;padding:.15rem .4rem;border-radius:999rem;background-color:color-mix(in srgb,var(--red) 5%,#ffffff);font-size:.78rem}.main__bookingOverflow{display:flex;align-items:center;justify-content:center;gap:.35rem;padding-top:.75rem;color:#777;font-size:.9rem;text-align:center}@media(max-width:1180px){.main__adminDashboardGrid{grid-template-columns:1fr}.main__statsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:920px){.main__todayGrid{grid-template-columns:1fr}}@media(max-width:720px){.main__statsGrid{grid-template-columns:1fr 1fr}.main__adminSection,.main__todayFinanceSection,.main__cashCloseSection,.main__statCard,.main__todaySection{border-radius:1.35rem}.main__adminSection,.main__cashCloseSection,.main__statCard,.main__adminPanel,.main__cashCloseOverview,.main__cashCloseActionPanel,.main__todaySection{padding:1rem}.main__cashCloseGrid{grid-template-columns:1fr}.main__cashCloseForm{grid-template-columns:1fr 1fr}.main__cashCloseForm .home__action,.main__cashCloseNote{grid-column:1 / -1}.main__cashCloseActions{grid-template-columns:1fr}.main__cashCloseForm .home__action{width:100%;justify-self:stretch}.main__adminHeader,.main__cardHeader,.main__sectionHeader{align-items:flex-start}.main__cardHeader{flex-direction:column;gap:.35rem}.main__summaryRow{grid-template-columns:1fr;gap:.75rem}.main__actions .home__action{justify-content:center;flex:1 1 12rem}.main__bookingItem{align-items:flex-start;flex-direction:column}.main__bookingItem--review{padding-inline:.6rem}.main__bookingMeta{align-items:flex-start;text-align:left}.main__bookingMetaLine,.main__bookingReviewReason,.main__bookingReviewTags{justify-content:flex-start}}@media(max-width:520px){.main{gap:1.25rem}.main__lastUpdated{align-items:center;flex-wrap:wrap}.main__adminHeader div,.main__sectionHeader div{min-width:0}.main__adminHeader h2,.main__sectionHeader h2,.main__cardHeader h3{overflow-wrap:anywhere}.main__adminPanelHeader,.main__summaryRow{align-items:flex-start}.main__todayRevenueHeader{display:block}.main__todayRevenueHeader>strong{text-align:left}.main__todayRevenueBreakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.main__todayServiceStrip{align-items:flex-start;flex-wrap:wrap}.main__todayServiceChips{width:100%;order:3}.main__channelItem{align-items:flex-start;flex-direction:column;gap:.35rem}.main__cashCloseOverview,.main__cashCloseForm{grid-template-columns:1fr}.main__cashCloseForm .home__action,.main__cashCloseNote{grid-column:1}.main__cashCloseHero{grid-template-columns:auto minmax(0,1fr)}.main__cashCloseHeroMeta{grid-column:1 / -1;justify-self:start;justify-content:flex-start}}.financialBreakdown{position:relative;width:min(60rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem;border-radius:2rem;background-color:var(--background);box-shadow:var(--main-shadow);scrollbar-color:#d4d4d4 transparent;scrollbar-width:thin}.financialBreakdown::-webkit-scrollbar{width:.5rem}.financialBreakdown::-webkit-scrollbar-track{background:transparent}.financialBreakdown::-webkit-scrollbar-thumb{background-color:#d4d4d4;border-radius:999rem}.financialBreakdown::-webkit-scrollbar-corner{background:transparent}.financialBreakdown__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.financialBreakdown__header p{margin-top:.55rem;color:#666;line-height:1.5}.financialBreakdown__header>span{flex:0 0 auto;padding:.35rem .65rem;border-radius:999rem;background-color:#f4f6f8;color:#555;font-size:.82rem;font-weight:500}.financialBreakdown__summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;align-items:end;padding:1.35rem;margin-bottom:1.5rem;border-radius:1.5rem;background-color:var(--background);box-shadow:var(--light-shadow)}.financialBreakdown__summaryPrimary,.financialBreakdown__summaryMeta{min-width:0}.financialBreakdown__summaryPrimary p,.financialBreakdown__summaryMeta small{overflow:hidden;margin-bottom:.45rem;color:#666;font-size:.9rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.financialBreakdown__summaryPrimary strong{display:block;overflow:hidden;font-size:clamp(2.35rem,4vw,3.4rem);font-weight:400;line-height:1.02;text-overflow:ellipsis;white-space:nowrap}.financialBreakdown__summaryMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.financialBreakdown__summaryMeta span{min-width:0}.financialBreakdown__summaryMeta small,.financialBreakdown__summaryMeta strong{display:block}.financialBreakdown__summaryMeta strong{overflow:hidden;font-size:1.15rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.financialBreakdown__analysisHeader{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1rem}.financialBreakdown__analysisHeader h2{font-size:1.25rem;font-weight:500}.financialBreakdown__analysisHeader p{margin-top:.25rem;color:#777;font-size:.9rem}.financialBreakdown__modeToggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));width:13.5rem;overflow:hidden;border-radius:10rem;background-color:var(--background);box-shadow:var(--light-shadow)}.financialBreakdown__modeToggle--filtered{grid-template-columns:repeat(3,minmax(0,1fr))}.financialBreakdown__modeButton{min-height:2.2rem;padding:0 .9rem;border:0;background-color:transparent;color:#666;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:.8rem;font-weight:600;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.financialBreakdown__modeButton--active{background-color:color-mix(in srgb,var(--primary-color) 10%,#ffffff);color:#111;box-shadow:var(--light-shadow)}.financialBreakdown__distributionBar{display:flex;gap:.25rem;width:100%;height:1.55rem;margin-bottom:2rem;border-radius:999rem;overflow:visible}.financialBreakdown__distributionBar--empty{background-color:#f1f3f6}.financialBreakdown__distributionSegment{position:relative;display:block;min-width:.45rem;height:100%;box-shadow:inset 0 0 0 1px #ffffff73}.financialBreakdown__distributionSegment:first-child{border-radius:999rem 0 0 999rem}.financialBreakdown__distributionSegment:last-child{border-radius:0 999rem 999rem 0}.financialBreakdown__distributionSegment:only-child{border-radius:999rem}.financialBreakdown__distributionTooltip{position:absolute;left:50%;bottom:calc(100% + .55rem);z-index:4;display:none;width:max-content;max-width:14rem;padding:.55rem .7rem;border-radius:.65rem;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--main-shadow);color:#000;font-size:.78rem;line-height:1.35;transform:translate(-50%)}.financialBreakdown__distributionTooltip:after{position:absolute;left:50%;bottom:-.35rem;width:.7rem;height:.7rem;background:#ffffffd9;content:"";transform:translate(-50%) rotate(45deg)}.financialBreakdown__distributionTooltip strong,.financialBreakdown__distributionTooltip span{display:block}.financialBreakdown__distributionSegment:hover{filter:brightness(.96)}.financialBreakdown__distributionSegment:hover .financialBreakdown__distributionTooltip{display:block}.financialBreakdown__section{margin-top:2rem}.financialBreakdown__sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.financialBreakdown__sectionHeader h2{font-size:1.25rem;font-weight:500}.financialBreakdown__sectionHeader span{color:#777;font-size:.9rem}.financialBreakdown__categoryList{display:flex;flex-direction:column;gap:1rem}.financialBreakdown__category{overflow:hidden;border-radius:1.5rem;background-color:var(--background);box-shadow:var(--light-shadow)}.financialBreakdown__categoryHeader{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;width:100%;padding:1.15rem 1.25rem;border:0;background-color:transparent;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;text-align:left}.financialBreakdown__category--open .financialBreakdown__categoryHeader{background-color:color-mix(in srgb,var(--primary-color) 5%,#ffffff)}.financialBreakdown__categoryTotal{display:inline-flex;align-items:center;gap:.55rem;flex:0 0 auto}.financialBreakdown__categoryTotal strong{font-size:1.1rem;font-weight:500;white-space:nowrap}.financialBreakdown__categoryTotal i{color:#777;font-size:1.25rem;line-height:1}.financialBreakdown__categoryIdentity{display:flex;align-items:center;gap:1rem;min-width:0}.financialBreakdown__categoryIdentity h3{overflow:hidden;font-size:1rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.financialBreakdown__categoryIdentity p{margin-top:.2rem;color:#777;font-size:.9rem}.financialBreakdown__colorDot{flex:0 0 auto;width:.75rem;height:.75rem;border-radius:50%}.financialBreakdown__methodIcon{display:grid;place-items:center;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;border-radius:50%;color:#fff}.financialBreakdown__methodIcon i{font-size:1.25rem;line-height:1}.financialBreakdown__transactions{display:flex;flex-direction:column;padding:.35rem 1.25rem 1.25rem;background-color:#fff;box-shadow:inset 0 .35rem .65rem #00000008}.financialBreakdown__transaction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:start;min-width:0;padding:1rem 0;box-shadow:inset 0 -.1rem #0000000d}.financialBreakdown__transaction:last-child{padding-bottom:0;box-shadow:none}.financialBreakdown__transactionMain,.financialBreakdown__transactionSide{display:flex;flex-direction:column;min-width:0}.financialBreakdown__transactionSide{align-items:flex-end;min-width:9rem;text-align:right}.financialBreakdown__transactionMain strong,.financialBreakdown__transactionMain span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financialBreakdown__transactionMain strong{font-weight:400}.financialBreakdown__transactionMain span{color:#666;font-size:.9rem}.financialBreakdown__paymentMethod{display:inline-flex;align-items:center;justify-content:flex-end;gap:.35rem;color:#666;font-size:.9rem;white-space:nowrap}.financialBreakdown__paymentMethod i{font-size:1rem;line-height:1}.financialBreakdown__transactionAmount{color:#000;font-size:1rem;font-weight:600;white-space:nowrap}.financialBreakdown__state{display:grid;place-items:center;gap:.5rem;min-height:10rem;color:#777;text-align:center}.financialBreakdown__state i{color:var(--primary-color);font-size:1.8rem}.financialBreakdown__state--error i{color:var(--red)}.financialBreakdown__emptyText{padding:1.25rem;border-radius:1.5rem;background-color:#f7f7f7;color:#777;text-align:center}@media(max-width:760px){.financialBreakdown{width:min(42rem,calc(100vw - 1.5rem));max-height:calc(100vh - 1.5rem);padding:1.25rem;border-radius:1.5rem}.financialBreakdown__header,.financialBreakdown__categoryHeader{flex-direction:column;align-items:stretch}.financialBreakdown__summary{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding:1.25rem}.financialBreakdown__summaryPrimary strong{font-size:1.65rem}.financialBreakdown__analysisHeader{align-items:stretch;flex-direction:column}.financialBreakdown__modeToggle{width:100%}.financialBreakdown__transaction{grid-template-columns:minmax(0,1fr);gap:.35rem}.financialBreakdown__transactionSide{align-items:flex-start;min-width:0;text-align:left}}.depositPreparationModal{position:relative;display:flex;flex-direction:column;gap:1.75rem;width:min(48rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);padding:2rem;overflow-y:auto;border-radius:1rem;outline:none;background-color:var(--background);box-shadow:var(--main-shadow);box-sizing:border-box;scrollbar-color:#d4d4d4 transparent;scrollbar-width:thin}.depositPreparationModal::-webkit-scrollbar{width:.5rem}.depositPreparationModal::-webkit-scrollbar-track{background:transparent}.depositPreparationModal::-webkit-scrollbar-thumb{border-radius:999rem;background-color:#d4d4d4}.depositPreparationModal__close{position:absolute;top:1.5rem;right:1.5rem;display:grid;place-items:center;width:2.65rem;height:2.65rem;padding:0;border:0;border-radius:50%;background-color:var(--background);color:var(--text);box-shadow:var(--light-shadow);cursor:pointer;font-size:1.55rem}.depositPreparationModal__close:disabled,.depositPreparationModal__footer button:disabled{cursor:not-allowed;opacity:.55}.depositPreparationModal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.depositPreparationModal__header p{margin-top:.55rem;color:#777;line-height:1.5}.depositPreparationModal__header>span{flex:0 0 auto;padding:.35rem .65rem;border-radius:999rem;background-color:#f4f6f8;color:#555;font-size:.82rem;font-weight:500}.depositPreparationModal__header h2{margin:0;color:var(--text);margin-top:1rem;font-size:32px;font-weight:500}.depositPreparationModal__overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(15rem,.85fr);gap:1rem}.depositPreparationModal__total,.depositPreparationModal__transfer{min-width:0;border-radius:1.5rem;background-color:var(--background);box-shadow:var(--light-shadow)}.depositPreparationModal__total{padding:1.4rem}.depositPreparationModal__total p,.depositPreparationModal__total span{color:#777}.depositPreparationModal__total strong{display:block;margin:.2rem 0;overflow:hidden;color:var(--text);font-size:clamp(2.15rem,5vw,3rem);font-weight:400;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.depositPreparationModal__total span{font-size:.9rem}.depositPreparationModal__transfer{display:flex;align-items:center;gap:.85rem;padding:1.15rem;background-color:color-mix(in srgb,#fff5cd 55%,var(--background))}.depositPreparationModal__transfer>i{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex:0 0 auto;border-radius:50%;background-color:var(--background);color:#b28b00;box-shadow:var(--light-shadow);font-size:1.45rem}.depositPreparationModal__transfer div{min-width:0}.depositPreparationModal__transfer span,.depositPreparationModal__transfer strong{display:block}.depositPreparationModal__transfer span{margin-bottom:.15rem;color:#806a19;font-size:.82rem}.depositPreparationModal__transfer strong{color:var(--text);font-size:.95rem;font-weight:600;line-height:1.4}.depositPreparationModal__bookings>header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.depositPreparationModal__bookings h3{color:var(--text);font-size:1.15rem;font-weight:500}.depositPreparationModal__bookings header p,.depositPreparationModal__bookings header>span{color:#777;font-size:.85rem}.depositPreparationModal__bookings header>span{flex:0 0 auto;padding:.4rem .7rem;border-radius:999rem;background-color:var(--light-background);box-shadow:var(--light-shadow)}.depositPreparationModal__bookings ul{display:grid;gap:.7rem;max-height:13rem;padding:.25rem;overflow-y:auto;list-style:none}.depositPreparationModal__bookings li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:1rem;background-color:var(--background);box-shadow:var(--light-shadow)}.depositPreparationModal__bookings li div{min-width:0}.depositPreparationModal__bookings li strong,.depositPreparationModal__bookings li small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.depositPreparationModal__bookings li strong{color:var(--text);font-weight:500}.depositPreparationModal__bookings li small{color:#888}.depositPreparationModal__bookings li>span{flex:0 0 auto;color:var(--text);font-weight:600}.depositPreparationModal__empty{display:flex;align-items:center;gap:.85rem;padding:1rem;border-radius:1rem;background-color:var(--background);box-shadow:var(--light-shadow)}.depositPreparationModal__empty>i{color:var(--green);font-size:1.75rem}.depositPreparationModal__empty strong,.depositPreparationModal__empty span{display:block}.depositPreparationModal__empty strong{color:var(--text);font-weight:500}.depositPreparationModal__empty span{color:#777;font-size:.85rem}.depositPreparationModal__counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.depositPreparationModal__counts label,.depositPreparationModal__note{display:flex;flex-direction:column;gap:.45rem;min-width:0;color:#000;font-size:.9rem}.depositPreparationModal__footer{display:flex;align-items:stretch;justify-content:flex-end;gap:.75rem}.depositPreparationModal__footer>button:first-child{padding:.85rem 1.25rem;border:0;background-color:transparent;color:#666;cursor:pointer;font:inherit}.depositPreparationModal__footer .home__action{justify-content:center;min-height:3.35rem;border-radius:2rem}@media(max-width:700px){.depositPreparationModal{gap:1.35rem;width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);padding:1.25rem;border-radius:1.5rem}.depositPreparationModal__close{top:1rem;right:1rem}.depositPreparationModal__overview,.depositPreparationModal__counts{grid-template-columns:1fr}.depositPreparationModal__header{flex-direction:column;gap:.75rem}.depositPreparationModal__bookings li small{display:none}.depositPreparationModal__footer{display:grid;grid-template-columns:1fr}.depositPreparationModal__footer>button:first-child{grid-row:2}}.documents__overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.documents__overview div{display:flex;align-items:center;gap:.85rem;min-width:0;padding:1rem 1.25rem;border-radius:.75rem;background-color:var(--background);box-shadow:var(--light-shadow)}.documents__overview i{display:grid;place-items:center;flex:0 0 2.35rem;width:2.35rem;height:2.35rem;border-radius:50%;background-color:color-mix(in srgb,var(--primary-color) 14%,#fff);color:var(--primary-color);font-size:1.35rem}.documents__overview p{flex:1 1 auto;min-width:0;overflow:hidden;color:#666;text-overflow:ellipsis;white-space:nowrap}.documents__overview strong{flex:0 0 auto;font-size:1.35rem;font-weight:600}.documents__exports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}.documents__export{display:flex;flex-direction:column;gap:1.5rem;min-width:0;padding:1.5rem;border-radius:2rem;box-shadow:var(--main-shadow);background-color:var(--background)}.documents__exportHeader{display:flex;align-items:center;gap:1rem}.documents__exportIcon{display:grid;place-items:center;flex:0 0 3.75rem;width:3.75rem;height:3.75rem;border-radius:.75rem;font-size:1.75rem}.documents__exportIcon--booking{background-color:#51d1dc15;color:var(--primary-color)}.documents__exportIcon--tm30{background-color:#2f6fd615;color:#2f6fd6}.documents__exportIcon--hotel{background-color:#f4a90015;color:#f4a900}.documents__exportHeader h3{font-weight:600;font-size:1.25rem}.documents__exportHeader p{font-size:.9rem;color:#666}.documents__exportDescription{color:#555;line-height:1.75;min-height:3.5rem}.documents__form{display:flex;flex-direction:column;gap:1rem}.documents__fieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.documents__label{margin-bottom:.5rem;font-size:.9rem;font-weight:500}.documents__dateInputs{width:100%}.documents__passportStatus{overflow:hidden;border-radius:1.25rem;box-shadow:var(--main-shadow);margin-top:auto;background-color:var(--background)}.documents__statusRow{display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem}.documents__statusRow i{display:flex;align-items:center;justify-content:center;flex:0 0 2rem;width:2rem;height:2rem;border-radius:50%;color:#fff;font-size:1.2rem}.documents__statusRow p{flex:1 1 auto;min-width:0}.documents__statusRow strong{display:block;line-height:1.2}.documents__statusRow button{font-family:IBM Plex Sans Thai,sans-serif;border:0;background:transparent;color:var(--primary-color);cursor:pointer;font-weight:600}.documents__statusRow--success{background-color:color-mix(in srgb,var(--green) 10%,#fff)}.documents__statusRow--success i{background-color:var(--green)}.documents__statusRow--warning{background-color:#f4a90012}.documents__statusRow--warning i{background-color:#f4a900}.documents__missingList{display:flex;flex-direction:column;padding:.35rem .5rem .5rem;background-color:var(--background)}.documents__missingItem{position:relative;border:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;min-height:4rem;width:100%;padding:.95rem .5rem;border-radius:.9rem;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.documents__missingItem+.documents__missingItem{margin-top:.25rem}.documents__missingItem:hover{background-color:#00000004}.documents__missingPrimary{flex:1 1 auto;min-width:0}.documents__missingPrimary strong{display:block;overflow:hidden;color:var(--text);font-size:1rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.documents__missingPrimary p{display:block;overflow:hidden;color:#777;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.documents__missingMeta{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:.12rem;text-align:right;font-size:.85rem}.documents__missingMeta strong{color:var(--red);font-weight:500}.documents__missingMeta span,.documents__missingMore{color:#777;font-size:.85rem}.documents__missingMore{margin-top:.25rem;text-align:center}.documents__actions{margin-top:1rem;display:grid;grid-template-columns:1fr;gap:1rem}.documents__action{justify-content:center;border-radius:.6rem;width:100%}.documents__action p{font-weight:500}.documents__action--primary{background-color:var(--primary-color)}.documents__action--blue{background-color:#2f6fd6}.documents__action--orange{background-color:#f4a900}@media(max-width:1280px){.documents__exports{grid-template-columns:repeat(2,minmax(0,1fr))}.documents__export--hotel{grid-column:1 / -1}}@media(max-width:760px){.documents__overview,.documents__exports{grid-template-columns:1fr}.documents__export--hotel{grid-column:auto}.documents__export{padding:1.25rem;gap:1.25rem}.documents__exportDescription{min-height:0}.documents__fieldGrid,.documents__actions{grid-template-columns:1fr}.documents__overview div{padding:.9rem 1rem}}@media(max-width:480px){.documents__missingItem{align-items:flex-start;flex-direction:column;gap:.35rem}}.manage{--manage-page-padding: 2.5rem;display:flex;flex-direction:column;gap:1.5rem;min-width:0;padding:var(--manage-page-padding)}.manage__overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.manage__overviewCard{min-width:0;min-height:6.5rem;padding:1rem;border-radius:1.5rem;background-color:var(--background);box-shadow:var(--main-shadow);box-sizing:border-box}.manage__overviewCard p{overflow:hidden;margin:0 0 .35rem;color:#777;text-overflow:ellipsis;white-space:nowrap}.manage__overviewCard strong{display:block;overflow-wrap:anywhere;font-size:1.45rem;font-weight:500}.manage__staffSection{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;border-radius:2rem;background-color:var(--background);box-shadow:var(--main-shadow)}.manage__users{display:flex;gap:1rem;width:100%;overflow-x:auto;overflow-y:visible;padding:.75rem;margin:-.75rem;scrollbar-color:#d4d4d4 transparent;scrollbar-gutter:stable;scrollbar-width:thin;scroll-snap-type:x proximity}.manage__users::-webkit-scrollbar{height:.5rem;width:.5rem}.manage__users::-webkit-scrollbar-track{background:transparent}.manage__users::-webkit-scrollbar-thumb{background-color:#d4d4d4;border-radius:999rem}.manage__users::-webkit-scrollbar-corner{background:transparent}.manage__user{display:flex;align-items:flex-start;gap:.9rem;flex:0 0 18rem;width:18rem;min-width:0;padding:1rem;border-radius:1.25rem;background-color:var(--background);box-shadow:var(--light-shadow);scroll-snap-align:start}.manage__user--inactive{opacity:.64}.manage__user img{flex:0 0 3.75rem;width:3.75rem;height:3.75rem;border-radius:50%;object-fit:cover}.manage__userInfo{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:.85rem;flex:1 1 auto;min-width:0}.manage__userInfo>div:first-child{min-width:0}.manage__userInfo h3,.manage__userInfo p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage__userInfo h3{display:flex;align-items:center;gap:.35rem}.manage__userName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.manage__userActions{display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-start}.manage__userActions .home__action:not(.home__actionIconOnly){padding:.75rem 1rem}.manage__inactiveTag{display:inline-flex;width:fit-content;padding:.2rem .5rem;margin-left:.3rem;border-radius:999rem;color:var(--red);background-color:color-mix(in srgb,var(--red) 12%,#fff);font-size:.75rem;font-weight:500}.manage__sectionHeader{display:flex;justify-content:space-between;gap:1rem;align-items:center}.manage__sectionHeader>div{display:flex;align-items:center;gap:.65rem;min-width:0}.manage__sectionHeader i{display:grid;place-items:center;flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:50%;background-color:color-mix(in srgb,var(--primary-color) 14%,#fff);color:var(--primary-color);font-size:1.4rem}.manage__sectionHeader h2,.manage__sectionHeader p{margin:0}.manage__sectionHeader h2{font-size:1.25rem;font-weight:500}.manage__sectionHeader p{color:#777;font-size:.9rem}.manage__sectionHeader>span{display:grid;place-items:center;min-width:2rem;height:2rem;padding:0 .65rem;border-radius:2rem;background-color:var(--light-background);box-sizing:border-box}.manage__dateInput{max-width:12rem}.manage__cashAuditHero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;min-width:0;padding:.15rem .1rem .35rem}.manage__cashAuditToolbar{display:flex;justify-content:flex-end;align-items:center;gap:.55rem;min-width:max-content}.manage__cashAuditHeroIcon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background-color:color-mix(in srgb,var(--primary-color) 13%,#fff);color:var(--primary-color);font-size:1.5rem}.manage__cashAuditHeroCopy p,.manage__cashAuditHeroCopy h2,.manage__cashAuditHeroCopy span{margin:0}.manage__cashAuditHeroCopy p,.manage__cashAuditHeroCopy span{color:#777;font-size:.9rem}.manage__cashAuditHeroCopy h2{margin:.1rem 0;color:var(--text);font-size:1.28rem;font-weight:600;overflow-wrap:anywhere}.manage__cashAuditHeroMeta{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.manage__cashAuditBadge{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.35rem .8rem;border-radius:999rem;background-color:var(--light-background);color:#666;font-size:.9rem;font-weight:500;white-space:nowrap}.manage__cashAuditBadge--open,.manage__cashAuditBadge--complete{background-color:color-mix(in srgb,var(--green) 20%,#fff);color:var(--green)}.manage__cashAuditBadge--attention{background-color:color-mix(in srgb,var(--red) 20%,#fff);color:var(--red)}.manage__finance{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:2rem;background-color:var(--background);box-shadow:var(--main-shadow)}.manage__financeHeaderActions{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}.manage__financeHeaderActions span{display:grid;place-items:center;min-width:fit-content;height:2rem;padding:0 .65rem;border-radius:2rem;background-color:var(--light-background);color:var(--text);box-sizing:border-box}.manage__financeGrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(24rem,1.15fr);gap:1rem}.manage__financeOverview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.manage__financeOverview div{min-width:0;padding:1rem;border-radius:1.5rem;background-color:var(--background);box-shadow:var(--light-shadow)}.manage__financeOverview p{overflow:hidden;margin:0 0 .3rem;color:#777;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.manage__financeOverview strong{display:block;overflow-wrap:anywhere;font-size:1.35rem;font-weight:500}.manage__auditOverview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.manage__auditOverview>div{min-width:0;padding:1rem;border-radius:1.25rem;background:var(--background);box-shadow:var(--light-shadow)}.manage__auditOverview p,.manage__auditOverview strong{margin:0}.manage__auditOverview p{color:var(--text);opacity:.76;font-size:.92rem}.manage__auditOverview strong{display:block;margin-top:.35rem;font-weight:500;font-size:1.35rem}.manage__auditWarningText{color:#b45309}.manage__auditDangerText{color:var(--red)}.manage__cashChain{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:.35rem 0 .75rem;scrollbar-width:thin}.manage__cashChainItem{display:flex;align-items:flex-start;flex:0 0 auto}.manage__handoff{display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;width:5rem;padding-top:2.5rem;color:var(--text);opacity:.76;font-size:.84rem;text-align:center}.manage__handoffLine{width:100%;height:5px;border-radius:99rem;background:#eee}.manage__handoff--warning{color:var(--red)}.manage__handoff--warning .manage__handoffLine{background:var(--red)}.manage__cashShiftCard{display:flex;flex-direction:column;width:min(21rem,78vw);min-height:0;padding:0;border:1px solid transparent;border-radius:1.25rem;background:var(--background);box-shadow:var(--light-shadow);overflow:hidden}.manage__cashShiftBody{display:flex;flex:1 1 auto;flex-direction:column;gap:.8rem;min-width:0;padding:1.05rem}.manage__cashShiftCard--alert{border-color:transparent}.manage__cashShiftHeader,.manage__cashMath,.manage__auditBadges,.manage__auditResolve{display:flex}.manage__cashShiftHeader{justify-content:space-between;gap:.75rem}.manage__cashShiftStatusGroup{display:flex;align-items:center;gap:.4rem}.manage__cashMismatchIcon{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#fef3c7;color:#a16207;font-size:1.1rem}.manage__cashShiftHeader>div{min-width:0}.manage__cashShiftHeader strong,.manage__cashShiftHeader small{display:block}.manage__cashShiftHeader strong{overflow:hidden;font-size:1.05rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.manage__cashShiftHeader small{margin-top:.35rem;color:var(--text);opacity:.72;font-size:.82rem;line-height:1.45}.manage__shiftNumber{display:block;color:var(--primary-color);font-size:.84rem;font-weight:500}.manage__shiftStatus{flex:0 0 auto;height:fit-content;padding:.22rem .5rem;border-radius:99rem;font-size:.8rem;font-weight:500}.manage__shiftStatus--closed{color:#047857;background:#d1fae5}.manage__shiftStatus--final{background-color:#fff5cd;color:#9a7800}.manage__depositPreparationAudit{display:flex;flex-direction:column;gap:.35rem;padding:.85rem;border-radius:.8rem;background-color:#fffaf0}.manage__depositPreparationAudit p{margin:0;color:#666}.manage__shiftStatus--open{color:#b45309;background:#fef3c7}.manage__cashMath{gap:.6rem;margin-top:0}.manage__cashMath>div{flex:1 1 0;min-width:0;padding:.75rem;border-radius:.85rem;background:var(--background);box-shadow:var(--light-shadow)}.manage__cashMathTileHeader{display:flex;align-items:center;gap:.5rem}.manage__cashMathTileHeader i{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:0 0 auto;border-radius:50%;background-color:color-mix(in srgb,var(--primary-color) 18%,#fff);color:var(--primary-color);font-size:1rem}.manage__cashMathTile--deposit .manage__cashMathTileHeader i{background-color:color-mix(in srgb,#facc15 28%,#fff);color:#a16207}.manage__cashMath span,.manage__cashMath strong,.manage__cashMath small{display:block}.manage__cashMath span,.manage__cashMath small{color:var(--text);opacity:.72;font-size:.82rem;line-height:1.45}.manage__cashMath strong{margin:.35rem 0;font-size:1.1rem;font-weight:500}.manage__auditBadges{flex-wrap:wrap;gap:.45rem;margin-top:0}.manage__auditBadges span{padding:.2rem .45rem;border-radius:99rem;color:#92400e;background:#fef3c7;font-size:.82rem;font-weight:500}.manage__auditBadges .manage__auditBadge--critical{color:var(--red);background:color-mix(in srgb,var(--red) 18%,#fff)}.manage__auditDetailsButton{display:flex;align-items:center;justify-content:center;position:relative;width:100%;border:0;cursor:pointer;font:inherit;box-sizing:border-box;padding:.9rem 1.05rem;background:transparent;border-top:1px solid #eee;color:#888;border-radius:0 0 1.25rem 1.25rem;margin:0;font-size:.9rem}.manage__auditDetailsButton i{position:absolute;right:1.05rem;color:#888;font-size:1.2rem}.manage__auditDetails{margin-top:0;padding-top:1rem;border-top:1px solid #eee}.manage__auditDetails p{margin:.55rem 0;color:var(--text);opacity:.82;font-size:.88rem;line-height:1.5}.manage__auditEquations{padding:.8rem;border-radius:.75rem;background:var(--background);box-shadow:var(--light-shadow)}.manage__auditFlaggedTransactions{margin-top:1rem}.manage__auditFlaggedTransactions strong{font-size:.92rem;font-weight:500}.manage__auditNote{font-style:italic}.manage__auditResolved{padding:.6rem;border-radius:.75rem;color:#047857!important;background:var(--background);box-shadow:var(--light-shadow)}.manage__auditResolve{flex-direction:column;gap:.65rem;margin-top:1rem}.manage__auditResolve textarea{min-height:5rem;resize:vertical;padding:.75rem;border:none;box-shadow:var(--light-shadow);border-radius:.7rem;color:var(--text);font:inherit;font-size:.9rem;line-height:1.45}.manage__auditResolve button{border:0;border-radius:.7rem;padding:.7rem;color:#fff;background:var(--primary-color);cursor:pointer;font:inherit;font-size:.88rem;font-weight:500}.manage__auditResolve button:disabled{opacity:.6;cursor:not-allowed}.manage__cashGaps{padding:.75rem 1rem;border-radius:1rem;color:var(--red);box-shadow:var(--light-shadow)}.manage__cashGaps p{display:flex;gap:.45rem;align-items:center;margin:0;font-size:.9rem;line-height:1.45}.manage__financePanel{display:flex;flex-direction:column;gap:.85rem;min-width:0;padding:1.25rem;border-radius:1.5rem;background-color:var(--background);box-shadow:var(--light-shadow);box-sizing:border-box}.manage__financePanel h3{font-weight:600;margin:0}.manage__financePanel strong{font-weight:500}.manage__financePanelHeader{display:flex;justify-content:space-between;gap:1rem;align-items:center}.manage__financePanelHeader span{display:grid;place-items:center;min-width:2rem;height:2rem;padding:0 .45rem;border-radius:2rem;background-color:var(--light-background)}.manage__financeStatsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.manage__financeStatsGrid div{min-width:0}.manage__financeStatsGrid p{margin:0 0 .3rem;color:#777;font-size:.9rem}.manage__financeStatsGrid strong{display:block;overflow-wrap:anywhere;color:var(--text);font-size:1.45rem;font-weight:500}.manage__reviewList{display:flex;flex-direction:column;gap:.25rem}.manage__reviewItem{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:0;min-height:4rem;padding:.95rem 4rem 1.1rem .5rem;border-radius:.9rem;background:transparent}.manage__reviewItem:hover{background-color:#00000004}.manage__reviewItem+.manage__reviewItem{margin-top:.25rem}.manage__reviewMain{flex:1 1 auto;min-width:0}.manage__reviewTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;min-width:0}.manage__reviewItem strong,.manage__reviewItem p{margin:0}.manage__reviewItem p{color:#777;font-size:.9rem}.manage__reviewTitleRow strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage__reviewAmount{flex:0 0 auto;font-size:1.05rem;font-weight:600}.manage__reviewAmount--out{color:var(--red)}.manage__reviewMeta,.manage__reviewFlags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.manage__reviewMeta span,.manage__reviewFlags span{display:inline-flex;align-items:center;min-height:1.35rem;padding:.1rem .45rem;border-radius:999rem;background-color:#f7f7f7;color:#777;font-size:.76rem}.manage__reviewFlags span{background-color:color-mix(in srgb,var(--primary-color) 12%,#ffffff);color:#288e98;font-weight:500}.manage__reviewNote{margin-top:.45rem!important}.manage__reviewActions{position:absolute;right:.5rem;bottom:.75rem}.manage__approveAction{display:grid;place-items:center;width:3rem;height:3rem;border:0;border-radius:50%;background-color:var(--background);box-shadow:var(--main-shadow);color:var(--primary-color);cursor:pointer;transition:transform .2s ease}.manage__approveAction:hover:not(:disabled){transform:scale(1.04)}.manage__approveAction:disabled{background-color:#dcdcdc;color:#9a9a9a;cursor:not-allowed}.manage__approveAction i{font-size:1.45rem}.manage__emptyState{display:flex;align-items:center;gap:.65rem;min-height:5rem;color:#777}.manage__emptyState i{color:var(--primary-color);font-size:1.5rem}.manage__negative{color:var(--red)}.manage__dailyCloseList{display:flex;flex-wrap:wrap;gap:.5rem}.manage__dailyCloseList span{padding:.3rem .6rem;border-radius:999rem;color:#555;font-size:.85rem}@media(max-width:760px){.manage{--manage-page-padding: 1rem;gap:1rem}.manage__overview,.manage__financeOverview,.manage__auditOverview{grid-template-columns:1fr 1fr}.manage__staffSection,.manage__finance,.manage__overviewCard{border-radius:1.35rem}.manage__staffSection,.manage__finance,.manage__overviewCard,.manage__financePanel,.manage__financeOverview div{padding:1rem}.manage__users{padding:.5rem var(--manage-page-padding) .5rem .5rem;margin:-.5rem;-webkit-overflow-scrolling:touch}.manage__user{flex-basis:min(86vw,18rem);width:min(86vw,18rem);border-radius:1rem}.manage__userActions{justify-content:flex-end}.manage__sectionHeader{align-items:stretch;flex-direction:column}.manage__cashAuditHero{grid-template-columns:auto minmax(0,1fr)}.manage__cashAuditToolbar{grid-column:1 / -1;justify-self:end}.manage__dateInput{max-width:none}.manage__financeHeaderActions{align-items:stretch;flex-direction:column}.manage__financeGrid,.manage__financeStatsGrid{grid-template-columns:1fr}.manage__cashChain{flex-direction:column;overflow:visible;padding:0}.manage__cashChainItem{flex-direction:column}.manage__handoff{align-items:center;justify-content:center;width:auto;min-height:3.25rem;padding-top:0}.manage__handoffLine{width:2px;height:1.5rem}.manage__cashShiftCard{width:auto}}@media(max-width:520px){.manage__overview,.manage__financeOverview,.manage__auditOverview{grid-template-columns:1fr}.manage__reviewTitleRow{align-items:flex-start;flex-direction:column;gap:.25rem}.manage__reviewItem{align-items:flex-start}}.createNewUser__roleToggle .cancellation__segment--active,.createNewUser__roleToggle .cancellation__segment:first-child.cancellation__segment--active{color:var(--primary-color)}.manageUser__wrapper{position:relative;width:min(50rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem;border-radius:1rem;background-color:var(--background);scrollbar-color:#d4d4d4 transparent;scrollbar-width:thin}.manageUser__wrapper::-webkit-scrollbar{width:.5rem}.manageUser__wrapper::-webkit-scrollbar-track{background:transparent}.manageUser__wrapper::-webkit-scrollbar-thumb{background-color:#d4d4d4;border-radius:999rem}.manageUserModal{max-width:34rem;gap:2rem}.manageUserModal__header{display:flex;flex-direction:column;gap:.5rem}.manageUser__top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem}.manageUser__name{font-weight:500;display:flex;flex-direction:row;align-items:center;gap:.5rem}.manageUser__nameRow{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.manageUser__selfTag{line-height:1}.manageUser__selfTag{color:#2f6fd6;background-color:#2f6fd615}.manageUser__username{color:#666}.manageUser__usernameRow{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.manageUser__statusArea{display:flex;align-items:flex-end;flex-direction:column;gap:.6rem}.manageUser__avatar{width:5.5rem;height:5.5rem;object-fit:cover;border-radius:1rem;box-shadow:var(--main-shadow)}.manageUser__main{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-width:0}.manageUser__activeStatus{display:flex;align-items:center;gap:.45rem;color:#666;font-size:.9rem}.manageUser__activeDot{width:.65rem;height:.65rem;border-radius:50%;background-color:var(--red)}.manageUser__activeDot--active{background-color:var(--green)}.manageUser__mainLeft{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;border-radius:1rem;box-shadow:var(--main-shadow)}.manageUser__mainLeft .viewBooking__infoText{overflow-wrap:anywhere}.manageUser__mainRight{display:flex;flex-direction:column;gap:1.5rem}.manageUser__actionPanel{overflow:hidden;border-radius:1rem;box-shadow:var(--main-shadow)}.manageUser__actionPanel button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem;padding:1rem;border:0;border-bottom:1px solid #eee;background-color:var(--background);font-family:IBM Plex Sans Thai,sans-serif;text-align:left;cursor:pointer;transition-duration:.2s}.manageUser__actionPanel button:last-child{border-bottom:0}.manageUser__actionPanel button:hover{background-color:#f6f6f6}.manageUser__actionMain{display:flex;align-items:center;gap:1rem}.manageUser__actionMain .viewBooking__bedIcon{flex:0 0 3.25rem}.manageUser__actionMain .viewBooking__infoText{font-size:1.15rem}.manageUser__actionMain p:last-child{color:#666}.manageUserModal__form{display:flex;flex-direction:column;gap:2rem}.manageUserModal__target{padding:1rem;border-radius:1rem;box-shadow:var(--main-shadow)}.manageUserModal__target p{font-weight:600}.manageUserModal__target span{color:#666}.manageUser__toggle button:disabled{opacity:.45;cursor:not-allowed}.manageUser__guardNote{display:flex;align-items:center;gap:.5rem;color:#b45309;background-color:#fef3c7;border-radius:1rem;padding:1rem;font-size:.9rem}.manageUser__guardNote i{color:#b45309;font-size:1.2rem}.manageUserModal__actions{display:flex;justify-content:flex-end}@media(max-width:760px){.manageUser__wrapper{width:calc(100vw - 1.5rem);max-height:calc(100vh - 1.5rem);padding:1.25rem}.manageUser__top{flex-direction:column;gap:1rem}.manageUser__statusArea{align-items:flex-start}.manageUser__main{grid-template-columns:1fr}.manageUser__mainLeft .viewBooking__infoText,.manageUser__actionMain .viewBooking__infoText{font-size:1.15rem}}