:root{--pms-page-bg: #f8fbff;--pms-surface: #fff;--pms-surface-soft: #f8fafc;--pms-border: #dfe5ef;--pms-border-soft: #e5eaf3;--pms-primary: #2563eb;--pms-primary-strong: #1d4ed8;--pms-primary-soft: #eff6ff;--pms-text: #0f172a;--pms-muted: #64748b;--pms-radius: 8px;--pms-shadow: 0 12px 30px rgba(15, 23, 42, .06);--pms-dialog-edge: 32px;--pms-control-font-size: 14px;--pms-dense-font-size: 13px;--pms-helper-font-size: 12px;--pms-form-label-width: 72px;--pms-form-label-gap: 8px;--pms-filter-label-min: 72px;--pms-filter-label-max: 104px;--pms-filter-control-min: 180px}:root:lang(en),:root:lang(vi),:root:lang(th),:root:lang(es),:root:lang(fr){--pms-filter-label-min: 96px;--pms-filter-label-max: 148px;--pms-filter-control-min: 200px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-width:0;min-height:100%;color:var(--pms-text);background:var(--pms-page-bg)}#app{min-width:0;min-height:100vh}button,input,textarea,select{font:inherit}.main-content{min-width:0;overflow-x:hidden;color:var(--pms-text)}.main-content :where(.page-header,.page-actions,.toolbar,.toolbar-actions,.filter-bar,.filter-actions,.batch-actions,.operation-actions,.card-actions){min-width:0}.main-content :where(.page-actions,.toolbar,.toolbar-actions,.filter-bar,.filter-actions,.batch-actions,.operation-actions,.card-actions){flex-wrap:wrap}.main-content :where(.page-intro,.filter-panel,.status-toolbar,.toolbar,.table-card,.table-panel,.setting-panel,.detail-shell,.detail-card,.summary-card,.stat-card,.quick-card,.room-type-card,.report-card,.energy-card,.channel-stat,.calendar-day,.content-card,.form-card){border:1px solid var(--pms-border-soft);border-radius:var(--pms-radius);background:var(--pms-surface);box-shadow:var(--pms-shadow)}.main-content :where(.el-card){--el-card-border-radius: var(--pms-radius);border-color:var(--pms-border-soft);box-shadow:var(--pms-shadow)}.main-content :where(.el-table){--el-table-header-bg-color: var(--pms-surface-soft);--el-table-header-text-color: #334155;--el-table-border-color: var(--pms-border-soft);max-width:100%;border-radius:var(--pms-radius);overflow:hidden}.main-content :where(.el-button){height:auto;min-height:32px;border-radius:4px;white-space:normal}.main-content :where(.el-input,.el-input-number,.el-select,.el-date-editor,.el-cascader){min-width:0;max-width:100%}.main-content :where(.el-button>span){min-width:0;line-height:1.25;text-align:center;overflow-wrap:anywhere}.main-content :where(.el-form-item__label){height:auto;min-height:32px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}body :where(.el-table th .cell){line-height:1.3;white-space:normal;overflow-wrap:anywhere}body :where(.el-table td .cell){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body :where(.el-table td .cell>*){min-width:0!important;max-width:100%!important}body :where(.el-table td .el-button,.el-table td button,.el-table td .el-link,.el-table td a,.el-table td [role=button]){min-width:0!important;max-width:100%!important;height:auto!important;box-sizing:border-box;white-space:normal!important;overflow-wrap:anywhere}body :where(.el-table td .el-button>span,.el-table td button>span,.el-table td .el-link__inner){min-width:0!important;max-width:100%!important;line-height:1.25;text-align:center;white-space:normal!important;overflow-wrap:anywhere}body :where(.el-table td .cell:has(>.el-button),.el-table td .cell:has(>button),.el-table td .cell:has(>[class$=-actions]),.el-table td .cell:has(>[class*=" action"])){white-space:normal!important}body :where(.el-table td .cell>[class$=-actions],.el-table td .cell>[class*=" action"]){display:flex!important;flex-wrap:wrap!important;gap:6px;width:100%;min-width:0!important;max-width:100%!important}body :where(.el-table td .cell>.el-button+.el-button){margin-left:6px}body :where(.el-table__inner-wrapper,.el-table__body-wrapper,.el-table__header-wrapper){max-width:100%}body :where(.el-table__body-wrapper,.el-scrollbar__wrap){overscroll-behavior-inline:contain}body :where(.el-table td .el-tag){width:auto;max-width:100%;height:auto;min-height:22px;line-height:1.25;text-align:center;overflow:hidden;white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip}body :where(.el-table td .el-tag>span,.el-table td .el-tag__content){min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}body :where(table td button,table td a,table td [role=button],table td [class$=-tag],table td [class*=" tag"]){min-width:0!important;max-width:100%!important;box-sizing:border-box}body :where(table td button,table td [role=button]){height:auto!important;line-height:1.25;text-align:center;white-space:normal!important;overflow-wrap:anywhere}body :where(.el-table td [class$=-tag],.el-table td [class*=" status-tag"],table td [class$=-tag],table td [class*=" status-tag"]){height:auto!important;min-height:22px;max-width:100%!important;line-height:1.25;white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip!important}body :where(table td>[class$=-actions],table td>[class*=" action"]){display:flex!important;flex-wrap:wrap!important;gap:6px;width:100%;min-width:0!important;max-width:100%!important}body :where([class$=-table-scroll],[class*=" table-scroll"],.pms-table-scroll){width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.main-content :where(.filter-bar,.filter-toolbar,.filter-form,.filters,.filter-grid)>*{min-width:0}.main-content :where(.el-checkbox,.el-radio){height:auto;min-height:32px;align-items:flex-start;white-space:normal}.main-content :where(.el-checkbox__label,.el-radio__label){line-height:1.35;white-space:normal;overflow-wrap:anywhere}.main-content :where(.el-button--primary){--el-button-bg-color: var(--pms-primary);--el-button-border-color: var(--pms-primary);--el-button-hover-bg-color: var(--pms-primary-strong);--el-button-hover-border-color: var(--pms-primary-strong);--el-button-active-bg-color: #1e40af;--el-button-active-border-color: #1e40af}.main-content .mode-switch{display:inline-flex!important;align-items:center!important;gap:0!important;width:fit-content!important;padding:4px!important;border:0!important;border-radius:14px!important;background:#f1f5f9!important;box-shadow:none!important;overflow:visible!important}.main-content .mode-switch .mode-btn{min-width:74px!important;height:34px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#64748b!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important;line-height:34px!important;cursor:pointer!important;transition:all .2s ease!important}.main-content .mode-switch .mode-btn.active{background:#fff!important;color:#0f172a!important;box-shadow:0 8px 18px #0f172a14!important}body :is(.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-input-tag){border:1px solid var(--pms-border);border-radius:4px;background-clip:padding-box;box-shadow:none}body .el-input__wrapper{padding-top:0;padding-bottom:0}body :is(.el-input__wrapper:hover,.el-select__wrapper.is-hovering:not(.is-focused),.el-textarea__inner:hover,.el-input-tag.is-hovering:not(.is-focused)){border-color:var(--pms-primary);box-shadow:none}body :is(.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-input-tag.is-focused){border-color:var(--pms-primary);box-shadow:none}body :is(.el-input__inner,.el-select__input,.el-input-tag__input,.el-textarea__inner){outline:none}body :is(.el-textarea__inner:focus){border-color:var(--pms-primary);box-shadow:none}body .el-form-item.is-error .el-form-item__content :is(.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-input-tag){border-color:var(--el-color-danger);box-shadow:none}body :is(.el-select-dropdown__list,.el-select-dropdown__item,.el-select-group__wrap,.el-dropdown-menu,.el-dropdown-menu__item,.el-autocomplete-suggestion__list,.el-autocomplete-suggestion li,.el-cascader-menu__list,.el-cascader-node){list-style:none!important;list-style-type:none!important}body :is(.el-select-dropdown__list,.el-select-dropdown__item,.el-select-group__wrap,.el-dropdown-menu,.el-dropdown-menu__item,.el-autocomplete-suggestion__list,.el-autocomplete-suggestion li,.el-cascader-menu__list,.el-cascader-node)::marker{content:"";font-size:0}body :where(.el-select-dropdown,.el-dropdown__popper,.el-autocomplete__popper,.el-cascader__dropdown){max-width:min(420px,calc(100vw - 16px))}body :where(.el-select-dropdown__item,.el-dropdown-menu__item,.el-autocomplete-suggestion li,.el-cascader-node){height:auto;min-height:34px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.el-drawer__footer{border-top:1px solid var(--pms-border)}body :where(.el-dialog__footer,.el-drawer__footer){display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}body :where(.el-dialog__footer .el-button,.el-drawer__footer .el-button){height:auto;min-height:32px;margin-left:0;white-space:normal}body :where(.el-dialog__footer .el-button>span,.el-drawer__footer .el-button>span){min-width:0;line-height:1.25;text-align:center;overflow-wrap:anywhere}.el-overlay-dialog{box-sizing:border-box;padding:16px;overflow:auto}.el-dialog{max-width:calc(100vw - var(--pms-dialog-edge))}.el-dialog__body{max-height:calc(100vh - 176px);overflow:auto}.el-drawer{max-width:100vw}body :where(.el-drawer__header,.el-dialog__header){min-width:0;gap:8px}body :where(.el-drawer__header,.el-dialog__header)>:where(span,div,h1,h2,h3){min-width:0;line-height:1.35;white-space:normal;overflow-wrap:anywhere}body :where(.el-drawer__body,.el-dialog__body) :where(.el-form,.el-form-item,.el-form-item__content,.el-row,.el-col,section,header,footer){min-width:0}body :where(.el-drawer,.el-dialog) :where(.el-input,.el-input-number,.el-select,.el-date-editor,.el-cascader){min-width:0;max-width:100%}body :where(.el-drawer,.el-dialog) .el-button{min-width:0;max-width:100%;height:auto;min-height:32px;white-space:normal}body :where(.el-drawer,.el-dialog) .el-button>span{min-width:0;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere}:root:lang(en) body :where(.el-drawer,.el-dialog) :where(.el-form-item__label,.el-button),:root:lang(vi) body :where(.el-drawer,.el-dialog) :where(.el-form-item__label,.el-button),:root:lang(th) body :where(.el-drawer,.el-dialog) :where(.el-form-item__label,.el-button),:root:lang(es) body :where(.el-drawer,.el-dialog) :where(.el-form-item__label,.el-button),:root:lang(fr) body :where(.el-drawer,.el-dialog) :where(.el-form-item__label,.el-button){font-size:var(--pms-dense-font-size)}.main-content :where(.section-title,.panel-title,.card-title,h1,h2,h3){color:var(--pms-text)}.main-content :where(.muted,.sub-title,.helper-text,.empty-text){color:var(--pms-muted)}@media(max-width:768px){:root{--pms-dialog-edge: 16px}.main-content .mode-switch{width:100%!important}.main-content .mode-switch .mode-btn{flex:1 1 0!important;min-width:0!important;height:auto!important;min-height:34px;padding:6px 8px!important;line-height:1.35!important;white-space:normal}.el-overlay-dialog{padding:8px}.el-dialog{width:calc(100vw - var(--pms-dialog-edge))!important;margin:8px auto!important}.el-dialog__header,.el-dialog__body,.el-dialog__footer{padding-right:14px!important;padding-left:14px!important}.el-dialog__body{max-height:calc(100vh - 148px)}.el-drawer.rtl,.el-drawer.ltr{width:100%!important}}@media(max-height:720px){.main-content :where(.account-page,.role-page,.customer-page,.corporate-page,.gift-pack-page,.price-strategy-page,.points-page,.member-settings-page,.stored-value-page,.auto-sync-page,.message-log-page,.breakfast-page,.cleaner-page,.doorlock-settings-page,.room-mapping-page,.channel-account-page){height:auto!important;min-height:calc(100vh - 96px);overflow-y:auto!important}.main-content :where(.account-page,.role-page,.customer-page,.corporate-page,.gift-pack-page,.price-strategy-page,.points-page,.member-settings-page,.stored-value-page,.auto-sync-page,.message-log-page,.breakfast-page,.cleaner-page,.doorlock-settings-page,.room-mapping-page,.channel-account-page)>:where(.table-panel,.table-card){min-height:320px!important}}