@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Lavishly+Yours&display=swap";.employee-profile-modal-backdrop{position:fixed;inset:0;z-index:11000;background:#051c1599;display:flex;justify-content:center;align-items:center;padding:20px}.employee-profile-modal{width:min(1100px,100%);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;background:#fff;border:2px solid #326550;border-radius:20px}.employee-profile-modal .employee-profile-modal-panel{margin:0;padding:0 20px 20px;border:0;min-width:0;overflow:visible}.employee-profile-modal-panel>.panel-title-row{position:sticky;top:0;z-index:5;background:#fff;padding:16px 0;border-bottom:2px solid #326550;flex-wrap:wrap;gap:12px}.employee-profile-modal-panel h2{overflow-wrap:anywhere}.employee-profile-modal .staff-profile-react-actions{display:flex;gap:8px}.employee-profile-modal :is(input,select,textarea){max-width:100%;min-width:0}.employee-profile-modal :is(.staff-form-grid,.staff-form-grid>*,.vera-reference-row){min-width:0}.employee-profile-modal.employee-create-modal{width:min(900px,100%);display:flex;flex-direction:column;overflow:hidden}.employee-create-modal .employee-create-panel{display:flex;flex-direction:column;min-height:0;margin:0;padding:0;border:0;overflow:hidden}.employee-create-modal .employee-create-header{flex:0 0 auto;align-items:flex-start;gap:12px;margin:0;padding:16px 20px;border-bottom:1px solid #cbdad2}.employee-create-header>div{min-width:0;flex:1}.employee-create-header h2{margin:0;font-size:18px;overflow-wrap:anywhere}.employee-create-header p{margin:6px 0 0;font-size:12px;line-height:1.5}.employee-create-close{flex:0 0 44px;width:44px;height:44px;padding:0}.employee-create-form{display:flex;flex-direction:column;min-height:0}.employee-create-modal .employee-create-fields{min-height:0;min-inline-size:0;margin:0;padding:16px 20px;border:0!important;overflow-y:auto;overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.employee-create-fields :is(input,select){min-height:44px}.employee-create-modal .employee-create-fields .span-2{grid-column:1 / -1}.employee-create-fields .password-eye-button{width:44px;min-height:44px}.employee-create-modal .employee-create-actions{flex:0 0 auto;display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #cbdad2;background:#fff}.employee-create-actions>button{min-height:44px}@media(max-width:640px){.employee-profile-modal-backdrop{padding:0}.employee-profile-modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.employee-profile-modal .employee-profile-modal-panel{padding:0 12px max(16px,env(safe-area-inset-bottom))}.employee-profile-modal-panel>.panel-title-row{padding-top:max(12px,env(safe-area-inset-top))}.employee-profile-modal-panel h2{font-size:18px}.employee-profile-modal .staff-profile-react-actions{width:100%}.employee-profile-modal .staff-profile-react-actions>button{flex:1;min-height:44px}.employee-profile-modal .staff-form-grid{grid-template-columns:minmax(0,1fr)}.employee-profile-modal .span-2{grid-column:1 / -1}.employee-profile-modal :is(input,select,textarea){font-size:16px}.employee-profile-modal :is(.staff-bank-reference-row,.vera-reference-row){flex-wrap:wrap}.employee-profile-modal :is(.staff-bank-reference-row,.vera-reference-row)>*{width:100%}.employee-create-modal .employee-create-panel,.employee-create-form{flex:1}.employee-create-modal .employee-create-header{padding:max(12px,env(safe-area-inset-top)) 12px 12px}.employee-create-modal .employee-create-fields{flex:1;padding:12px}.employee-create-modal .employee-create-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 12px max(10px,env(safe-area-inset-bottom))}}.face-id-profile-modal>h2,.face-id-profile-modal>.staff-face-switch{margin-inline:20px}.face-id-profile-modal .face-id-profile-actions{display:flex;justify-content:flex-end;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid #d8e4dd;background:#fff}.face-id-profile-modal .face-id-profile-actions>button{min-height:44px}@media(max-width:640px){.face-id-profile-modal>h2,.face-id-profile-modal>.staff-face-switch{margin-inline:12px}.face-id-profile-modal .face-id-profile-actions{padding-inline:12px}}.page-permission-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:8px 0;min-width:0}.page-permission-actions>button{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:12px}.page-permission-modal{width:min(780px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:18px}.page-permission-modal header{display:flex;justify-content:space-between;align-items:start;gap:12px}.page-permission-modal h2{font-size:20px;margin:0 0 16px}.page-permission-modal input[type=search]{width:100%;box-sizing:border-box}.permission-account-results{display:grid;gap:6px;max-height:240px;overflow:auto;margin:12px 0}.permission-account-results button{white-space:normal;text-align:left;overflow-wrap:anywhere}.permission-account-results small{display:block}.permission-account-results button[aria-pressed=true]{background:#fff2b3}.permission-account-results button:disabled{opacity:1;color:inherit}.context-permission-check{display:flex;align-items:center;gap:8px;margin:10px 0}.context-permission-check input{width:auto;flex:none}.permission-title-row{display:flex!important;align-items:center!important;justify-content:space-between;gap:12px;min-width:0}.page-permission-launcher{flex:0 0 auto;margin-left:auto;white-space:nowrap!important;font:600 12px/1.3 sans-serif!important;padding:8px 10px!important;min-height:32px}.permission-menu-options{display:grid;gap:14px}.permission-menu-options section{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid #547461;border-radius:10px}.permission-menu-options h3{flex-basis:100%;margin:0;font-size:15px}.permission-menu-options button{max-width:100%;white-space:normal;overflow-wrap:anywhere}@media(max-width:600px){.permission-title-row{gap:6px}.page-permission-launcher{font-size:10px!important;padding:7px!important}.permission-menu-options button{width:100%}}.permission-title-action{flex:0 0 auto;margin-left:auto;display:inline-flex}.payroll-tabs-page{min-width:0;max-width:100%;display:grid;gap:16px}.payroll-tabs-page>h1{margin:0}.payroll-menu-tabs{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.payroll-menu-tabs button{border:2px solid #365f50;border-radius:12px;padding:12px 18px;background:#fff;color:#204b3b;font:inherit;font-weight:700;cursor:pointer}.payroll-menu-tabs button[aria-selected=true]{background:#204b3b;color:#fff}.payroll-menu-tabs button:focus-visible{outline:3px solid #c69831;outline-offset:3px}.payroll-tabs-page>[role=tabpanel]{min-width:0;max-width:100%}.payroll-tabs-page>[hidden]{display:none!important}@media(max-width:600px){.payroll-menu-tabs{flex-wrap:wrap}.payroll-menu-tabs button{flex:1 1 140px;min-width:0;padding:10px 8px;font-size:14px}}.payroll-tabs-page .payroll-personal-heading h1{display:none}.payroll-tabs-page .payroll-main-heading{justify-content:flex-end}.stable-feedback{box-sizing:border-box;width:100%;min-width:0;height:52px;min-height:52px;max-height:52px;flex-shrink:0;grid-column:1 / -1;overflow:auto;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-gutter:stable}.stable-feedback[hidden],.stable-feedback:empty{display:none}.stable-feedback>:is(div,p,small),.stable-feedback>:is(.error-box,.success-box,.warning-box,.setup-note){margin-block:0}.stable-feedback>:is(.error-box,.success-box,.warning-box,.setup-note){padding:6px 10px}@media(max-width:820px){.stable-feedback{height:64px;min-height:64px;max-height:64px}}@media print{.stable-feedback{display:none}}html{scrollbar-gutter:stable;overflow-anchor:none}.page-wrap{overflow-anchor:none}.face-id-card{position:relative}.face-id-card:after{content:"";display:block;height:64px}.face-id-card>.employee-identity-notice{position:absolute;inset:auto 12px 12px;box-sizing:border-box;height:64px;max-height:64px;margin:0;overflow:auto;overflow-wrap:anywhere;overscroll-behavior:contain}@media print{html{scrollbar-gutter:auto}}.page-recovery{min-width:0;max-width:100%;overflow-wrap:anywhere}.page-recovery-actions{display:flex;flex-wrap:wrap;gap:10px}.page-recovery-actions>a{text-decoration:none;white-space:normal}.notification-inbox{position:relative;flex:0 0 auto}.topbar-actions{flex-wrap:wrap}.notification-inbox-trigger{position:relative}.topbar-actions .topbar-open-tab-button{width:148px;min-height:32px}.notification-unread-dot{position:absolute;top:2px;right:3px;width:7px;height:7px;border-radius:50%;background:#bd2736}dialog.notification-dialog{box-sizing:border-box;width:min(960px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:85dvh;margin:auto;padding:0;overflow:hidden;border:2px solid #466e5b;border-radius:24px;background:#e5eee8;color:#1b382c;box-shadow:0 24px 72px #102b2259}.notification-dialog::backdrop{background:#102b2266}.notification-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:linear-gradient(120deg,#143d31,#2d674d);color:#f4f6e9;border-bottom:3px solid #c5a461}.notification-heading{display:flex;align-items:center;gap:14px;min-width:0}.notification-heading-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:14px;background:#f5e4b72b;color:#efce88}.notification-heading small{font-size:10px;font-weight:800;letter-spacing:.14em;color:#e9d39d}.notification-dialog h2{margin:0;font-size:20px}.notification-dialog button{cursor:pointer}.notification-dialog header button{flex:0 0 auto;padding:7px;border:1px solid #abc2ac;border-radius:12px;background:#f4f6e9;color:#1b382c}.notification-dialog-content{max-height:65dvh;overflow-y:auto;overflow-x:hidden;padding:16px}.notification-entry{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:4px;border:1px solid #9ebba9;border-radius:14px;background:#d5e5d9;box-shadow:0 3px 10px #173d2d12}.notification-dialog .notification-row{display:flex;align-items:center;flex:1;gap:16px;width:100%;min-width:0;box-sizing:border-box;text-align:left;padding:12px;background:transparent;color:inherit;border:0;border-radius:10px}.notification-dialog .notification-row.unread{background:transparent}.notification-dialog .notification-row:hover{background:#c2d9c9}.notification-dialog .notification-row:focus-visible{outline:3px solid #315c45;outline-offset:-3px}.notification-row-text{min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;touch-action:pan-x}.notification-row-text>span{white-space:nowrap}.notification-row small{flex:0 0 auto;margin-left:auto;white-space:nowrap}.notification-dialog .notification-viewed{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;padding:8px 10px;border:1px solid #4b765d;border-radius:10px;background:#f1f5e9;color:#205038;font-weight:700;white-space:nowrap}.notification-dialog .notification-viewed:hover{background:#d1e7cb}.notification-dialog button:focus-visible{outline:3px solid #be8d35;outline-offset:2px}.notification-dialog .notification-detail{width:min(760px,calc(100vw - 72px));max-width:100%;overflow-wrap:anywhere}.notification-detail{padding:18px;border:1px solid #a9c3b1;border-radius:16px;background:#f1f5ed}.notification-detail p{white-space:pre-wrap}.notification-dialog .notification-detail .notification-viewed{display:flex;width:fit-content;margin:18px 0 0 auto}.notification-dialog footer{display:flex;justify-content:flex-end;padding:12px 20px}@media(max-width:600px){.topbar-actions .topbar-open-tab-button{width:128px;min-height:30px}.notification-row small{display:none}.notification-dialog>header{padding:12px}.notification-dialog-content{padding:10px}.notification-entry{gap:2px;min-width:0}.notification-dialog .notification-row{overflow:hidden;padding:9px 5px;font-size:12px}.notification-entry .notification-viewed span{display:none}}@media(max-width:600px){.topbar-actions .topbar-open-tab-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.topbar-actions .topbar-open-tab-button span:not(.notification-unread-dot){display:none}}.notification-header-actions{display:flex;align-items:center;gap:8px;flex:none}.notification-dialog header .notification-mark-all{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:6px}.notification-dialog header .notification-mark-all:disabled{opacity:.5;cursor:default}@media(max-width:600px){.notification-dialog>header{gap:8px}.notification-heading{gap:8px;flex:1}.notification-heading>div{min-width:0}.notification-heading h2{overflow-wrap:anywhere}.notification-heading-icon{width:32px;height:32px}.notification-header-actions{gap:6px}}.device-push-menu{margin:4px 0;padding:4px 0;border-top:1px solid #668577}.sidebar .device-push-switch{width:100%;min-height:44px;margin:0;padding:6px 10px;text-align:left;gap:7px}.device-push-switch>span{flex:1;min-width:0;white-space:normal;line-height:1.2;font-size:11.5px}.device-push-switch>b{flex:none;padding:3px 7px;border:1px solid currentColor;border-radius:12px;font-size:11px}.device-push-switch[aria-checked=true]>b{background:#d6f1df;color:#164b32}.device-push-switch:disabled{opacity:.7;cursor:default}.device-push-menu>p{margin:5px 12px 0;font-size:11px;line-height:1.45;color:inherit;opacity:.88}.back-to-top{display:none}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.back-to-top{position:fixed;right:24px;bottom:24px;z-index:1100;display:flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid #fff5;border-radius:30px;background:#194d3b;color:#fff;box-shadow:0 4px 16px #0003;cursor:pointer}}@media print{.back-to-top{display:none!important}}.booking-notification-popup{position:fixed;z-index:20010;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px;border:2px solid #d09e52;border-radius:16px;color:#64350d;background:#fff3d7;box-shadow:0 8px 28px #51381230;font-size:14px;line-height:1.45}.booking-notification-copy{min-width:0;overflow-wrap:anywhere}.booking-notification-copy strong{font-size:16px}.booking-notification-copy p{margin:5px 0 0}.booking-notification-popup button{min-height:44px;border:2px solid #37634f;border-radius:10px;cursor:pointer}.booking-notification-close{display:grid;place-items:center;width:44px;padding:0;color:inherit;background:transparent}.booking-notification-open{grid-column:2 / -1;justify-self:start;padding:9px 14px;font:inherit;font-weight:800;color:#28463a;background:#fff}.booking-notification-popup button:hover{transform:none}.booking-notification-popup button:focus-visible{outline:2px solid #64350d;outline-offset:2px}@media(max-width:480px){.booking-notification-popup{gap:8px;padding:12px}}@media print{.booking-notification-popup{display:none}}.tour-search-popup{position:fixed;z-index:2200;box-sizing:border-box;overflow:hidden;border:1px solid #cbdcd1;border-radius:8px;padding:3px;background:#fff;box-shadow:0 8px 24px #17332925;color:#173329;font-family:inherit}.tour-search-popup [role=option]{display:flex;flex-direction:column;justify-content:center;gap:2px;box-sizing:border-box;min-height:32px;max-height:40px;padding:4px 7px;width:100%;border:0;border-radius:4px;background:#fff;color:inherit;text-align:left;cursor:pointer;font:inherit;font-size:13px;line-height:1.15}.tour-search-popup [role=option]:hover,.tour-search-popup [role=option].highlighted{background:#e6f2e9}.tour-search-popup [role=option] strong,.tour-search-popup [role=option] small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tour-search-popup .tour-select-option-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:nowrap;width:100%}.tour-search-popup small{font-size:11px;color:#63766b}.tour-search-popup .tour-ticket-badge{padding:2px 4px;font-size:10px;flex:0 1 auto}.tour-search-popup p{margin:4px;padding:6px;font-size:12px}.tour-search-popup.tour-search-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.tour-search-scroll [role=option]{max-height:none;min-height:40px}.tour-search-scroll [role=option] small{white-space:normal;overflow-wrap:anywhere}.tour-search-popup [role=option].tour-room-option-occupied{background:#fff0c2}.tour-search-popup [role=option].tour-room-option-occupied.highlighted,.tour-search-popup [role=option].tour-room-option-occupied:hover{background:#ffdf83}.tour-search-popup.tour-search-inline{position:static;width:100%;max-height:none;overflow:visible;margin-top:6px;box-shadow:none}.tour-search-inline [role=option]{min-height:40px;max-height:none}.tour-search-inline [role=option] strong{white-space:normal;overflow-wrap:anywhere}.clearable-search-input{display:flex;align-items:center;position:relative;min-width:0;width:100%;flex:1}.clearable-search-input input{width:100%;min-width:0;box-sizing:border-box;padding-right:68px!important}.clearable-search-input input::-webkit-search-cancel-button,.clearable-search-input input::-webkit-search-decoration{display:none;-webkit-appearance:none}:is(.clearable-search-input,.vera-date-input) .search-clear-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);min-width:56px;min-height:32px;padding:5px 8px;border:1px solid #cbdcd1;border-radius:6px;background:#edf5ee;color:#174e3b;font:inherit;font-size:12px;font-weight:700;cursor:pointer}:is(.clearable-search-input,.vera-date-input) .search-clear-button{transition:none}:is(.clearable-search-input,.vera-date-input) .search-clear-button:focus-visible{outline:2px solid #174e3b;outline-offset:2px}.live-tour-search-select .clearable-search-input input{padding:12px;border:1px solid #cbdcd1;border-radius:9px;font:inherit}.vera-time-input{display:block;min-width:0;width:100%}.vera-time-entry{display:flex;align-items:stretch;gap:4px;min-width:0}.vera-time-entry input{min-width:0;flex:1;width:0}.vera-time-entry button{flex:none;display:grid;place-items:center;padding:8px}.vera-time-picker{display:flex;align-items:center;gap:6px;padding-top:6px;min-width:0}.vera-time-picker select{flex:1;min-width:0;width:0}.vera-time-picker button{flex:none;padding:8px}.online-booking-page{max-width:1280px;margin:auto;padding:16px}.online-booking-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.online-booking-actions input{min-width:200px}.online-booking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}.online-booking-card,.online-booking-popup{border:1px solid var(--border,#8aa99a);border-radius:14px;background:var(--surface,#fff);color:var(--text,#173e32);padding:18px}.online-booking-card header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.online-booking-details{display:grid;grid-template-columns:100px minmax(0,1fr);gap:7px 12px;margin:16px 0}.online-booking-details dt{font-weight:600}.online-booking-details dd{margin:0;overflow-wrap:anywhere}.online-booking-message{white-space:pre-wrap}.online-booking-card textarea{display:block;width:100%;min-height:70px;margin:8px 0}.online-booking-card select{margin-left:10px}.online-booking-card small{display:block;margin:8px 0}.online-booking-popup{position:fixed;right:18px;top:76px;z-index:1200;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto;box-shadow:0 8px 36px #173e3233}.online-booking-popup>strong{font-size:1.15rem}.online-booking-page input,.online-booking-page select,.online-booking-page textarea,.online-booking-page button,.online-booking-popup button{border:1px solid var(--border,#638775);border-radius:8px;padding:9px 12px}.online-booking-popup button:focus-visible,.online-booking-page :focus-visible{outline:2px solid #287950;outline-offset:2px}@media(max-width:600px){.online-booking-popup{right:12px;top:64px;max-height:calc(100dvh - 80px)}.online-booking-page{padding:10px}}.online-booking-popup-header{display:flex;align-items:center;gap:6px}.online-booking-popup-header .online-booking-drag-handle{flex:1;min-width:0;text-align:left;border:0;padding:8px 2px;background:transparent;color:inherit;cursor:grab;touch-action:none;user-select:none}.online-booking-drag-handle:active{cursor:grabbing}.online-booking-popup-header>button{flex-shrink:0}.online-booking-popup.is-minimized{padding:8px 12px}.online-booking-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--border,#638775);border-radius:10px}.online-booking-table{width:100%;border-collapse:collapse;font-size:.92rem}.online-booking-table th,.online-booking-table td{border:1px solid var(--border,#638775);padding:10px;vertical-align:top}.online-booking-table th{white-space:nowrap}.online-booking-table td.online-booking-message{min-width:180px;max-width:320px;white-space:pre-wrap;overflow-wrap:anywhere}.online-booking-table .online-booking-card{max-width:700px}.online-booking-table td{min-width:90px}.missing-checkin-popup{position:fixed;z-index:1250;right:18px;bottom:18px;width:400px;max-width:calc(100vw - 24px);max-height:50vh;overflow:auto;border:2px solid #a65b08;border-radius:16px;background:#fff4d6;color:#442e0e;box-shadow:0 8px 30px #0003;padding:12px;box-sizing:border-box}.missing-checkin-popup header{display:flex;align-items:center;gap:8px;font-size:15px}.missing-checkin-popup header strong{flex:1}.missing-checkin-popup header button{display:grid;place-items:center;flex:0 0 auto;min-height:44px;padding:6px 8px;font-size:12px;border:1px solid #a65b08;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.missing-checkin-popup p{font-size:12px;line-height:1.4;margin:8px 0}.missing-checkin-popup ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.missing-checkin-popup li{display:grid;gap:4px;border-top:1px solid #d7b988;padding-top:8px;font-size:13px;line-height:1.45;overflow-wrap:anywhere}@media(max-width:600px){.missing-checkin-popup{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-height:45vh}}@media print{.missing-checkin-popup{display:none}}.missing-checkin-popup .missing-checkin-seen{display:block;min-height:44px;margin:4px 0 0 auto;padding:8px 22px;border:2px solid #3c6255;border-radius:12px;background:#fff;color:#29443a;font-size:15px;font-weight:700;cursor:pointer}.missing-checkin-popup button:focus-visible{outline:3px solid #3c6255;outline-offset:3px}.missing-checkin-popup [hidden]{display:none}.missing-checkin-popup header .missing-checkin-close{width:44px;min-width:44px;padding:0}.missing-checkin-popup header>svg{flex-shrink:0}body :is(.payroll-tabs-page,.department-payroll-page){min-width:0;max-width:100%}body :is(.payroll-tabs-page,.department-payroll-page) :is(.responsive-data-table,.table-scroll,.report-scroll,.department-config-table,.department-payroll-table):where(:not(.payroll-accumulation-table)){width:100%;max-width:100%;max-height:none!important;overflow:visible!important}body :is(.payroll-tabs-page,.department-payroll-page) table:where(:not([data-payroll-layout=scroll])){width:max-content!important;min-width:100%!important;max-width:none;table-layout:auto!important}body :is(.payroll-tabs-page,.department-payroll-page) table:where(:not([data-payroll-layout=scroll])) :is(th,td){white-space:nowrap!important}body :is(.payroll-tabs-page,.department-payroll-page) table:where(:not([data-payroll-layout=scroll])) td :is(strong,small){display:inline;white-space:nowrap}body .department-config-table td small{margin-left:6px}.rules-tabs-page{display:grid;gap:16px;min-width:0;max-width:100%}.rules-tabs-page>h1{margin:0}.rules-menu-tabs{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto}.rules-menu-tabs button{background:#fff;color:#204b3b;border:2px solid #365f50;border-radius:12px;padding:12px 18px;font:inherit;font-weight:700;white-space:nowrap}.rules-menu-tabs button[aria-selected=true]{background:#204b3b;color:#fff}.rules-menu-tabs button:focus-visible{outline:3px solid #c69831;outline-offset:2px}.rules-tabs-page>[role=tabpanel]{min-width:0;max-width:100%}.rules-tabs-page>[hidden]{display:none!important}.rules-tabs-page .hc-rules-page>.page-heading h1,.rules-tabs-page .rules-heading h1{display:none}.leave-list-personal-summary-note.leave-quota-check{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;max-width:100%;box-sizing:border-box}.leave-quota-check-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;max-width:100%;min-height:48px;padding:10px 14px;background:linear-gradient(135deg,#a83b06,#783005);color:#fff;border:2px solid #642706;border-radius:12px;box-shadow:0 3px #642706,0 5px 14px #78300533;font-size:16px;font-weight:800;white-space:nowrap;text-align:center;overflow-wrap:normal}.leave-quota-check-button svg{flex-shrink:0}.leave-quota-check-button:focus-visible{outline:3px solid #176448;outline-offset:4px}.leave-quota-check-button:disabled{opacity:.6;box-shadow:none;cursor:wait}.leave-quota-check-result{min-width:0;overflow-wrap:anywhere;padding-block:8px}.leave-quota-check-result p{margin:0}.leave-quota-check-result [role=alert]{color:#b42318}.leave-quota-check-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px}.leave-quota-check-item{min-width:0;border:1px solid #b45309;border-radius:8px;padding:8px;margin-top:8px;background:#fffbeb;overflow-wrap:anywhere}@media(max-width:760px){.leave-list-personal-summary-note.leave-quota-check{grid-template-columns:minmax(0,1fr);gap:8px}.leave-quota-check-button{font-size:12px;padding:8px 6px;gap:4px}.leave-quota-check-button svg{width:16px;height:16px}.leave-quota-check-result{font-size:12px}}.leave-list-panel .panel-title-row{align-items:center;flex-wrap:nowrap;overflow-x:auto}.leave-list-panel .panel-title-row>.leave-list-title-actions{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.leave-list-title-actions h2{margin:0;flex-shrink:0;white-space:nowrap}.leave-list-quota-action{flex:0 0 auto;min-width:max-content}.leave-list-quota-action .leave-quota-check-button{min-height:44px;padding:6px 10px;font-size:12px;line-height:1.3}@media(max-width:760px){.leave-list-panel .panel-title-row{gap:6px}.leave-list-panel .panel-title-row>.leave-list-title-actions{gap:6px}.leave-list-title-actions h2{font-size:clamp(12px,3.4vw,16px)}.leave-list-quota-action{flex:0 0 auto}.leave-list-quota-action .leave-quota-check-button{font-size:10px;padding:6px 4px;gap:4px}.leave-list-panel .panel-title-row>button{font-size:10px;padding:7px 6px}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a241f;background:#f4f6f3;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17211c;--muted: #6c7771;--green-950: #10251e;--green-900: #173329;--green-800: #214639;--green-100: #e7f0eb;--gold: #b99654;--gold-soft: #f2eadc;--line: #e2e7e3;--white: #ffffff;--danger: #9b2c2c;--danger-bg: #fff0f0;--success: #1f6b46;--success-bg: #e9f7ef;--warning: #75561e;--warning-bg: #fff7e6;--tour-row-green: #92d050;--tour-row-yellow: #ffd966;--tour-row-red: #ff6666;--tour-row-break: #f4b183;--tour-row-waiting: #d9c2f0;--tour-row-idle: #d9ead3}.employee-media-draft{display:grid;gap:10px;margin-top:4px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f7faf8}.employee-media-draft>h3{margin:0;color:var(--green-950);font-size:15px}.employee-media-draft>p{margin:-4px 0 2px;color:var(--muted);font-size:11px;line-height:1.5}.employee-media-draft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.employee-media-draft .employee-id-side{min-width:0;padding:11px;border:1px solid #dfe8e3;border-radius:13px;background:#fff}.employee-media-draft .employee-id-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.employee-media-draft .employee-id-side-head>div{display:grid;gap:2px}.employee-media-draft .employee-id-side-head strong{color:var(--green-950);font-size:12px}.employee-media-draft .employee-id-side-head span{color:var(--muted);font-size:9px}.employee-media-draft .employee-id-preview{height:112px;margin:9px 0;overflow:hidden;border-radius:10px;background:#edf3f0;display:flex;align-items:center;justify-content:center}.employee-media-draft .portrait-draft .employee-id-preview{width:84px;height:112px;margin-inline:auto}.employee-media-draft .employee-id-preview img{width:100%;height:100%;object-fit:contain;background:#111}.employee-media-draft .portrait-draft .employee-id-preview img{object-fit:cover}.employee-media-draft .employee-id-placeholder{display:grid;place-items:center;gap:5px;color:#96a29c;font-size:10px;font-weight:900;letter-spacing:.08em}.employee-media-draft .employee-id-actions{display:flex;flex-wrap:wrap;gap:6px}.employee-media-draft .employee-id-actions button{min-height:32px}.employee-media-ocr-note{display:block;margin-top:7px;color:#4b6257;font-size:9px;font-weight:800;line-height:1.4}.identity-editor-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:#091914b8}.identity-editor-card,.identity-camera-card{width:min(980px,100%);max-height:94vh;overflow:auto;padding:18px;border-radius:20px;background:#fff;box-shadow:0 24px 70px #0000004d}.identity-camera-card{width:min(760px,100%)}.identity-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.identity-editor-head h3{margin:3px 0}.identity-editor-head p{margin:0;color:#6c7873;font-size:12px}.identity-editor-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;margin-top:14px}.identity-editor-preview{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:14px;background:#17201d}.identity-editor-preview canvas{max-width:100%;max-height:58vh;object-fit:contain;background:#fff}.identity-editor-preview small{color:#d4dfda}.identity-editor-controls{display:grid;align-content:start;gap:10px}.identity-editor-section{display:grid;gap:8px;padding:11px;border:1px solid #e0e7e3;border-radius:12px}.identity-editor-section>strong{display:flex;align-items:center;gap:7px;font-size:12px}.identity-editor-section label{display:grid;gap:4px;font-size:11px;font-weight:800}.identity-editor-section input[type=range],.identity-editor-section select{width:100%}.identity-editor-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.identity-editor-buttons span{font-size:12px;font-weight:900}.identity-editor-size{color:#68736f;font-size:11px;line-height:1.5}.identity-editor-footer{position:sticky;bottom:-18px;z-index:3;display:flex;justify-content:flex-end;gap:9px;margin-top:14px;padding:12px 0 0;background:#fff}.identity-camera-facing{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0}.identity-camera-facing>span{color:#5f6e67;font-size:11px;font-weight:900}.identity-camera-facing button{min-width:132px}.identity-camera-landscape{position:relative;width:min(90vw,680px);max-width:100%;margin:16px auto 0;overflow:hidden;border-radius:18px;background:#101815}.identity-camera-landscape.portrait{width:min(72vw,360px)}.identity-camera-landscape video{width:100%;height:100%;object-fit:cover}.identity-camera-card-guide{position:absolute;inset:4%;display:flex;align-items:flex-end;justify-content:center;padding:10px;border:3px solid rgba(255,255,255,.98);border-radius:16px;box-shadow:0 0 0 999px #0003,inset 0 0 0 1px #00000040;pointer-events:none}.identity-camera-card-guide span{padding:5px 9px;border-radius:999px;color:#fff;background:#00000094;font-size:10px;font-weight:900;letter-spacing:.05em}.identity-camera-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#00000059;font-weight:800}.identity-camera-help{max-width:680px;margin:10px auto 0;color:#68736f;font-size:11px;line-height:1.45;text-align:center}@media(max-width:850px){.employee-media-draft-grid{grid-template-columns:minmax(0,1fr)}.identity-editor-backdrop{padding:7px}.identity-editor-card,.identity-camera-card{padding:12px;border-radius:14px}.identity-editor-layout{grid-template-columns:minmax(0,1fr)}.identity-editor-preview{min-height:220px}.identity-editor-preview canvas{max-height:34vh}.identity-editor-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.identity-editor-footer button{width:100%}.identity-camera-facing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.identity-camera-facing>span{grid-column:1 / -1;text-align:center}.identity-camera-facing button{min-width:0;width:100%}.identity-camera-landscape{width:min(95vw,680px)}.identity-camera-landscape.portrait{width:min(78vw,330px)}}.long-leave-section{width:100%;max-width:100%;min-width:0;display:grid;gap:18px;margin-top:0}.long-leave-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:5px 2px 0}.long-leave-heading-row h2{margin:7px 0 4px;color:var(--green-950);font-family:Georgia,serif;font-size:25px}.long-leave-heading-row p{max-width:760px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.long-leave-heading-row .secondary-button{flex:0 0 auto}.long-leave-notice{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 12px;border:1px solid;border-radius:12px;font-size:12px}.long-leave-notice.success{color:var(--success);border-color:#c5e3d1;background:var(--success-bg)}.long-leave-notice.error{color:var(--danger);border-color:#efc7c7;background:var(--danger-bg)}.long-leave-notice span{overflow-wrap:anywhere}.long-leave-notice button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:8px;padding:0;color:currentColor;background:#ffffff9e;font-size:19px;line-height:1}.long-leave-form-panel,.approved-leave-panel{width:100%;max-width:100%;min-width:0;overflow:hidden}.long-leave-type-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px;padding:5px;border-radius:13px;background:#f0f4f1}.long-leave-type-tabs button{min-width:0;border:0;border-radius:10px;padding:10px 12px;color:#536159;background:transparent;font-size:11px;font-weight:900}.long-leave-type-tabs button.active{color:#fff;background:var(--green-800);box-shadow:0 6px 14px #21463929}.long-leave-gate{margin:0 0 11px}.long-leave-form{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.55fr) minmax(170px,.55fr);gap:10px}.long-leave-form label{min-width:0;display:grid;align-content:start;gap:5px;color:#4b5b53;font-size:11px;font-weight:800}.long-leave-form label>span{min-width:0}.long-leave-employee-field{grid-column:1}.long-leave-date-field{grid-column:auto}.long-leave-wide-field{grid-column:1 / -1}.long-leave-form input,.long-leave-form textarea{min-width:0}.long-leave-employee-field input[readonly]{color:#315143;background:#f1f6f3;font-weight:800}.long-leave-form-note{grid-column:1 / -1;padding:9px 11px;border-radius:10px;color:#725824;background:#fff8e8;font-size:11px;line-height:1.4}.long-leave-submit{grid-column:1 / -1;width:100%}.long-leave-return-cell{min-width:220px}.long-leave-return-cell input,.long-leave-return-mobile input{width:100%;margin:3px 0;padding:7px}.long-leave-return-cell small,.long-leave-return-cell em,.resignation-list-panel td small{display:block;margin-top:3px}.long-leave-return-cell em{color:var(--success);font-style:normal;font-weight:800}.long-leave-return-mobile{display:grid;gap:5px;margin-top:8px;padding-top:8px;border-top:1px solid #dce4df}.resignation-list-panel{border-color:#ead2d2}.resignation-list-panel h2{color:#7d2929}.staff-bank-reference-row{display:flex;align-items:stretch;gap:7px}.staff-bank-reference-row select{flex:1;min-width:0}.staff-bank-reference-row button{flex:0 0 auto;white-space:nowrap}@media(max-width:700px){.staff-bank-reference-row{flex-direction:column}.staff-bank-reference-row button{width:100%}}.approved-count-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:#315d47;background:#edf5f0;font-size:11px;font-weight:900}.approved-leave-desktop{width:100%;max-width:100%}.approved-leave-desktop table{table-layout:auto}.approved-leave-desktop td{vertical-align:top}.approved-leave-desktop .detail-cell{max-width:300px;white-space:pre-wrap;overflow-wrap:anywhere}.request-type-chip{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:5px 8px;color:#6f4c17;background:#fff2d6;font-size:10px;font-weight:900;white-space:nowrap}.request-type-chip.long{color:#315d47;background:#e8f2ec}.approved-leave-mobile-list{display:none}@media(max-width:820px){.long-leave-section{gap:12px;margin-top:0}.long-leave-heading-row{align-items:flex-end;gap:8px;padding:2px 3px 0}.long-leave-heading-row .eyebrow{font-size:8px}.long-leave-heading-row h2{margin-top:4px;font-size:20px;line-height:1.08}.long-leave-heading-row p{font-size:9px;line-height:1.35}.long-leave-heading-row .secondary-button{padding:8px 7px;font-size:9px;white-space:nowrap}.long-leave-notice{grid-template-columns:auto minmax(0,1fr) auto;padding:9px;font-size:9px;line-height:1.35}.long-leave-form-panel,.approved-leave-panel{padding:13px 10px}.long-leave-type-tabs{grid-template-columns:minmax(0,1fr);gap:5px;padding:4px}.long-leave-type-tabs button{width:100%;padding:9px 5px;font-size:9px;white-space:normal}.long-leave-gate{padding:9px;font-size:9px;line-height:1.35}.long-leave-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.long-leave-employee-field,.long-leave-wide-field,.long-leave-form-note,.long-leave-submit{grid-column:1 / -1}.long-leave-date-field{grid-column:auto}.long-leave-form label{min-width:0;font-size:9px}.long-leave-form input,.long-leave-form textarea{min-width:0;width:100%;padding:9px;font-size:12px}.long-leave-form textarea{min-height:82px}.long-leave-date-control{min-width:0;min-height:40px;padding:8px;font-size:11px}.long-leave-form-note{padding:8px;font-size:9px}.long-leave-submit{padding:10px 7px;font-size:11px}.approved-leave-panel .panel-title-row{align-items:flex-start}.approved-leave-panel .panel-title-row h2{font-size:15px;line-height:1.18}.approved-leave-panel .panel-title-row p{font-size:9px}.approved-count-chip{padding:5px 7px;font-size:9px}.approved-leave-desktop{display:none}.approved-leave-mobile-list{display:grid;gap:8px}.approved-leave-mobile-card{min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb}.approved-leave-mobile-head{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.approved-leave-mobile-head>div{min-width:0}.approved-leave-mobile-head strong,.approved-leave-mobile-head small{display:block;min-width:0}.approved-leave-mobile-head strong{color:var(--green-950);font-size:12px}.approved-leave-mobile-head small{margin-top:2px;color:var(--muted);font-size:8px;overflow-wrap:anywhere}.approved-leave-mobile-head .request-type-chip{flex:0 0 auto;padding:4px 6px;font-size:8px;white-space:normal;text-align:center}.approved-leave-mobile-period{display:grid;grid-template-columns:1fr 1fr .65fr;gap:5px;margin-top:8px;padding:7px;border-radius:9px;background:#f0f4f1}.approved-leave-mobile-period span,.approved-leave-mobile-period small,.approved-leave-mobile-period strong{min-width:0;display:block}.approved-leave-mobile-period small{color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.04em}.approved-leave-mobile-period strong{margin-top:2px;color:var(--green-950);font-size:9px;white-space:nowrap}.approved-leave-mobile-card p{margin:7px 0 0;color:#56635c;font-size:9px;line-height:1.35;overflow-wrap:anywhere;white-space:pre-wrap}}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease,transform .18s ease}button:disabled{cursor:not-allowed;opacity:.6}button:not(:disabled):not(.disabled):not(.search-clear-button):not(.vera-dropdown-clear):hover{filter:brightness(.9) saturate(1.14);transform:translateY(-1px)}button:not(:disabled):not(.disabled):not(.search-clear-button):not(.vera-dropdown-clear):active{filter:brightness(.84) saturate(1.08);transform:translateY(0) scale(.99)}.vera-date-input{position:relative;display:flex;align-items:stretch;width:100%;min-width:0}.vera-date-input>input[type=text]{width:100%;min-width:0;padding-right:38px}.vera-date-picker-button{position:absolute;right:3px;top:50%;z-index:2;display:grid;place-items:center;width:32px;height:calc(100% - 6px);padding:0;border:0;border-radius:7px;color:var(--green-800);background:#edf4f0;transform:translateY(-50%)}.vera-date-picker-button:not(:disabled):hover{color:#fff;background:var(--green-800);transform:translateY(-50%)}.vera-date-input>.vera-native-date-picker{position:absolute;z-index:1;top:50%;right:3px;width:32px!important;height:calc(100% - 6px)!important;min-width:0;min-height:0;margin:0;padding:0!important;border:0!important;opacity:.001;pointer-events:auto;transform:translateY(-50%);cursor:pointer;-webkit-appearance:auto!important;appearance:auto!important}.vera-date-input>.vera-date-picker-button{pointer-events:none}.vera-native-date-picker::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;margin:0;padding:0;cursor:pointer}.vera-date-input:has(>.vera-native-date-picker:focus-visible)>.vera-date-picker-button{outline:2px solid var(--green-800);outline-offset:2px}.vera-date-input.invalid>input[type=text]{border-color:var(--danger);background:var(--danger-bg);box-shadow:0 0 0 2px #b430301a}.required-label{display:inline-flex;align-items:baseline;gap:3px}.required-star{color:#d31f1f;font-size:14px;font-weight:950}.password-input-wrap{position:relative;display:block;width:100%}.password-input-wrap>input{width:100%;padding-right:42px}.password-eye-button{position:absolute;right:4px;top:50%;display:grid;place-items:center;width:34px;height:calc(100% - 8px);padding:0;border:0;border-radius:7px;color:var(--green-800);background:#edf4f0;transform:translateY(-50%)}.password-eye-button:not(:disabled):hover{color:#fff;background:var(--green-800);transform:translateY(-50%)}.boot-screen{min-height:100vh;display:grid;place-items:center;background:var(--green-950);color:#fff;font-weight:700}.page-loading{min-height:220px;display:grid;place-items:center;color:var(--green-800);font-weight:800}.app-shell{width:100%;max-width:100%;min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#10251e,#16362a);color:#fff;min-height:100vh;position:sticky;top:0;height:100vh;padding:22px 18px;display:flex;flex-direction:column;z-index:30;box-shadow:12px 0 40px #10251e14}.brand-block{display:flex;align-items:center;gap:12px;padding:2px 4px 24px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{width:88px;height:40px;flex:0 0 88px;border-radius:14px;display:grid;place-items:center;padding:0 9px;background:linear-gradient(145deg,#cfb378,#9c7839);color:#13251f;font-family:Cinzel Decorative,Georgia,serif;font-weight:900;font-size:17px;letter-spacing:-.055em;white-space:nowrap;box-shadow:inset 0 1px #ffffff73}.brand-mark.large{width:150px;height:62px;flex-basis:150px;border-radius:17px;padding:0 14px;font-size:30px}.brand-name{font-family:Georgia,serif;letter-spacing:.1em;font-size:16px;font-weight:700}.brand-name.large-text{font-size:60px;line-height:1}.brand-subtitle{color:#ffffff94;font-size:12px;margin-top:3px}.menu-caption{margin:24px 10px 9px;color:#ffffff6b;letter-spacing:.18em;font-size:10px;font-weight:800}.nav-list{min-height:0;display:grid;gap:6px;overflow-y:auto;scrollbar-width:thin}.nav-item{width:100%;border:0;background:transparent;color:#ffffffc7;border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:9px;text-align:left;transition:.18s ease;text-decoration:none;cursor:pointer}.nav-item:hover:not(.disabled){background:#ffffff12;color:#fff}.nav-item.active{background:linear-gradient(90deg,#cfb37838,#ffffff12);color:#f8e9c9;box-shadow:inset 2px 0 #cfb378}.nav-item.disabled{opacity:.48;cursor:default}.soon-pill{font-size:10px;padding:3px 7px;border-radius:999px;background:#ffffff14}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:16px}.user-card{display:flex;align-items:center;gap:10px;padding:8px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#cfb3782e;color:#ebd4a7;font-weight:800}.user-copy{min-width:0;display:grid;gap:2px}.user-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy span{font-size:10px;color:#ffffff80}.signout-button{margin-top:8px;width:100%;border:0;background:#ffffff0f;color:#fffc;border-radius:12px;padding:10px 12px;display:flex;gap:8px;justify-content:center;align-items:center}.mobile-close,.mobile-menu{display:none!important}@media(min-width:821px){.sidebar{padding-block:14px}.sidebar .brand-block{padding-bottom:12px}.sidebar .menu-caption{margin-block:12px 6px}.sidebar .nav-list{gap:3px;align-content:start}.sidebar .nav-list>.nav-item{min-height:34px;padding:6px 10px;line-height:1.3}.sidebar .device-push-menu .device-push-switch{min-height:36px;padding-block:4px}.sidebar .sidebar-footer{padding-top:10px}.sidebar .user-card{padding-block:6px}.sidebar .signout-button{margin-top:4px;padding-block:6px}}.main-area{width:100%;max-width:100%;min-width:0}.topbar{height:74px;background:#ffffffe0;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 32px;position:sticky;top:0;z-index:20}.topbar-kicker{color:var(--gold);font-weight:800;font-size:10px;letter-spacing:.16em}.topbar-title{font-weight:800;margin-top:2px}.topbar-refresh-button{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d8e5dc;border-radius:999px;padding:7px 11px;color:#315d47;background:#edf5f0;font-size:11px;font-weight:800;white-space:nowrap}.topbar-refresh-button:hover{background:#e1eee6}.page-wrap{width:100%;padding:34px;max-width:1500px;margin:0 auto}.page-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.eyebrow{color:#8c6b30;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;display:inline-flex;align-items:center;gap:6px}.page-title{margin:3px 0;font-family:Georgia,serif;font-size:clamp(27px,3.4vw,38px);line-height:1;color:var(--green-950)}.page-subtitle{margin:0;color:var(--muted);max-width:680px}.feature-page{width:100%;max-width:100%;min-width:0;display:grid;gap:12px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-heading h1{margin:3px 0;color:var(--green-950);font-family:Georgia,serif;font-size:clamp(27px,3.4vw,38px);line-height:1}.page-heading p{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.success-box{display:flex;align-items:center;gap:7px}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profile-form label{min-width:0;display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.profile-form input,.profile-form select{width:100%;min-width:0}.profile-form .wide-field{grid-column:1 / -1}.profile-field-section{padding:9px 11px;border-left:4px solid var(--gold);border-radius:8px;color:var(--green-950);background:#f4f8f5;font-size:12px;font-weight:900;letter-spacing:.035em;text-transform:uppercase}.profile-section-fields{min-width:0;display:grid;gap:10px}.profile-section-fields>.staff-form-grid{margin:0}.profile-password-box{padding:15px;border:1px solid var(--line);border-radius:14px;background:#f6f9f7}.profile-password-box h3{margin:0;color:var(--green-950);font-size:14px}.profile-password-box p{margin:4px 0 11px}.profile-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.android-push-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px}.android-push-panel h2{margin-top:7px}.android-push-panel .warning-box{grid-column:1 / -1}.permission-target-panel{display:grid;grid-template-columns:auto minmax(200px,1fr) minmax(200px,.8fr);align-items:end;gap:12px}.permission-target-panel label{min-width:0;display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.permission-scope-tabs{display:flex;gap:5px;padding:4px;border-radius:12px;background:#eef3f0}.permission-scope-tabs button{border:0;border-radius:9px;padding:10px 13px;color:#42534a;background:transparent;font-weight:800;white-space:nowrap}.permission-scope-tabs button.active{color:#fff;background:var(--green-800)}.inherit-toggle{grid-column:1 / -1;display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.inherit-toggle input{width:18px;height:18px;padding:0;accent-color:var(--green-800)}.permission-search{position:relative}.permission-search svg{position:absolute;left:12px;bottom:12px;color:#7a867f}.permission-search input{padding-left:37px}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.permission-group-head span{border-radius:999px;padding:5px 8px;color:#315d47;background:#edf5f0;font-size:10px;font-weight:900}.permission-check-grid{display:grid;gap:7px}.permission-check-grid>label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb}.permission-check-grid>label.checked{border-color:#b9d3c4;background:#eff7f2}.permission-check-grid input{width:17px;height:17px;padding:0;accent-color:var(--green-800)}.permission-check-grid strong,.permission-check-grid small{display:block;overflow-wrap:anywhere}.permission-check-grid strong{color:#34473d;font-size:11px}.permission-check-grid small{margin-top:2px;color:#849088;font-size:8px}.sticky-save-bar{position:sticky;bottom:12px;z-index:8;display:flex;justify-content:flex-end;padding:10px;border:1px solid rgba(220,228,223,.85);border-radius:14px;background:#ffffffe6;backdrop-filter:blur(10px);box-shadow:0 8px 30px #142d231a}.data-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.data-toolbar label{min-width:185px;display:grid;gap:5px;color:#4b5b53;font-size:10px;font-weight:800}.data-toolbar label:has(svg){grid-template-columns:auto 1fr;align-items:center}.data-toolbar label:has(svg) input{grid-column:1 / -1}.storage-range-panel{display:grid;gap:14px}.storage-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.storage-presets button{border:1px solid #d9e4de;border-radius:12px;padding:11px;background:#f4f8f6;color:#263d33;font-weight:800}.storage-presets button.active{background:#1f513f;border-color:#1f513f;color:#fff}.storage-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storage-dates label,.storage-action-card label{display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.storage-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.storage-action-card{min-width:0;display:grid;align-content:start;gap:12px;border:1px solid #dfe8e3;border-radius:16px;padding:18px}.storage-action-card h2{margin:0;font-size:16px}.storage-action-card p{margin:0;color:#68776f;line-height:1.55}.storage-action-card.danger-zone{background:snow;border-color:#f1cece}.search-field{position:relative}.search-field svg{position:absolute;left:11px;bottom:12px;color:#7b8981}.search-field input{padding-left:36px}.metric-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid.small .metric-card{display:block}.responsive-data-table{width:100%;max-width:100%;overflow-x:auto}.responsive-data-table td small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.audit-total{margin-left:auto;color:var(--green-800);font-weight:900}.audit-list{padding:0 18px}.audit-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.audit-list article:last-child{border-bottom:0}.audit-list p{margin:2px 0 0;overflow-wrap:anywhere}.audit-list time{color:var(--muted);font-size:10px}.audit-operation{border-radius:999px;padding:5px 7px;color:#315d47;background:#edf5f0;font-size:8px;font-weight:900;text-transform:uppercase}.audit-operation.delete{color:var(--danger);background:var(--danger-bg)}.first-login-warning{margin-bottom:18px;font-weight:800}.birthday-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:18px;padding:13px 14px;border:1px solid #e4ca8f;border-radius:14px;color:#6e501b;background:#fff8df;box-shadow:0 8px 24px #684a1114}.birthday-notice div{min-width:0}.birthday-notice strong,.birthday-notice span{display:block}.birthday-notice span{margin-top:3px;font-size:11px;line-height:1.45}.birthday-notice button{border:1px solid #ddc47e;border-radius:9px;padding:7px 10px;color:#624714;background:#fff;font-weight:800}.birthday-notice .birthday-dismiss{width:31px;height:31px;padding:0;font-size:18px}.birthday-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.birthday-card{display:flex;align-items:center;gap:13px;padding:16px}.birthday-card.today{border-color:#d2b262;background:#fff9e7}.birthday-day{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:var(--green-800);font-family:Georgia,serif;font-size:22px;font-weight:800}.birthday-card strong,.birthday-card span,.birthday-card em{display:block}.birthday-card span{margin-top:3px;color:var(--muted);font-size:10px}.birthday-card em{margin-top:5px;color:#8c651f;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.tour-table-panel{width:100%;max-width:100%;min-width:0;overflow:hidden}.tour-table{width:100%;max-width:100%;height:auto;max-height:none;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-gutter:auto;-webkit-overflow-scrolling:touch}.tour-table:focus-visible{outline:3px solid rgba(33,70,57,.22);outline-offset:-3px}.tour-table table{width:max-content;min-width:100%}.tour-table td{white-space:nowrap}.tour-table th{position:static;color:#000;background:#a1948c;box-shadow:0 2px #231f1d2e;font-weight:800;text-align:center;white-space:normal}.tour-table .tour-col-status{width:72px;min-width:72px;max-width:72px;text-align:center;white-space:normal;overflow-wrap:anywhere}.tour-table .tour-col-remaining{width:58px;min-width:58px;max-width:58px;text-align:center;white-space:normal;overflow-wrap:anywhere}.tour-table .tour-col-room,.tour-table .tour-col-request{width:54px;min-width:54px;max-width:54px;text-align:center;white-space:normal;overflow-wrap:anywhere}.tour-table .tour-col-appointment{width:88px;min-width:88px;max-width:88px;white-space:normal;overflow-wrap:anywhere}.tour-table tr.tour-row-green td{color:#000;background:var(--tour-row-green);font-weight:700}.tour-table tr.tour-row-yellow td{color:#000;background:var(--tour-row-yellow);font-weight:700}.tour-table tr.tour-row-red td{color:#000;background:var(--tour-row-red);font-weight:700}.tour-table tr.tour-row-break td{color:#000;background:var(--tour-row-break);font-weight:800}.tour-table tr.tour-row-idle td{color:#000;background:var(--tour-row-idle);font-weight:800}.tour-table tr.tour-row-leave td{color:#a6a6a6;background:#fff}.tour-table tr.tour-row-work td,.tour-table tr.tour-row-default td{color:#000;background:#fff}.tour-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:0}.metric-grid.small .metric-card.tour-metric-card{width:100%;min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:11px;padding:6px 10px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.metric-grid.small .metric-card.tour-metric-card:hover{border-color:#a9c7b6;box-shadow:0 5px 16px #19322814}.metric-grid.small .metric-card.tour-metric-card:focus-visible{outline:3px solid rgba(33,70,57,.22);outline-offset:2px}.metric-grid.small .metric-card.tour-metric-card.active{border-color:#3e845f;box-shadow:inset 3px 0 #3e845f,0 5px 16px #19322814;background:#edf7f1}.metric-grid.small .metric-card.tour-metric-card span{min-width:0;font-size:11px;font-weight:800;line-height:1.1}.metric-grid.small .metric-card.tour-metric-card strong{margin:0;font-size:23px;line-height:1}.tour-metrics .tour-available-metric{border-color:#75b63e;background:#eaf7df}.tour-metrics .tour-break-metric{border-color:#e2a36c;background:#fff1e5}.tour-legend{margin:0}.tour-legend-grid{display:flex;flex-wrap:wrap;gap:8px}.tour-legend-grid span{border:1px solid rgba(0,0,0,.09);border-radius:999px;padding:7px 10px;color:#1e2c25;font-size:10px;font-weight:800}.tour-legend-grid .green{background:var(--tour-row-green)}.tour-legend-grid .yellow{background:var(--tour-row-yellow)}.tour-legend-grid .red{background:#ff8b8b}.tour-legend-grid .blank{background:#fff}.tour-legend-grid .break{background:var(--tour-row-break)}.tour-legend-grid .idle{background:var(--tour-row-idle)}.tour-legend-grid .leave{color:#8a8a8a;background:#fff}.tour-countdown-note{margin-top:12px}.payroll-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payroll-config-grid label,.payroll-obligation-form label,.payroll-refund-form label{display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.payroll-refund-form{display:grid;grid-template-columns:1.2fr .8fr .9fr 1.4fr auto;align-items:end;gap:10px}.payroll-setting-table{margin-top:12px}.payroll-file small{max-width:260px;overflow:hidden;color:var(--muted);font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.payroll-draft-file-input{display:none}.payroll-draft-toolbar{margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#f5f8f6;display:flex;align-items:center;justify-content:space-between;gap:12px}.payroll-draft-toolbar>div:first-child{min-width:0;display:grid;gap:3px}.payroll-draft-toolbar>div:first-child>strong{color:var(--green-950);font-size:12px}.payroll-draft-toolbar>div:first-child>small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.payroll-select-all{width:fit-content;display:flex;align-items:center;gap:8px;margin:-3px 0 10px;color:#44564c;font-size:11px;font-weight:800}.payroll-select-all input{width:18px;height:18px;padding:0;accent-color:var(--green-800)}.payroll-editor table{min-width:1800px}.payroll-editor td{vertical-align:top}.payroll-editor td small{display:block}.payroll-money-input{min-width:125px;padding:8px;text-align:right}.payroll-mobile-list{display:none}.department-payroll-page{order:880;min-width:0;max-width:100%;overflow:hidden}.department-payroll-panel{min-width:0;max-width:100%}.department-payroll-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0}.department-payroll-toolbar>label{min-width:180px}.department-payroll-tabs{display:flex;gap:8px;flex-wrap:wrap}.department-payroll-settings{margin:18px 0;padding:16px;border:1px solid #dce5e0;border-radius:14px;background:#f8fbf9}.department-payroll-settings-standalone{margin-bottom:0}.department-payroll-settings h3{margin:16px 0 10px}.payroll-calculation-mode{display:grid;gap:4px;padding:12px 14px;border-left:4px solid #1f684e;border-radius:8px;background:#edf7f2;color:#4e6259}.payroll-calculation-mode strong{color:#173d31}.department-rule-title{margin-top:18px}.department-email-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:14px}.department-email-grid label{display:grid;gap:6px;margin-bottom:10px}.department-email-grid textarea{resize:vertical}.department-email-preview{padding:14px;border:1px solid #dfddd8;border-radius:12px;background:#fff}.department-email-preview pre{white-space:pre-wrap;font:13px/1.5 inherit;color:#48574f}.department-payroll-summary{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;margin:14px 0}.department-payroll-summary span{display:grid;gap:4px;padding:12px;border:1px solid #dce5e0;border-radius:12px;background:#f8fbf9;color:#64736b}.department-payroll-summary strong{font-size:18px;color:#183d31}.salary-advance-panel{display:grid;gap:10px;margin:12px 0;padding:14px;border:1px solid #e4d6b7;border-radius:14px;background:#fffaf0}.salary-advance-panel h3{display:flex;align-items:center;gap:7px;margin:0;color:#72551c}.salary-advance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.salary-advance-grid label{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:10px;padding:8px 10px;border:1px solid #eadfc8;border-radius:10px;background:#fff}.salary-advance-grid label>span{display:grid;font-weight:800;color:#273f35}.salary-advance-grid small{font-weight:600;color:#7a7060}.department-payroll-table{max-height:70vh}.department-payroll-table table{min-width:2700px}.department-payroll-table td>small{display:block;margin-top:3px}.department-payroll-table input:not([type=checkbox]){min-width:115px}.department-payroll-actions{position:sticky;bottom:8px;margin-top:14px;padding:10px;border:1px solid #dce5e0;border-radius:12px;background:#fffffff5;box-shadow:0 8px 22px #193d3114}.department-payroll-history{display:grid;gap:12px}.department-history-list{display:grid;gap:8px}.department-history-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid #dce5e0;border-radius:12px;background:#f8fbf9}.department-history-list article>div{display:grid;gap:3px}.department-history-list span,.department-history-list small{color:#65746d}.department-config-table-section{min-width:0;max-width:100%;margin-top:18px;padding-top:14px;border-top:1px solid #e4e9e6}.department-config-add-row{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(210px,1fr) minmax(240px,1.2fr) auto;gap:10px;align-items:end;margin:12px 0}.department-config-add-row label{display:grid;gap:5px;min-width:0}.department-config-search>div{display:flex;align-items:center;gap:7px;border:1px solid #d8dfdb;border-radius:10px;padding:0 10px;background:#fff}.department-config-search>div input{min-width:0;border:0;box-shadow:none;padding-inline:0}.department-config-table{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.department-config-table table{width:max-content;min-width:100%;table-layout:auto}.department-config-table td>small{display:block;margin-top:3px;color:#68756f}.department-config-table th,.department-config-table td{padding:8px 7px;white-space:normal}.department-config-table th:first-child,.department-config-table td:first-child{width:46px;text-align:center}.department-config-table th:nth-child(2),.department-config-table td:nth-child(2){min-width:180px}.department-config-table th:nth-child(3),.department-config-table td:nth-child(3){min-width:90px;text-align:center}.department-config-table input{width:112px;min-width:0}@media(max-width:820px){.department-email-grid,.department-payroll-summary{grid-template-columns:1fr}.department-payroll-toolbar>*{flex:1 1 100%}.department-payroll-tabs button{flex:1}.department-payroll-settings{padding:10px}.department-payroll-actions{position:static}.department-payroll-page{padding-inline:0}.salary-advance-grid{grid-template-columns:1fr}.salary-advance-grid label{grid-template-columns:minmax(0,1fr) 105px}.department-history-list article{align-items:stretch;flex-direction:column}.department-history-list article button{width:100%;justify-content:center}.department-config-add-row{grid-template-columns:1fr}.department-config-add-row>*{width:100%}.department-config-table th,.department-config-table td{padding:7px 6px}.department-config-table input{width:104px}}.payroll-obligation-form{display:grid;grid-template-columns:1fr .8fr .8fr 1.5fr auto;align-items:end;gap:10px;margin-bottom:14px}.payroll-obligation-groups{display:grid;gap:14px;margin-bottom:18px}.payroll-obligation-group{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fafcfb}.payroll-obligation-group h3{margin:0;padding:10px 12px;color:#21372d;background:#e7ebee;font-size:14px}.payroll-obligation-group>.responsive-data-table,.payroll-obligation-details>.responsive-data-table{padding:10px}.payroll-obligation-details{margin:8px;border:1px solid #d7dfdb;border-radius:11px;background:#fff}.payroll-obligation-details summary{cursor:pointer;padding:10px 12px;color:#243a30;font-size:11px;font-weight:900}.payroll-history-metrics{margin-top:16px}.panel-title-row h2:has(svg){display:inline-flex;align-items:center;gap:7px}.date-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;background:#fff;padding:12px;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 24px #1e372c0a;margin-bottom:18px}.date-toolbar button{border:0;padding:9px 13px;border-radius:10px;background:#f2f5f3;color:#32433a;font-weight:700}.date-toolbar button:hover{background:#e7efe9}.range-toolbar{justify-content:space-between}.viewed-date-toolbar{justify-content:flex-start}.statistics-filter-toolbar{margin:0 0 12px}.statistics-title-actions{min-width:fit-content}.statistics-employee-search{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.statistics-employee-search-field{flex:1 1 280px}.statistics-search-actions{display:flex;gap:7px;flex-wrap:wrap}.range-filter-buttons{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.date-toolbar .range-filter-buttons button.active{background:var(--green-800);color:#fff;box-shadow:0 6px 14px #21463929}.date-toolbar .watch-current-date-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid #d9e4dd;background:#f5f8f6}.date-toolbar .watch-current-date-button.active{color:#704d13;border-color:#e2c786;background:#fff6dd}.date-toolbar .push-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid #d9e4dd;background:#f5f8f6}.date-toolbar .push-toggle-button.active{color:#fff;border-color:#214639;background:#214639}.push-support-note{flex:1 0 100%;color:#8a5e17;font-size:11px;line-height:1.4}.push-status-box{margin:-7px 0 18px}.custom-range{display:flex;gap:8px;flex-wrap:wrap}.date-input-group{display:grid;gap:5px;min-width:178px}.date-input-label{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.date-picker-control{min-width:178px;min-height:40px;position:relative;border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);cursor:pointer}.date-picker-control:focus-within{border-color:#8bad9a;box-shadow:0 0 0 3px #4f78621a}.date-picker-native{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;gap:13px;align-items:center;box-shadow:0 9px 28px #1932280b}.metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--green-100);color:var(--green-800)}.metric-card span{display:block;color:var(--muted);font-size:12px}.metric-card strong{display:block;font-family:Georgia,serif;color:var(--green-950);font-size:28px;line-height:1.1;margin-top:3px}.content-grid{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"registration" "statistics" "list";gap:18px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px #142d230b}.registration-panel{grid-area:registration;width:100%;max-width:100%;min-width:0;overflow:hidden}.daily-summary-panel{grid-area:statistics;width:100%;max-width:100%;min-width:0;margin-bottom:0;overflow:hidden}.leave-list-panel{grid-area:list;width:100%;max-width:100%;min-width:0;overflow:hidden}.panel-title-row{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.panel h2{margin:0;color:var(--green-950);font-size:16px;line-height:1.15}.panel p{margin:5px 0 0;color:var(--muted);font-size:12px}.penalty-chip{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;color:#7f5626;background:var(--gold-soft)}.leave-form{width:100%;max-width:100%;min-width:0;display:grid;gap:8px}.leave-form>*{max-width:100%;min-width:0}.leave-form label,.login-card label{color:#4b5b53;font-size:12px;font-weight:800;margin-top:5px}input,select,textarea{width:100%;border:1px solid #dce4df;border-radius:11px;padding:11px 12px;background:#fcfdfc;color:var(--ink);outline:none;transition:.15s ease}input:focus,select:focus,textarea:focus{border-color:#8bad9a;box-shadow:0 0 0 3px #4f78621a;background:#fff}textarea{resize:vertical}.primary-button,.secondary-button{border:0;border-radius:11px;padding:11px 15px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(180deg,#244f3f,#173c30);box-shadow:0 7px 16px #173c3026}.secondary-button{color:#28463a;background:#fff;border:1px solid var(--line)}.danger-button{border:1px solid #efc6c6;border-radius:11px;padding:11px 15px;display:inline-flex;justify-content:center;align-items:center;gap:7px;color:#922727;background:#fff5f5;font-weight:800}.compact{padding:7px 10px;font-size:11px}.list-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.list-action-notice{width:100%;display:flex;align-items:flex-start;gap:10px;margin:-4px 0 12px;padding:11px 12px;border:1px solid;border-radius:12px}.list-action-notice.success{color:var(--success);border-color:#c5e3d1;background:var(--success-bg)}.list-action-notice.error{color:var(--danger);border-color:#efc7c7;background:var(--danger-bg)}.list-action-notice.delete.success{color:#765018;border-color:#ead5aa;background:#fff8e9}.list-action-notice-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:#ffffffb8}.list-action-notice-copy{min-width:0;display:grid;gap:2px;line-height:1.35}.list-action-notice-copy strong{font-size:11px;letter-spacing:.035em}.list-action-notice-copy span{font-size:11px;overflow-wrap:anywhere}.list-action-notice-close{width:28px;height:28px;flex:0 0 28px;margin-left:auto;display:grid;place-items:center;border:0;border-radius:8px;padding:0;color:currentColor;background:transparent}.list-action-notice-close:hover{background:#ffffffb8}.list-filter-toolbar{display:grid;gap:9px;margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#f7f9f8}.list-range-buttons{display:flex;gap:6px;flex-wrap:wrap}.list-range-buttons button{border:0;padding:8px 11px;border-radius:9px;color:#33463c;background:#edf2ef;font-size:11px;font-weight:800}.list-range-buttons button.active{color:#fff;background:var(--green-800);box-shadow:0 5px 12px #21463924}.list-custom-range{justify-content:flex-start}.employee-search-field{width:min(380px,100%);display:grid;gap:5px}.employee-search-field>span{display:inline-flex;align-items:center;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.employee-search-field input{background:#fff}.select-column{width:58px;min-width:58px;text-align:center}.select-column input{width:18px;height:18px;padding:0;accent-color:var(--green-800)}.reason-edit-cell{min-width:240px}.reason-edit-cell select{min-width:220px;padding:8px 9px}.leave-list-wrap{max-width:100%}.leave-file-input{display:none}.leave-records-table .weekday-cell{white-space:nowrap}.full{width:100%}.text-button{border:0;background:transparent;color:#466b59;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#758179;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #eef1ef}tr:last-child td{border-bottom:0}.right{text-align:right}.center{text-align:center}.detail-cell{min-width:150px;color:#526159}.daily-summary-wrap{width:100%;max-width:100%;overflow-x:clip}.daily-summary-table{width:100%;min-width:0;table-layout:fixed}.daily-summary-table.with-penalty .daily-col-date{width:17%}.daily-summary-table.with-penalty .daily-col-weekday{width:11%}.daily-summary-table.with-penalty .daily-col-total{width:12%}.daily-summary-table.with-penalty .daily-col-paid,.daily-summary-table.with-penalty .daily-col-generated{width:13%}.daily-summary-table.with-penalty .daily-col-unpaid{width:14%}.daily-summary-table.with-penalty .daily-col-penalty{width:20%}.daily-summary-table.without-penalty .daily-col-date{width:22%}.daily-summary-table.without-penalty .daily-col-weekday{width:16%}.daily-summary-table.without-penalty .daily-col-total{width:15%}.daily-summary-table.without-penalty .daily-col-paid{width:16%}.daily-summary-table.without-penalty .daily-col-generated{width:15%}.daily-summary-table.without-penalty .daily-col-unpaid{width:16%}.daily-summary-table th{padding:8px 6px}.daily-summary-table td{padding:8px 6px;line-height:1.2;overflow-wrap:anywhere}.daily-summary-table tr.selected-day-row td{background:#fbfdfb}.daily-summary-table .money-cell{min-width:0;white-space:normal}.compact-column-label{display:none}.date-link{border:0;padding:0;color:#203c31;background:transparent;font-weight:800;text-decoration:underline;text-decoration-color:#b9cabf;text-underline-offset:3px}.date-link:hover{color:#0c6b43}.daily-summary-table .date-link{text-decoration:none}.daily-date-actions{display:flex;align-items:center;gap:5px;min-width:0}.watch-date-icon{width:25px;height:25px;flex:0 0 25px;border:0;border-radius:999px;display:inline-grid;place-items:center;color:#6d7d74;background:#f0f4f1}.watch-date-icon.active{color:#8b6015;background:#fff1c7}.watch-date-icon.ringing svg,.watch-current-date-button.ringing svg,.watch-ringing-icon{animation:watch-bell-shake .72s ease-in-out infinite;transform-origin:50% 12%}.watch-date-icon:disabled,.watch-current-date-button:disabled{opacity:.55;cursor:wait}.watch-notification-panel{display:grid;gap:10px;margin:-3px 0 18px;padding:14px;border:1px solid #ead49b;border-radius:15px;color:#604715;background:#fff9e8;box-shadow:0 8px 22px #63460f0f}.watch-notification-panel.ringing{animation:watch-alert-pulse 1.8s ease-in-out infinite}.watch-notification-heading{display:flex;align-items:flex-start;gap:9px}.watch-notification-heading strong,.watch-notification-heading span{display:block}.watch-notification-heading span{margin-top:2px;color:#846d3c;font-size:11px}.watch-ringing-button{width:34px;height:34px;flex:0 0 34px;display:inline-grid;place-items:center;border:1px solid #ddc47e;border-radius:999px;padding:0;color:#8b6015;background:#fff}.watch-sound-hint{color:#a23025!important;font-weight:800}.watch-notification-list{display:grid;gap:7px}.watch-notification-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:10px;background:#ffffffbf;font-size:12px}.watch-notification-item button{flex:0 0 auto;border:1px solid #ddc47e;border-radius:9px;padding:7px 10px;color:#624714;background:#fff;font-weight:800}.watch-error-box{margin:-4px 0 18px}.daily-stat-value{font-weight:500}.paid-stat.paid-limit-full{color:#c51f1f;font-size:1.3em;font-weight:900}.money-cell{min-width:130px;white-space:nowrap}.empty-cell{text-align:center;color:var(--muted);padding:30px}.error-box,.success-box,.warning-box,.setup-note{border-radius:11px;padding:10px 12px;font-size:12px}.error-box{background:var(--danger-bg);color:var(--danger);border:1px solid #f0cccc}.success-box{background:var(--success-bg);color:var(--success);border:1px solid #cbe8d7}.warning-box{margin-bottom:16px;background:var(--warning-bg);color:var(--warning);border:1px solid #f0dfb6}.setup-note{background:#f4f6f5;color:var(--muted)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes watch-bell-shake{0%,to{transform:rotate(0) scale(1)}15%{transform:rotate(18deg) scale(1.08)}30%{transform:rotate(-16deg) scale(1.08)}45%{transform:rotate(12deg) scale(1.05)}60%{transform:rotate(-9deg) scale(1.03)}75%{transform:rotate(5deg) scale(1.01)}}@keyframes watch-alert-pulse{0%,to{box-shadow:0 8px 22px #63460f0f}50%{box-shadow:0 8px 26px #be80143d}}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);background:#fff}.login-visual{min-height:100vh;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(207,179,120,.22),transparent 28%),linear-gradient(145deg,#0d211a,#173d2f 62%,#244c3b);padding:clamp(35px,6vw,80px);display:flex;flex-direction:column}.login-brand-row{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.login-pitch{margin:auto 0;max-width:680px;position:relative;z-index:2}.login-pitch .eyebrow{color:#e7cca0}.login-pitch h1{font-family:Lavishly Yours,cursive;font-size:clamp(58px,6vw,86px);font-weight:700;line-height:.92;margin:15px 0 20px;letter-spacing:0}.login-pitch h1 span{display:block}.login-pitch p{color:#ffffffa8;font-size:16px;line-height:1.7;max-width:610px}.login-contact{display:grid;gap:8px;margin-top:30px}.login-contact p{margin:0;display:flex;align-items:center;gap:9px;color:#ffffffd1}.map-button{width:fit-content;margin-top:8px;padding:11px 17px;border:1px solid rgba(255,255,255,.14);border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#2a4b3c;text-decoration:none;font-weight:800;box-shadow:0 9px 20px #05191138;transition:.18s ease}.map-button:hover{background:#1f382c;transform:translateY(-1px)}.visual-glow{position:absolute;border-radius:50%;filter:blur(4px)}.visual-glow.one{width:360px;height:360px;right:-120px;top:12%;background:#c49e581f}.visual-glow.two{width:260px;height:260px;left:12%;bottom:-90px;background:#ffffff0f}.login-panel{display:grid;place-items:center;padding:32px;background:#f7f8f6}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #1432261c;padding:30px;display:grid;gap:9px}.login-card h2{margin:5px 0 0;font-family:Georgia,serif;color:var(--green-950);font-size:30px}.login-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--green-100);color:var(--green-800)}.muted{color:var(--muted);margin:0 0 9px}.icon-button{border:0;background:transparent;display:grid;place-items:center}.sidebar-backdrop{display:none}.staff-page{width:100%;max-width:100%;min-width:0;display:grid;gap:18px}.staff-page .page-heading-row,.staff-page .metric-grid{margin-bottom:0}.staff-metric-card{width:100%;color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}.staff-metric-card:hover{border-color:#a9c7b6;box-shadow:0 12px 32px #19322817;transform:translateY(-1px)}.staff-metric-card:focus-visible{outline:3px solid rgba(33,70,57,.22);outline-offset:2px}.staff-metric-card.active{border-color:#3e845f;background:#edf7f1;box-shadow:inset 3px 0 #3e845f,0 9px 28px #19322811}.staff-notice{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid;border-radius:13px;font-size:12px}.staff-notice.success{color:var(--success);border-color:#c5e3d1;background:var(--success-bg)}.staff-notice.error{color:var(--danger);border-color:#efc7c7;background:var(--danger-bg)}.staff-notice strong{font-size:10px;letter-spacing:.06em}.staff-notice button{width:28px;height:28px;border:0;border-radius:8px;color:currentColor;background:#ffffff8c;font-size:20px;line-height:1}.staff-control-panel{display:grid;gap:12px;padding:14px}.staff-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(4,minmax(135px,190px));gap:9px}.staff-employee-name-filter{position:relative;width:100%;min-width:0}.staff-employee-name-filter .clearable-search-input{height:100%}.staff-employee-name-filter .clearable-search-input input{height:100%;min-height:38px;padding:8px 68px 8px 10px}.staff-search{min-width:0;position:relative}.staff-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1;color:#718078;pointer-events:none}.staff-search input{padding-left:38px}.staff-actionbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.staff-actionbar .danger-button{margin-left:auto}.staff-file-input{display:none}.staff-form-panel h2,.staff-list-panel h2{letter-spacing:.025em}.staff-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-form-grid label{min-width:0;display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.staff-form-grid .span-2{grid-column:1 / -1}.staff-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.staff-list-panel{width:100%;max-width:100%;min-width:0;overflow:hidden}.staff-list-search{width:min(520px,100%);margin:-3px 0 12px}.staff-list-selection-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#f7faf8}.staff-desktop-table{width:100%;max-width:100%;overflow:hidden;border:1px solid var(--line);border-radius:13px}.staff-table{width:100%;min-width:0;table-layout:fixed;font-size:10px}.staff-table .staff-col-select{width:3%}.staff-table .staff-col-employee{width:9%}.staff-table .staff-col-role{width:8%}.staff-table .staff-col-status{width:9%}.staff-table .staff-col-shift{width:15%}.staff-table .staff-col-date{width:10%}.staff-table .staff-col-cycle{width:11%}.staff-table .staff-col-lock{width:4%}.staff-table .staff-col-profile{width:6%}.staff-table .staff-col-exempt,.staff-table .staff-col-payroll{width:8%}.staff-table .staff-col-admin{width:10%}.staff-table th{min-width:0;padding:7px 4px;background:#f1f5f2;font-size:9px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}.staff-table td{min-width:0;padding:7px 4px;vertical-align:middle;overflow:hidden}.staff-table td>strong,.staff-table td>small{display:block}.staff-table td>strong{color:var(--green-950);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-table td>small{max-width:100%;margin-top:2px;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-table select,.staff-table input[type=date]{width:100%;max-width:100%;min-width:0;padding:6px 4px;border-radius:7px;font-size:10px;text-overflow:ellipsis}.staff-table .vera-date-input>input[type=text]{width:100%;max-width:100%;min-width:0;padding:6px 30px 6px 4px;border-radius:7px;font-size:10px;text-overflow:ellipsis}.staff-table .vera-date-picker-button{width:27px}.staff-table .vera-date-input>.vera-native-date-picker{width:27px!important}.staff-table td:nth-child(3) select{padding-inline:3px;font-size:9px}.staff-table input[type=checkbox]{width:17px;height:17px;padding:0;accent-color:var(--green-800)}.staff-table .staff-edit-button,.staff-table .danger-button,.staff-table .secondary-button{width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:6px 3px;font-size:9px;white-space:nowrap}.staff-table .staff-edit-button svg,.staff-table .danger-button svg{width:12px;height:12px;flex:0 0 12px}.staff-left-row td{background:#fff7f7}.staff-incomplete-row td{background:#fff7d9}.staff-incomplete-row td:first-child{box-shadow:inset 4px 0 #d49a22}.staff-left-row.staff-incomplete-row td{background:#fff1dd}.staff-hidden-row td{background:#edf1ef;color:#65716c;opacity:.82}.staff-hidden-row td:first-child{box-shadow:inset 4px 0 #76847e}.staff-incomplete-badge{width:fit-content;max-width:100%;display:inline-flex;margin-top:4px;border-radius:999px;padding:2px 5px;color:#795514;background:#ffe7a6;font-size:8px;font-weight:900;line-height:1.2;white-space:nowrap}.staff-hidden-badge{width:fit-content;display:inline-flex;margin-top:4px;border-radius:999px;padding:2px 6px;color:#42524b;background:#dce5e1;font-size:8px;font-weight:900;line-height:1.2;white-space:nowrap}.staff-mobile-list{display:none}.empty-cell svg{display:inline-block;vertical-align:middle;margin-right:6px}@media(min-width:821px)and (max-width:1280px){.staff-desktop-table{display:none}.staff-mobile-list{display:grid;gap:9px}.staff-mobile-card{min-width:0;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.staff-mobile-card.left{border-color:#efd6d6;background:#fff8f8}.staff-mobile-card.incomplete{border-color:#e3bd67;background:#fff8df;box-shadow:inset 4px 0 #d49a22}.staff-mobile-card.left.incomplete{background:#fff1dd}.staff-mobile-card.hidden{border-color:#aebbb5;background:#edf1ef;opacity:.86}.staff-mobile-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--line)}.staff-mobile-head>label{min-width:0;display:flex;align-items:center;gap:8px}.staff-mobile-head input{width:18px;height:18px;flex:0 0 18px;padding:0;accent-color:var(--green-800)}.staff-mobile-head span,.staff-mobile-head strong,.staff-mobile-head small{min-width:0;display:block}.staff-mobile-head strong{color:var(--green-950);font-size:13px}.staff-mobile-head small{max-width:320px;margin-top:2px;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-mobile-head .list-actions{max-width:100%;display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.staff-mobile-head button{display:inline-flex;align-items:center;gap:4px;padding:5px;font-size:10px;white-space:nowrap}.staff-mobile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding-top:9px}.staff-mobile-fields label{min-width:0;display:grid;gap:4px;color:#68746d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.staff-mobile-fields .span-2{grid-column:1 / -1}.staff-mobile-fields select,.staff-mobile-fields input[type=date]{min-width:0;width:100%;padding:8px 6px;border-radius:8px;font-size:10px;text-transform:none;letter-spacing:0}.staff-mobile-fields .staff-lock-field{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;gap:7px;padding-top:3px}}.rules-page{width:100%;max-width:100%;min-width:0;display:grid;gap:18px}.rules-page .page-heading-row,.rules-page .metric-grid{margin-bottom:0}.rules-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid;border-radius:13px;font-size:12px}.rules-notice.success{color:var(--success);border-color:#c5e3d1;background:var(--success-bg)}.rules-notice.error{color:var(--danger);border-color:#efc7c7;background:var(--danger-bg)}.rules-notice strong{font-size:10px;letter-spacing:.06em}.rules-notice button{width:28px;height:28px;border:0;border-radius:8px;color:currentColor;background:#ffffff8c;font-size:20px;line-height:1}.rules-metrics .metric-small-value{max-width:190px;font-family:inherit;font-size:13px;line-height:1.25}.weekend-unpaid-nth-panel{min-width:0;display:grid;gap:13px}.weekend-unpaid-nth-panel h2{letter-spacing:.025em}.weekend-unpaid-nth-state{flex:0 0 auto;padding:6px 10px;border:1px solid;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em}.weekend-unpaid-nth-state.enabled{color:var(--success);border-color:#b8ddc8;background:var(--success-bg)}.weekend-unpaid-nth-state.disabled{color:var(--danger);border-color:#efc7c7;background:var(--danger-bg)}.weekend-unpaid-nth-content{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#f8fbf9}.weekend-unpaid-nth-content>div{min-width:0}.weekend-unpaid-nth-content strong{display:block;color:var(--green-900);font-size:13px}.weekend-unpaid-nth-content p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.weekend-unpaid-nth-content button{flex:0 0 auto;white-space:nowrap}.weekend-unpaid-nth-admin-note{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:10px}.daily-quota-panel{min-width:0;display:grid;gap:13px;overflow:hidden}.daily-quota-panel h2{letter-spacing:.025em}.daily-quota-table-wrap{width:100%;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:13px}.daily-quota-table{width:100%;table-layout:fixed}.daily-quota-table th,.daily-quota-table td{width:33.333%;padding:9px 12px;text-align:center}.daily-quota-table th:first-child,.daily-quota-table td:first-child{text-align:left}.daily-quota-table input{width:86px;max-width:100%;padding:7px 8px;text-align:center;border-radius:8px;font-weight:800}.daily-quota-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.daily-quota-footer>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.rules-control-panel{display:grid;gap:12px;padding:14px}.rules-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,.85fr) minmax(350px,1fr);gap:9px}.rules-search{min-width:0;position:relative}.rules-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1;color:#718078;pointer-events:none}.rules-search input{padding-left:38px}.rules-add-column,.rules-delete-column{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.rules-add-column button,.rules-delete-column button{white-space:nowrap}.rules-actionbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rules-actionbar .rules-delete-rows{margin-left:auto}.rules-file-input{display:none}.rules-view-note{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:10px;color:#5f694f;background:#f3f6ee;font-size:11px}.rules-grid-panel{min-width:0;overflow:hidden}.rules-grid-panel h2{letter-spacing:.025em}.rules-unsaved-chip{flex:0 0 auto;padding:6px 10px;border-radius:999px;color:#78551d;background:#fff3d8;font-size:10px;font-weight:900}.rules-desktop-table{max-width:100%;max-height:min(68vh,780px);border:1px solid var(--line);border-radius:13px;overflow:auto}.rules-table{width:max-content;min-width:100%}.rules-table th{position:sticky;top:0;z-index:2;min-width:130px;padding:8px;background:#eef3f0;white-space:normal}.rules-table th.required:after{content:" *";color:#b33131}.rules-table td{min-width:130px;max-width:330px;padding:5px;vertical-align:top}.rules-table th:nth-child(2),.rules-table td:nth-child(2){min-width:65px}.rules-table th:nth-child(3),.rules-table td:nth-child(3){min-width:230px}.rules-table th:nth-child(4),.rules-table td:nth-child(4){min-width:135px}.rules-table input{min-width:120px;padding:7px 8px;border-radius:8px;font-size:11px}.rules-table td>span{display:block;max-height:110px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.rules-table .rules-select-column{min-width:54px;width:54px;text-align:center}.rules-table input[type=checkbox]{min-width:0;width:17px;height:17px;padding:0;accent-color:var(--green-800)}.rules-mobile-list{display:none}.contract-page{display:grid;gap:18px}.contract-type-panel,.contract-export-panel,.contract-settings-panel{padding:20px}.contract-type-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px}.contract-type-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:2px solid #bed2c7;border-radius:11px;color:#1d5843;background:#fff;font-weight:900;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.contract-type-button:hover:not(:disabled){border-color:#1d5843;background:#edf7f1;box-shadow:0 5px 14px #1d58431f;transform:translateY(-1px)}.contract-type-button.active{border-color:#1d5843;color:#fff;background:#1d5843;box-shadow:0 5px 14px #1d58432e}.contract-count{flex:0 0 auto;padding:7px 11px;border:1px solid #c8dbd1;border-radius:999px;color:var(--green-800);background:#eff7f2;font-size:12px;font-weight:900}.contract-scope-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.contract-scope-tabs button{min-height:42px;border:1px solid var(--line);border-radius:10px;color:#45574e;background:#f7f9f8;font-weight:800}.contract-scope-tabs button.active{border-color:#1d5843;color:#fff;background:#1d5843}.contract-selected-scope{display:grid;gap:10px}.contract-department,.contract-settings-grid label,.contract-template-field{min-width:0;display:grid;gap:6px;color:#4b5b53;font-size:11px;font-weight:800}.contract-department select,.contract-settings-grid input,.contract-template-field textarea{min-width:0;width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--ink);background:#fff;font:inherit}.contract-search{position:relative}.contract-search svg{position:absolute;left:12px;bottom:13px;color:#708178}.contract-search input{min-width:0;width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px 11px 38px}.contract-selection-actions{display:flex;flex-wrap:wrap;gap:8px}.contract-employee-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:7px;max-height:330px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fafcfb}.contract-employee-list>label{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px solid #dae4de;border-radius:9px;background:#fff;cursor:pointer}.contract-employee-list>label.selected{border-color:#1d5843;background:#eaf5ef;box-shadow:inset 0 0 0 1px #1d5843}.contract-employee-list input{width:17px;height:17px;flex:0 0 auto;accent-color:#1d5843}.contract-employee-list span{display:grid;min-width:0}.contract-employee-list b,.contract-employee-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-employee-list b{font-size:12px}.contract-employee-list small{color:var(--muted);font-size:10px}.contract-department{max-width:480px}.contract-all-note{padding:13px;border:1px solid #d8e4dd;border-radius:10px;color:#50635a;background:#f6faf8;font-size:12px}.contract-export-actions,.contract-save-actions{display:flex;align-items:center;gap:12px;margin-top:15px}.contract-export-actions small{color:var(--muted)}.contract-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contract-settings-grid .span-2{grid-column:1 / -1}.contract-settings-grid .contract-highlight-field{color:#6d4a00;font-weight:950}.contract-settings-grid .contract-highlight-field input{border:2px solid #c6972f;background:#fff1b8;box-shadow:0 0 0 3px #c6972f21;font-weight:900}.contract-template-field{margin-top:16px}.contract-template-field textarea{min-height:360px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}.contract-placeholders{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:#50635a;background:#fafcfb;font-size:12px}.contract-placeholders summary{cursor:pointer;font-weight:900}.contract-placeholders div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.contract-placeholders code{padding:4px 6px;border-radius:6px;color:#174735;background:#e9f3ed;font-size:10px}.contract-settings-panel input:disabled,.contract-template-field textarea:disabled{color:#75837d;background:#f1f4f2;cursor:not-allowed}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"registration" "statistics" "list"}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:min(86vw,310px);transform:translate(-102%);transition:transform .22s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:25;border:0;background:#0a140f73}.mobile-close{display:grid!important;color:#fff;margin-left:auto}.mobile-menu{display:grid!important;width:40px;height:40px;border-radius:11px;background:#edf5f0;color:#173d2d}.topbar{min-height:66px;height:auto;padding:8px 14px;gap:10px;color:#fff;background:#173d2d;backdrop-filter:none}.topbar>div{min-width:0}.topbar-kicker{font-size:9px;letter-spacing:.12em}.topbar-title{color:#fff;font-size:14px;line-height:1.2}.topbar-refresh-button{padding:6px 9px;color:#173d2d;background:#edf5f0;font-size:10px}.topbar-open-tab-button{background:#fff}.page-wrap{padding:18px 12px 30px}.login-screen{grid-template-columns:1fr}.login-visual{min-height:330px;padding:28px 24px}.brand-mark.large{width:116px;height:52px;flex-basis:116px;padding:0 10px;font-size:23px}.login-brand-row .brand-name.large-text{font-size:42px}.login-pitch h1{font-size:clamp(41px,10.5vw,60px)}.login-pitch p{font-size:14px}.login-panel{padding:20px 14px 30px}}@media(max-width:820px){.mobile-menu{width:36px;height:36px;flex:0 0 36px}.topbar{padding-inline:10px}.topbar-title{font-size:12px}.topbar-refresh-button{padding:6px 8px;font-size:9px}.page-wrap{padding:14px 8px 24px}.weekend-unpaid-nth-content{align-items:stretch;flex-direction:column;gap:11px}.weekend-unpaid-nth-content button{width:100%}.contract-page{gap:12px}.contract-type-panel,.contract-export-panel,.contract-settings-panel{padding:12px 10px}.contract-type-list{grid-template-columns:minmax(0,1fr);gap:6px}.contract-export-panel .panel-title-row{align-items:flex-start}.contract-count{padding:6px 8px;font-size:9px}.contract-scope-tabs{grid-template-columns:1fr;gap:6px}.contract-scope-tabs button{min-height:38px;font-size:10px}.contract-settings-grid{grid-template-columns:minmax(0,1fr);gap:9px}.contract-employee-list{grid-template-columns:minmax(0,1fr);max-height:360px}.contract-settings-grid .span-2{grid-column:auto}.contract-export-actions,.contract-save-actions{align-items:stretch;flex-direction:column}.contract-export-actions button,.contract-save-actions button{width:100%}.contract-template-field textarea{min-height:300px;font-size:10px}.page-heading-row{display:flex;align-items:center;gap:10px;margin-bottom:13px}.page-title{margin:0;font-size:33px}.page-heading-row .secondary-button{width:auto;margin-left:auto;padding:9px 11px;white-space:nowrap}.metric-grid{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.metric-card{min-width:0;padding:10px 9px;gap:8px;border-radius:14px}.metric-icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px}.metric-card span{font-size:10px;line-height:1.15}.metric-card strong{font-size:21px;margin-top:1px}.date-toolbar{gap:7px;padding:8px;margin-bottom:12px;border-radius:13px}.range-filter-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}.date-toolbar button{padding:8px 6px;font-size:12px}.range-filter-buttons button:last-child{grid-column:1 / -1}.custom-range,.date-input-group,.date-picker-control{width:100%}.date-input-group{min-width:0}.date-input-group{gap:4px}.date-picker-control{min-width:0;min-height:38px;padding:7px 9px;font-size:13px}.date-toolbar .watch-current-date-button,.date-toolbar .push-toggle-button{width:100%;min-height:38px}.push-support-note{font-size:9px}.push-status-box{margin:-5px 0 12px}.watch-notification-panel{margin-bottom:12px;padding:10px;border-radius:13px}.watch-notification-heading strong{font-size:12px}.watch-notification-heading span{font-size:9px;line-height:1.35}.watch-notification-item{align-items:flex-start;padding:8px;font-size:10px;line-height:1.35}.watch-notification-item button{padding:6px 8px;font-size:9px}.content-grid{gap:12px}.panel{min-width:0;padding:14px 11px;border-radius:15px}.panel-title-row{margin-bottom:11px}.panel h2{font-size:17px}.panel p{font-size:10px;line-height:1.4}.registration-panel .leave-form{gap:6px}.registration-panel .leave-form label{font-size:11px;margin-top:3px}.registration-panel input,.registration-panel select,.registration-panel textarea{padding:9px 10px;border-radius:9px;font-size:14px}.registration-panel textarea{min-height:72px}.registration-panel .primary-button{padding:10px 12px}.daily-summary-panel{padding:12px 6px}.daily-summary-panel .panel-title-row{margin:0 4px 9px}.daily-summary-panel .panel-title-row h2{font-size:15px}.daily-summary-panel .panel-title-row p{font-size:9px;line-height:1.3}.daily-summary-panel .statistics-title-actions{display:grid;grid-template-columns:1fr;width:auto;min-width:112px;gap:5px}.daily-summary-panel .statistics-title-actions .penalty-chip{padding:6px 7px;font-size:8px;text-align:center;white-space:normal}.daily-summary-panel .statistics-title-actions button{width:100%;padding:7px 6px;font-size:9px}.statistics-employee-search{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.statistics-search-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.statistics-search-actions button{width:100%}.daily-summary-table{font-size:clamp(7px,2.25vw,9px);line-height:1.1}.daily-summary-table th{padding:5px 1px;font-size:clamp(6.5px,2vw,8px);letter-spacing:0;text-transform:none;overflow-wrap:anywhere}.daily-summary-table td{padding:5px 1px}.daily-summary-table .date-link{font-size:.88em;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.daily-date-actions{justify-content:center;gap:1px}.watch-date-icon{width:16px;height:16px;flex-basis:16px;padding:0}.watch-date-icon svg{width:9px;height:9px}.daily-summary-table .money-cell{font-size:.82em;letter-spacing:-.04em}.daily-summary-table .paid-stat.paid-limit-full{font-size:1.28em}.full-column-label{display:none}.compact-column-label{display:inline}.leave-list-panel .panel-title-row{display:flex;align-items:flex-start;gap:8px}.leave-list-panel .panel-title-row>div{min-width:0;flex:1}.leave-list-panel .panel-title-row>button{flex:0 0 auto;padding:8px 10px;white-space:nowrap}.leave-list-panel .list-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%;margin-top:9px}.leave-list-panel .list-actions button{width:100%;min-width:0;padding:7px 1px;font-size:clamp(7px,2vw,9px);white-space:nowrap;gap:2px}.leave-list-panel .list-actions button svg{width:11px;height:11px;flex:none}.leave-list-panel .penalty-chip{grid-column:auto;display:grid;align-items:center;padding:4px 1px;font-size:clamp(7px,1.9vw,9px);text-align:center}.list-action-notice{gap:8px;margin-top:-2px;padding:9px}.list-action-notice-icon{width:27px;height:27px;flex-basis:27px}.list-action-notice-copy strong,.list-action-notice-copy span{font-size:9px}.list-filter-toolbar{gap:7px;padding:8px;margin-bottom:9px}.list-range-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}.list-range-buttons button{width:100%;padding:8px 4px;font-size:9px}.list-range-buttons button:last-child{grid-column:1 / -1}.list-custom-range{display:grid;grid-template-columns:1fr 1fr;width:100%}.list-custom-range .date-input-group,.list-custom-range .date-picker-control{min-width:0;width:100%}.employee-search-field{width:100%}.employee-search-field input{padding:8px 9px;font-size:12px}.leave-list-wrap{width:100%;overflow-x:clip}.leave-records-table{width:100%;min-width:0;table-layout:fixed;font-size:10px}.leave-records-table.without-penalty .leave-col-select{width:8%}.leave-records-table.without-penalty .leave-col-date{width:13%}.leave-records-table.without-penalty .leave-col-weekday{width:9%}.leave-records-table.without-penalty .leave-col-employee{width:15%}.leave-records-table.without-penalty .leave-col-reason{width:30%}.leave-records-table.without-penalty .leave-col-detail{width:25%}.leave-records-table.with-penalty .leave-col-select{width:7%}.leave-records-table.with-penalty .leave-col-date{width:11%}.leave-records-table.with-penalty .leave-col-weekday{width:8%}.leave-records-table.with-penalty .leave-col-employee{width:13%}.leave-records-table.with-penalty .leave-col-reason{width:24%}.leave-records-table.with-penalty .leave-col-detail{width:23%}.leave-records-table.with-penalty .leave-col-penalty{width:14%}.leave-records-table th{padding:5px 2px;font-size:7px;letter-spacing:.03em;overflow-wrap:anywhere}.leave-records-table td{padding:7px 2px;vertical-align:middle;overflow-wrap:anywhere}.leave-records-table .select-column{width:auto;min-width:0}.leave-records-table .select-column input{width:16px;height:16px}.leave-records-table .reason-edit-cell,.leave-records-table .detail-cell{min-width:0}.leave-records-table .reason-edit-cell{overflow:hidden}.leave-records-table .reason-edit-cell select{width:100%;max-width:100%;min-width:0;padding:7px 16px 7px 3px;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(4px,1.125vw,5px)!important;line-height:1.15;font-weight:700}.leave-records-table .reason-edit-cell>span{display:block;max-width:100%;overflow-wrap:anywhere;font-size:clamp(4px,1.125vw,5px);line-height:1.2;font-weight:700}.leave-records-table .list-date-link{display:block;width:100%;max-width:100%;min-width:0;padding:0;font-size:clamp(5.5px,1.5vw,7px);line-height:1.15;font-weight:800;letter-spacing:-.06em;white-space:nowrap;text-align:center}.leave-records-table .weekday-cell{font-size:7px;letter-spacing:-.04em;white-space:normal}.leave-records-table .detail-cell{font-size:9px;line-height:1.25}.leave-records-table .money-cell,.leave-records-table td.right{min-width:0;font-size:7px;white-space:normal;letter-spacing:-.03em}.login-contact{margin-top:20px}.map-button{width:100%}.staff-page{gap:12px}.staff-heading{align-items:flex-end}.staff-heading .page-subtitle{display:none}.staff-heading .eyebrow{font-size:8px}.staff-heading .page-title{font-size:31px}.staff-heading .secondary-button{font-size:10px}.staff-metrics{grid-template-columns:1fr 1fr}.staff-control-panel{padding:10px;gap:9px}.staff-toolbar{grid-template-columns:1fr 1fr;gap:6px}.staff-search{grid-column:1 / -1}.staff-toolbar input,.staff-toolbar select{min-width:0;padding:9px 8px;font-size:11px}.staff-search input{padding-left:34px}.staff-actionbar{display:grid;grid-template-columns:1fr 1fr;gap:6px}.staff-actionbar button{width:100%;min-width:0;margin:0!important;padding:9px 5px;font-size:9px;white-space:nowrap}.staff-notice{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:10px;font-size:10px}.staff-notice strong{grid-column:1;font-size:8px}.staff-notice span{grid-column:1;overflow-wrap:anywhere}.staff-notice button{grid-column:2;grid-row:1 / 3}.staff-form-grid{grid-template-columns:minmax(0,1fr);gap:9px}.staff-form-grid .span-2{grid-column:auto}.staff-form-actions{display:grid;grid-template-columns:1fr 1fr}.staff-form-panel{overflow:hidden}.staff-list-selection-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.staff-list-selection-actions button{width:100%;min-width:0;padding:9px 5px;font-size:9px;white-space:normal}.staff-form-panel input,.staff-form-panel select{min-width:0;padding:9px 10px;font-size:13px}.staff-desktop-table{display:none}.staff-mobile-list{display:grid;gap:9px}.staff-mobile-card{min-width:0;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.staff-mobile-card.left{border-color:#efd6d6;background:#fff8f8}.staff-mobile-card.incomplete{border-color:#e3bd67;background:#fff8df;box-shadow:inset 4px 0 #d49a22}.staff-mobile-card.left.incomplete{background:#fff1dd}.staff-mobile-card.hidden{border-color:#aebbb5;background:#edf1ef;opacity:.86}.staff-mobile-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--line);flex-wrap:wrap}.staff-mobile-head>label{min-width:0;display:flex;align-items:center;gap:8px}.staff-mobile-head input{width:18px;height:18px;flex:0 0 18px;padding:0;accent-color:var(--green-800)}.staff-mobile-head span,.staff-mobile-head strong,.staff-mobile-head small{min-width:0;display:block}.staff-mobile-head strong{color:var(--green-950);font-size:13px}.staff-mobile-head small{max-width:180px;margin-top:2px;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-mobile-head .list-actions{max-width:100%;display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap;margin-left:auto}.staff-mobile-head button{display:inline-flex;align-items:center;gap:4px;padding:5px;font-size:10px;white-space:nowrap}.staff-mobile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding-top:9px}.staff-mobile-fields label{min-width:0;display:grid;gap:4px;color:#68746d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.staff-mobile-fields .span-2{grid-column:1 / -1}.staff-mobile-fields select,.staff-mobile-fields input[type=date]{min-width:0;width:100%;padding:8px 6px;border-radius:8px;font-size:10px;text-transform:none;letter-spacing:0}.staff-mobile-fields .staff-lock-field{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;gap:7px;padding-top:3px}.staff-lock-field input{width:17px;height:17px;padding:0;accent-color:var(--green-800)}.rules-page{gap:12px}.rules-heading{align-items:flex-end}.rules-heading .page-subtitle{display:none}.rules-heading .eyebrow{font-size:8px}.rules-heading .page-title{font-size:31px}.rules-heading .secondary-button{font-size:10px}.rules-metrics{grid-template-columns:1fr 1fr}.rules-metrics .metric-small-value{max-width:108px;font-size:9px}.daily-quota-panel{padding:12px 10px;gap:9px}.daily-quota-panel .panel-title-row h2{font-size:15px}.daily-quota-panel .panel-title-row p{font-size:9px}.daily-quota-table th,.daily-quota-table td{padding:7px 4px;font-size:9px}.daily-quota-table input{width:54px;padding:6px 3px;font-size:10px}.daily-quota-footer{align-items:stretch;flex-direction:column}.daily-quota-footer>span{font-size:8px}.daily-quota-footer button{width:100%;font-size:10px}.rules-control-panel{padding:10px;gap:9px}.rules-toolbar{grid-template-columns:minmax(0,1fr);gap:7px}.rules-search input{padding-left:34px}.rules-add-column,.rules-delete-column{grid-template-columns:minmax(0,1fr) auto}.rules-toolbar input,.rules-toolbar select{min-width:0;padding:9px 8px;font-size:11px}.rules-toolbar button{padding:9px 7px;font-size:9px}.rules-actionbar{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rules-actionbar button{width:100%;min-width:0;margin:0!important;padding:9px 5px;font-size:9px;white-space:nowrap}.rules-actionbar .rules-delete-rows{grid-column:1 / -1}.rules-view-note{font-size:9px;line-height:1.35}.rules-notice{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:10px;font-size:10px}.rules-notice strong{grid-column:1;font-size:8px}.rules-notice span{grid-column:1;overflow-wrap:anywhere}.rules-notice button{grid-column:2;grid-row:1 / 3}.rules-grid-panel{padding:13px 10px}.rules-grid-panel .panel-title-row{align-items:flex-start}.rules-grid-panel .panel-title-row h2{font-size:15px}.rules-grid-panel .panel-title-row p{font-size:9px}.rules-desktop-table{display:none}.rules-mobile-list{display:grid;gap:9px}.rules-mobile-card{min-width:0;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.rules-mobile-head{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.rules-mobile-head>input{width:18px;height:18px;padding:0;accent-color:var(--green-800)}.rules-mobile-head div,.rules-mobile-head span,.rules-mobile-head strong,.rules-mobile-head small{min-width:0;display:block}.rules-mobile-head span{color:#8b6b33;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.rules-mobile-head strong{margin-top:2px;color:var(--green-950);font-size:12px;overflow-wrap:anywhere}.rules-mobile-head small{margin-top:2px;color:var(--muted);font-size:9px}.rules-mobile-head button{padding:5px;font-size:9px;white-space:nowrap}.rules-mobile-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.rules-mobile-summary strong{color:var(--green-950)}.rules-mobile-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.rules-mobile-fields label{min-width:0;display:grid;gap:4px;color:#68746d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.rules-mobile-fields textarea{min-width:0;width:100%;resize:vertical;padding:8px;border-radius:8px;font-size:11px;line-height:1.35;text-transform:none;letter-spacing:0}.rules-mobile-fields label>span{display:block;padding:7px 8px;border-radius:8px;color:var(--ink);background:#f2f5f3;font-size:10px;line-height:1.35;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}.feature-page{gap:12px}.page-heading{align-items:flex-end;gap:8px}.page-heading h1{font-size:29px}.page-heading p{display:none}.page-heading .secondary-button{padding:8px;font-size:9px;white-space:nowrap}.profile-panel,.android-push-panel,.permission-target-panel,.permission-group,.data-toolbar{min-width:0;padding:12px 10px;overflow:hidden}.profile-form,.profile-password-grid{grid-template-columns:minmax(0,1fr)}.profile-form .wide-field{grid-column:auto}.profile-form input,.profile-form select{min-width:0;padding:9px;font-size:12px}.android-push-panel{grid-template-columns:minmax(0,1fr)}.android-push-panel button{width:100%;font-size:10px}.permission-target-panel{grid-template-columns:minmax(0,1fr);align-items:stretch}.permission-scope-tabs{display:grid;grid-template-columns:1fr 1fr}.permission-scope-tabs button{min-width:0;padding:9px 5px;font-size:10px}.inherit-toggle{grid-column:auto}.permission-groups{grid-template-columns:minmax(0,1fr);gap:10px}.permission-group h2{font-size:14px}.sticky-save-bar button{width:100%}.data-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:7px}.data-toolbar label{min-width:0}.data-toolbar button{min-width:0;width:100%;padding:9px 5px;font-size:9px}.data-toolbar .search-field{grid-column:1 / -1}.storage-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-dates,.storage-actions-grid{grid-template-columns:minmax(0,1fr)}.storage-action-card{padding:13px 10px}.metric-grid.small{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.metric-grid.small .metric-card{min-width:0;padding:11px}.metric-grid.small .metric-card span{font-size:9px}.metric-grid.small .metric-card strong{font-size:18px;overflow-wrap:anywhere}.responsive-data-table{overflow-x:auto}.responsive-data-table table{min-width:680px;font-size:10px}.responsive-data-table th{padding:7px 5px;font-size:7px}.responsive-data-table td{padding:8px 5px}.tour-table-panel{padding:10px 4px}.responsive-data-table.tour-table{overflow-x:hidden;scrollbar-gutter:auto}.responsive-data-table.tour-table table{width:100%;min-width:0;table-layout:fixed;font-size:clamp(6.5px,1.9vw,8px);line-height:1.15}.tour-table .tour-col-mobile-hidden{display:none}.responsive-data-table.tour-table th{padding:5px 1px;font-size:clamp(5.5px,1.65vw,7px);letter-spacing:-.02em;overflow-wrap:anywhere}.responsive-data-table.tour-table td{padding:6px 1px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.tour-table .tour-col-stt{width:6%;min-width:0;max-width:none}.tour-table .tour-col-employee{width:21%;min-width:0;max-width:none}.tour-table .tour-col-status{width:12%;min-width:0;max-width:none}.tour-table .tour-col-room{width:10%;min-width:0;max-width:none}.tour-table .tour-col-remaining{width:15%;min-width:0;max-width:none}.tour-table .tour-col-request{width:12%;min-width:0;max-width:none}.tour-table .tour-col-appointment{width:24%;min-width:0;max-width:none}.audit-list{padding:0 10px}.audit-list article{grid-template-columns:auto minmax(0,1fr);gap:7px}.audit-list time{grid-column:2}.birthday-notice{grid-template-columns:auto minmax(0,1fr) auto;padding:10px}.birthday-notice>button:first-of-type{display:none}.birthday-grid,.payroll-config-grid{grid-template-columns:minmax(0,1fr)}.payroll-obligation-form,.payroll-refund-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.payroll-obligation-form label:nth-of-type(4),.payroll-obligation-form button,.payroll-refund-form label:nth-of-type(4),.payroll-refund-form button{grid-column:1 / -1}.payroll-draft-panel .panel-title-row{display:grid}.payroll-draft-panel .list-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.payroll-draft-panel .list-actions button{width:100%;min-width:0;padding-inline:7px;font-size:9px}.payroll-draft-panel .list-actions button:last-child:nth-child(odd){grid-column:1 / -1}.payroll-draft-toolbar{display:grid;padding:10px}.payroll-draft-toolbar .list-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.payroll-draft-toolbar .list-actions button{width:100%;min-width:0;padding:8px 5px;font-size:8px}.payroll-calculate-panel>.data-toolbar>.payroll-file,.payroll-calculate-panel>.data-toolbar>.primary-button{grid-column:1 / -1}.payroll-file small{max-width:calc(100vw - 54px)}.payroll-select-all{width:100%;margin:0 0 9px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#f5f8f6;font-size:10px}.payroll-desktop-table,.payroll-history-desktop{display:none}.payroll-mobile-list{display:grid;gap:9px}.payroll-mobile-card{min-width:0;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.payroll-mobile-head{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid var(--line)}.payroll-mobile-head>div,.payroll-mobile-head>span,.payroll-mobile-person,.payroll-mobile-person>div{min-width:0}.payroll-mobile-person{display:flex;align-items:center;gap:8px}.payroll-mobile-person input{width:18px;height:18px;flex:0 0 18px;padding:0;accent-color:var(--green-800)}.payroll-mobile-head strong,.payroll-mobile-head small{display:block}.payroll-mobile-head>span{text-align:right}.payroll-mobile-head>span strong{margin-top:2px;color:var(--green-950);font-size:13px;white-space:nowrap}.payroll-mobile-head small{max-width:190px;margin-top:2px;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.payroll-mobile-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:9px 0}.payroll-mobile-summary span{min-width:0;display:grid;gap:2px;color:var(--muted);font-size:8px}.payroll-mobile-summary strong{color:#293e34;font-size:11px;overflow-wrap:anywhere}.payroll-mobile-details{border-top:1px solid var(--line)}.payroll-mobile-details summary{cursor:pointer;padding-top:9px;color:var(--green-800);font-size:10px;font-weight:900}.payroll-mobile-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-top:9px}.payroll-mobile-edit-grid label{min-width:0;display:grid;gap:4px;color:#68776f;font-size:8px;font-weight:800}.payroll-mobile-edit-grid input{min-width:0;padding:8px 6px;border-radius:8px;font-size:11px;text-align:right}.payroll-history-mobile{margin-top:10px}.payroll-mobile-period{display:block;padding-top:9px;color:#6c5630;font-size:10px}.payroll-history-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:0}}.vera-dropdown-search-line{position:relative;display:flex;align-items:center}.vera-dropdown-search-line input{width:100%;padding-right:68px!important}.vera-dropdown-search-line input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.vera-dropdown-search-line .vera-dropdown-clear{position:absolute;right:5px;min-height:34px;min-width:56px;padding:5px 8px;border:1px solid #cbdcd1;border-radius:6px;color:#174e3b;background:#edf5ee;font-weight:700;cursor:pointer}.vera-datetime-input{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.7fr);gap:8px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.vera-datetime-input>input,.vera-datetime-input>.vera-date-input{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.vera-date-input>input[type=text]{padding-right:40px!important}@media(max-width:700px){.vera-datetime-input{grid-template-columns:minmax(0,1fr)}.vera-datetime-input>input[type=time]{display:block}.vera-datetime-input>input[type=time]::-webkit-date-and-time-value{min-width:0}}.department-payroll-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.department-payroll-table table{width:max-content;min-width:100%;table-layout:auto;font-size:105.3px;line-height:1.3}.department-payroll-table th,.department-payroll-table td{min-width:0;padding:5px 2px;overflow-wrap:anywhere}.department-payroll-table th{font-size:97.2px;letter-spacing:.025em;white-space:normal}.department-payroll-table th:nth-child(n+5):nth-child(-n+8),.department-payroll-table td:nth-child(n+5):nth-child(-n+8){text-align:center}.department-payroll-table td>small{margin-top:2px;font-size:97.2px;line-height:1.3}.department-payroll-table .money-cell{min-width:0;white-space:nowrap}.department-payroll-table input:not([type=checkbox]){width:auto;min-width:6ch;box-sizing:content-box;font-variant-numeric:tabular-nums;padding:4px 2px;border-radius:6px;font-size:105.3px;text-align:right}.department-payroll-table input[type=checkbox]{width:130px;height:130px;max-width:100%;flex-shrink:0;padding:0}@media(max-width:820px){.department-payroll-table table{font-size:89.1px}.department-payroll-table th{padding:3px 1px;font-size:81px;letter-spacing:0}.department-payroll-table td{padding:3px 1px}.department-payroll-table td>small{font-size:81px}.department-payroll-table input:not([type=checkbox]){padding:3px 1px;font-size:89.1px}.department-payroll-table input[type=checkbox]{width:100px;height:100px}}.department-payroll-table th:nth-child(9),.department-payroll-table td:nth-child(9),.department-payroll-table th:nth-last-child(-n+2),.department-payroll-table td:nth-last-child(-n+2){text-align:center}.department-payroll-table th>*{white-space:normal;overflow-wrap:anywhere}.department-payroll-table .payroll-penalty-positive,.department-payroll-table .payroll-penalty-positive input{background:#fff0e8;color:#a12b1f}.department-payroll-table .payroll-penalty-positive input{border-color:#c55b48;font-weight:800}.department-payroll-table th:first-child,.department-payroll-table td:first-child{min-width:130px;text-align:center}.department-payroll-table td:nth-child(3){white-space:nowrap}.department-payroll-table .department-payroll-identity>*{white-space:nowrap}@media(max-width:820px){.department-payroll-table th:first-child,.department-payroll-table td:first-child{min-width:100px}}.department-payroll-identity{display:grid;gap:3px;line-height:1.35}.department-payroll-identity>*{display:block;min-width:0}.popup-notification-stack{position:fixed;z-index:20000;right:18px;top:18px;width:min(430px,calc(100vw - 24px));display:grid;gap:9px;pointer-events:none}.popup-notification{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;padding:12px 13px;border:1px solid #d1ddd6;border-left:5px solid #b17b13;border-radius:12px;background:#fff;color:#263c33;box-shadow:0 12px 35px #1632283d;pointer-events:auto}.popup-notification.success{border-left-color:#16824d}.popup-notification.error{border-left-color:#c3382c}.popup-notification svg{margin-top:1px}.popup-notification.success>svg{color:#16824d}.popup-notification.error>svg{color:#c3382c}.popup-notification.warning>svg{color:#9a690d}.popup-notification span{font-size:13px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}.popup-notification button{display:grid;place-items:center;border:0;padding:1px;color:#54675f;background:transparent;cursor:pointer}@media(max-width:700px){.popup-notification-stack{right:6px;top:6px;width:calc(100vw - 12px)}.popup-notification{padding:10px}}.popup-notification .popup-notification-open{display:grid;justify-items:start;gap:3px;text-align:left;font-size:13px;font-weight:750;line-height:1.4}.popup-notification-open small{color:#75847d;font-size:10px}.training-notification-modal{position:fixed;inset:0;z-index:21000;display:grid;place-items:center;padding:16px;background:#081812ad}.training-notification-dialog{width:min(620px,100%);max-height:90vh;overflow:auto;padding:20px;border-radius:18px;background:#fff;box-shadow:0 24px 70px #0000004d}.training-notification-dialog header{display:flex;align-items:start;justify-content:space-between;gap:12px;border-bottom:1px solid #dce5df}.training-notification-dialog h2{margin:4px 0 14px;color:#183d31}.training-notification-dialog header small{color:#9a7625;font-weight:900;letter-spacing:.08em}.training-notification-dialog header button{border:0;background:transparent;color:#476156}.training-notification-dialog dl{display:grid;gap:0;margin:15px 0}.training-notification-dialog dl>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #e6ece8}.training-notification-dialog dt{font-weight:850;color:#597067}.training-notification-dialog dd{margin:0;color:#183d31}@media(max-width:560px){.training-notification-dialog dl>div{grid-template-columns:1fr;gap:3px}}.training-notification-actions{display:flex;flex-wrap:wrap;gap:9px}.training-notification-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;padding:10px 14px;background:#194b38;color:#fff}.training-notification-actions .secondary-button{background:#e9f2e9;color:#214c38}.training-notification-dialog header button{border-radius:10px;background:#e9f2e9;color:#214c38}@media(max-width:600px){body :is(dialog,.modal-card,.modal-content,.live-tour-modal,.training-notification-dialog){box-sizing:border-box;max-width:calc(100vw - 20px);min-width:0;overflow-x:hidden}body :is(dialog,.modal-card,.modal-content,.live-tour-modal,.training-notification-dialog) :is(.table-wrap,.table-container,table){max-width:100%;min-width:0}body :is(dialog,.modal-card,.modal-content,.live-tour-modal,.training-notification-dialog) :is(button,[role=button]){border-radius:10px;background-color:#e9f2e9;color:#214c38}body :is(dialog,.modal-card,.modal-content,.live-tour-modal,.training-notification-dialog) :is(.primary-button,.training-notification-actions .primary-button){background-color:#194b38;color:#fff}body :is(dialog,.modal-card,.modal-content,.live-tour-modal,.training-notification-dialog) .danger-button{background-color:#fff0ef;color:#922b34}.training-notification-dialog{width:100%;padding:16px;overflow-y:auto}.training-notification-actions button{flex:1 1 auto}}.staff-heading-search{display:grid;gap:4px;margin-top:7px;max-width:340px;font-size:12px;font-weight:700;color:#244a38}.staff-heading-search input{width:100%;min-height:36px;padding:7px 10px;border-radius:9px;background:#fff}.staff-visibility-group{display:flex;align-items:center;gap:6px;min-width:0}.staff-visibility-group select{flex:1;min-width:0}.staff-visibility-group button{flex:none;white-space:nowrap;font-size:11px;padding:9px 7px}.staff-face-switch{display:flex;align-items:center;gap:9px;margin:10px 0;padding:10px 13px;border:1px solid #a2c6ad;border-radius:12px;background:#eff8f1;color:#205038;font-weight:700}.staff-face-switch input{width:19px;height:19px;accent-color:#287653}.staff-face-missing{display:inline-block;margin:2px 4px;padding:2px 7px;border-radius:8px;background:#ffe7c7;color:#823d0b;font-weight:800}@media(max-width:600px){.staff-visibility-group{grid-column:1/-1}.staff-visibility-group button{max-width:45%;white-space:normal}.topbar-actions .topbar-open-tab-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.topbar-actions .topbar-open-tab-button span:not(.notification-unread-dot){display:none}}.approved-leave-filters{display:grid;gap:9px;margin:12px 0}.approved-leave-search{display:grid;gap:5px;max-width:440px;color:#4b5b53;font-size:11px;font-weight:800}.approved-leave-search input{width:100%;min-width:0;min-height:40px}.approved-leave-filter-buttons{display:flex;flex-wrap:wrap;gap:7px}.approved-leave-filter-buttons button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #799688;border-radius:10px;padding:7px 10px;color:#244b3c;background:#fff;font-size:11px;font-weight:800}.approved-leave-filter-buttons button.active{border-color:var(--green-800);color:#fff;background:var(--green-800)}.approved-leave-filter-buttons button span{min-width:20px;padding:2px 5px;border-radius:999px;color:inherit;background:#7f968a2e;font-size:9px;text-align:center}.approved-leave-filter-buttons button.active span{background:#fff3}.approved-leave-status{display:inline-flex;align-items:center;width:fit-content;border:1px solid #d4ded8;border-radius:999px;padding:4px 8px;color:#46564e;background:#f2f5f3;font-size:10px;font-weight:800;white-space:nowrap}.approved-leave-status.active{border-color:#c1dfce;color:#24613d;background:#e8f5ec}.approved-leave-status.waiting{border-color:#ead9a9;color:#765c16;background:#fff7df}.approved-leave-status.completed{border-color:#d5dce0;color:#52616a;background:#edf1f3}.approved-leave-status.resignation,.request-type-chip.resignation{border-color:#e5c7c7;color:#812f2f;background:#fff0f0}@media(max-width:700px){.approved-leave-filters{gap:7px;margin:9px 0}.approved-leave-search{max-width:none;font-size:9px}.approved-leave-search input{min-height:38px;padding:8px;font-size:11px}.approved-leave-filter-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.approved-leave-filter-buttons button{min-width:0;min-height:35px;padding:6px 5px;font-size:9px}.approved-leave-filter-buttons button span{min-width:17px;font-size:8px}.approved-leave-status{margin-top:7px;padding:3px 6px;font-size:8px;white-space:normal}}@media(max-width:760px){.leave-date-input-group{min-width:0;max-width:100%;gap:6px}.leave-date-input-group .date-input-label{font-size:11px;line-height:1.4}.leave-date-input-group .vera-date-input{min-height:50px}.leave-date-input-group .vera-date-input>input[type=text]{min-height:50px;font-size:16px;font-weight:700;padding:10px 56px 10px 12px!important;border-radius:10px;font-variant-numeric:tabular-nums}.leave-date-input-group .vera-date-input>.vera-date-picker-button{top:3px;right:3px;width:44px;height:44px;min-height:44px;padding:0;transform:none!important;color:#fff;background:var(--green-800)}.leave-date-input-group .vera-date-picker-button svg{width:20px;height:20px}.leave-date-input-group .vera-date-input>.vera-native-date-picker{top:3px;right:3px;width:44px!important;height:44px!important;transform:none}}@media(max-width:760px){.long-leave-form .long-leave-date-field{grid-column:1 / -1}}.department-payroll-table th:last-child,.department-payroll-table td:last-child{min-width:15ch;padding-inline:24px;text-align:center}.department-payroll-table td:last-child>strong{display:inline-block;white-space:nowrap}.department-payroll-table-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.department-payroll-table-search{display:grid;gap:5px;flex:1 1 280px;min-width:0;margin-right:auto}.department-payroll-table-search input{width:100%;min-width:0}@media(max-width:820px){.department-payroll-table-search{flex-basis:100%}}.department-payroll-table input[type=checkbox]{appearance:none;box-sizing:border-box;border:3px solid #214f3b;border-radius:8px;background-color:#fff;cursor:pointer}.department-payroll-table input[type=checkbox]:checked{background-color:#214f3b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l4 4L19 6' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:75%;background-position:center;background-repeat:no-repeat}.department-payroll-table input[type=checkbox]:focus-visible{outline:3px solid #bc8b2c;outline-offset:3px}@media(forced-colors:active){.department-payroll-table input[type=checkbox]{appearance:auto}}.department-payroll-filter-fields{display:flex;align-items:end;gap:10px;flex:1 1 100%;min-width:0}.department-payroll-filter-fields .department-payroll-table-search{flex:1 1 220px;margin-right:0}.department-payroll-filter-fields .department-payroll-department-filter{display:grid;gap:5px;flex:0 1 240px;min-width:120px}.department-payroll-filter-fields select{width:100%}.schedule-violation-title,.schedule-violation-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}.schedule-violation-filters{justify-content:flex-start;align-items:end;margin:12px 0}.schedule-violations label,.schedule-violation-dialog label{display:grid;gap:5px}.schedule-violations small{display:block}.schedule-violation-dialog{width:min(850px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:24px;border:2px solid #b7cabb;border-radius:16px;background:#fffaf0;color:#234536}.schedule-violation-dialog::backdrop{background:#00000073}.schedule-violation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.schedule-violation-dialog input,.schedule-violation-dialog select{width:100%;min-width:0}@media(max-width:600px){.schedule-violation-form{grid-template-columns:1fr}.department-payroll-filter-fields .department-payroll-table-search{flex-basis:55%}.department-payroll-filter-fields .department-payroll-department-filter{flex-basis:40%;min-width:0}.schedule-violation-filters label{flex:1 1 140px}}.department-payroll-share-dialog{width:min(520px,calc(100vw - 24px));padding:24px;border:2px solid #b7cabb;border-radius:16px;background:#fffaf0;color:#234536}.department-payroll-share-dialog::backdrop{background:#00000073}.department-payroll-share-dialog h3{margin:0 0 18px}.department-payroll-share-dialog .department-payroll-share-options{display:flex;gap:10px;flex-wrap:wrap}.schedule-violation-launch{margin:12px 0}.schedule-violation-row-actions{display:flex;gap:8px}body .department-payroll-page .department-payroll-table :is(th,td).payroll-hours-column{width:6ch;min-width:6ch;max-width:6ch;white-space:normal!important;overflow-wrap:anywhere;text-align:center}body .date-search-toolbar{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px;min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overscroll-behavior-x:contain}body .date-search-toolbar>button{flex:0 0 auto;white-space:nowrap;grid-column:auto!important}body .date-search-toolbar>.date-search-field{display:flex;flex:0 0 190px;align-items:center;gap:6px;min-width:0;margin:0;font-weight:700;white-space:nowrap}body .date-search-field>.vera-date-input{min-width:0;flex:1}body .date-search-field input[type=text]{height:40px;min-width:0;width:100%;box-sizing:border-box;margin:0;font-size:14px;padding:6px 38px 6px 8px!important}body .date-search-field .vera-date-picker-button{padding:0}@media(max-width:680px){body .date-search-toolbar{gap:5px}body .date-search-toolbar>button{font-size:12px;padding:7px 9px}body .date-search-toolbar>.date-search-field{flex-basis:170px}}.staff-page .staff-readable-name{color:var(--green-950);font-size:18px;font-weight:800;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.staff-page .staff-mobile-head>label{width:100%;align-items:flex-start}.staff-page .staff-mobile-head strong.staff-readable-name{font-size:20px}.staff-page .staff-mobile-head small{max-width:none;color:var(--green-950);font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.topbar .topbar-brand-home{display:block;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none;transform:none}.topbar-brand-home>span{display:block}.topbar-brand-home:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.topbar .topbar-brand-home:disabled{cursor:default;opacity:1}.vera-searchable-dropdown{position:fixed;z-index:40000;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;padding:8px;border:1px solid #b6cec0;border-radius:12px;background:#fff;color:#173d2d;box-shadow:0 12px 36px #153f2d30}.vera-searchable-dropdown>input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;flex-shrink:0;padding:10px 12px;border:1px solid #b6cec0;border-radius:8px;background:#fff;color:#173d2d;font:inherit;font-size:16px}.vera-searchable-dropdown>input:focus{outline:2px solid #247951;outline-offset:1px}.vera-searchable-dropdown-options{min-height:0;overflow-y:auto;overscroll-behavior:contain}.vera-searchable-dropdown-options>button{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.vera-searchable-dropdown-options>button:hover,.vera-searchable-dropdown-options>button.highlighted{background:#e8f3ed}.vera-searchable-dropdown-options>button[aria-selected=true]{font-weight:700}.vera-searchable-dropdown-options>button:disabled{opacity:.45;cursor:not-allowed}.vera-searchable-dropdown-options>p{margin:0;padding:12px;font-size:14px}@media(pointer:coarse),(max-width:820px){.vera-searchable-dropdown{border-width:2px;padding:8px;gap:6px}.vera-searchable-dropdown .vera-dropdown-search-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;flex:0 0 auto}.vera-searchable-dropdown .vera-dropdown-search-line>input{width:100%;min-width:0;min-height:46px;font-size:16px!important;font-weight:700}.vera-searchable-dropdown-options{min-height:88px}html body input:not([type=checkbox]):not([type=radio]):not([type=range]),html body select,html body textarea,html body #root input:not([type=checkbox]):not([type=radio]):not([type=range]),html body #root select,html body #root textarea{font-size:16px!important}html body input:is([type=search],[role=combobox],[list]),html body select{min-height:40px;line-height:1.25}}.vera-searchable-dropdown{overflow:hidden;overflow-anchor:none}.vera-searchable-dropdown-options{flex:1;scrollbar-gutter:stable}.vera-dropdown-clear{transition:none}.revenue-page .page-heading .revenue-source,.revenue-page .revenue-tip-editor>small,.revenue-page>.revenue-formula,.revenue-page>.revenue-meta,.revenue-page .reconcile-head p,.revenue-page .reconcile-panel>.revenue-meta:has(strong),.attendance-page .page-heading p{display:none!important}@media screen{:root{--line: #789785;--control-border: #37634f;--table-border: #587561;--table-header-border: #264f3c}body :is(.panel,.card,.login-card,.modal-card,.modal-content,.live-tour-modal,.identity-editor-card,.identity-camera-card,.employee-media-draft,.identity-editor-section,.tour-booking-combo){border:2px solid #46765f;box-shadow:0 5px 18px #18432f1f}body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),textarea,select){box-sizing:border-box;border:2px solid var(--control-border);transition:border-color .15s ease,box-shadow .15s ease}body :is(input,textarea,select):hover:not(:disabled){border-color:#225e45}body :is(input,textarea,select):focus-visible{border-color:#96701f;outline:2px solid #d5ae50;outline-offset:2px;box-shadow:0 0 0 4px #d5ae5029}body :is(input,textarea,select)[aria-invalid=true]{border-color:#bc3434}body :is(input,textarea,select):disabled{border-color:#8d9d95}body :is(fieldset,.table-wrap,.table-container,.tour-booking-row,.schedule-scroll,.staff-desktop-table,.rules-desktop-table,.daily-quota-table-wrap,.responsive-data-table){box-sizing:border-box;border:2px solid var(--control-border)!important}body :is(table,[role=table],[role=grid]){border:2px solid var(--table-header-border)!important}body :is(th,td,[role=columnheader],[role=rowheader],[role=gridcell]){border:2px solid var(--table-border)!important}body :is(thead th,thead td,[role=columnheader]){border-color:var(--table-header-border)!important}body :is(tfoot th,tfoot td){border-top-color:var(--table-header-border)!important}body .tour-table tr.tour-row-before-shift td.tour-col-employee{border-left:3px solid #087bbd!important}body :is(.page-heading,.schedule-head,.live-tour-modal-head,.staff-heading,.rules-heading,.shift-editor-head,.combo-sale-head,.payroll-personal-heading,.payroll-personal-section-title,.long-leave-admin-heading,.tour-room-panel-head,.spa-card-heading,.spa-editor-heading,.leave-list-personal-summary-head){border-bottom:2px solid var(--control-border)!important;padding-bottom:8px}body :is(.tour-search-popup,[role=listbox],.searchable-dropdown-menu){border:2px solid #2d6e52;box-shadow:0 8px 24px #14362638}body :is(button,[role=button],input[type=button],input[type=submit],input[type=reset],a.primary-button,a.secondary-button,a.danger-button){box-sizing:border-box;border:var(--vera-button-border-width, 2px) solid var(--vera-button-border, var(--control-border))!important}body .primary-button{--vera-button-border: #123d2b}body :is(.danger-button,.combo-delete,.danger-zone button){--vera-button-border: #a62f35}body :is(.sidebar,.mobile-nav) :is(button,[role=button]){--vera-button-border: #83b19a}body :is(.tour-room-card,.tour-room-segment-button).standard{--vera-button-border: #176b89}body .tour-room-card{--vera-button-border: var(--room-border, #176b89)}body .tour-room-card.vip{--vera-button-border-width: 3px}body .tour-room-segment-button.vip{--vera-button-border: #8b641b}body :is(button:disabled,button.disabled,[role=button][aria-disabled=true]){opacity:.72!important}body :is(.search-clear-button,.vera-dropdown-clear){transition:none!important}}@media print{body :is(table,th,td):not(.tour-receipt *){border:1.5pt solid #587561!important}body thead :is(th,td):not(.tour-receipt *){border-color:#264f3c!important}}@media(prefers-reduced-motion:reduce){body :is(input,textarea,select){transition:none}}body .page-heading{padding:8px 0;margin:0 0 12px;min-height:0;gap:10px;align-items:center;flex-wrap:wrap}body .page-heading h1{font-size:clamp(24px,3vw,32px);line-height:1.15;margin:2px 0}body .page-heading p{margin:4px 0 0;font-size:12px;line-height:1.35}body .page-heading .eyebrow{font-size:10px}.live-tour-page .tour-payment-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.live-tour-page .tour-payment-settings>h3,.live-tour-page .tour-payment-settings>fieldset,.live-tour-page .tour-payment-settings>strong,.live-tour-page .tour-payment-settings>.live-tour-card-actions{grid-column:1/-1}.live-tour-page .tour-payment-settings fieldset,.tour-partial-leave-settings fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;padding:12px}.live-tour-page .tour-payment-settings fieldset>p,.live-tour-page .tour-payment-settings fieldset>small,.tour-partial-leave-settings fieldset>p{grid-column:1/-1;margin:0}.live-tour-page .tour-payment-settings label,.tour-partial-leave-settings label{display:grid;gap:5px;min-width:0}.live-tour-page .tour-payment-settings input:not([type=checkbox]),.tour-partial-leave-settings input{width:100%;min-width:0;box-sizing:border-box}.live-tour-page .tour-payment-settings .live-tour-check-field{display:flex;align-items:center}.tour-partial-leave-settings summary{cursor:pointer;font-weight:700}.tour-partial-leave-settings form{margin-top:12px}@media(max-width:700px){.live-tour-page .tour-payment-settings,.live-tour-page .tour-payment-settings fieldset,.tour-partial-leave-settings fieldset{grid-template-columns:minmax(0,1fr)}.live-tour-page .tour-payment-setting-row{min-width:0}}body button.date-link,body button.employee-highlight-button{border:0!important}body :is(.date-link,.date-toolbar button,.date-picker-control,.vera-date-picker-button){transition:none!important}body :is(.date-link,.date-toolbar button,.date-picker-control):hover,body :is(.date-link,.date-toolbar button,.date-picker-control):active{transform:none!important;filter:none!important}body .vera-date-picker-button:hover,body .vera-date-picker-button:active{transform:translateY(-50%)!important;filter:none!important;color:var(--green-800)!important;background:#edf4f0!important}body .date-link:hover{color:#203c31!important}body .date-toolbar button:hover{background:#f2f5f3}body .main-area,body .feature-page,body .panel,body .responsive-data-table{min-width:0;max-width:100%;box-sizing:border-box}body .department-payroll-table{max-height:none;overflow-x:auto}body .department-payroll-table table{display:table}body .department-payroll-table thead{display:table-header-group}body .department-payroll-table tbody{display:table-row-group}body .department-payroll-table tr{display:table-row}body .department-payroll-table td{display:table-cell}body .department-payroll-table td:before{content:none}body .department-payroll-table input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box}body .department-payroll-table input[type=checkbox]{align-self:flex-start}@media(max-width:760px){body .feature-page{padding-inline:10px}body .feature-page :where(section,article,form,fieldset,label,header,div){min-width:0;max-width:100%;box-sizing:border-box}body .feature-page :where(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}body .feature-page :where(h1,h2,h3,p,strong,span,button){overflow-wrap:anywhere}body .feature-page :where(.list-actions,.panel-title-row,.data-toolbar,.page-heading){flex-wrap:wrap}body .feature-page :where(.responsive-data-table,.table-scroll,.report-scroll){overflow-x:auto;width:100%}body .department-payroll-table{overflow-x:auto}body .department-payroll-actions{position:static;flex-wrap:wrap}}@media screen and (max-width:820px){body .department-payroll-table{overflow-x:auto;overscroll-behavior-x:contain}body .department-payroll-table input.payroll-money-input{border:0!important;border-radius:0;box-shadow:none;background:transparent}body .department-payroll-table input.payroll-money-input:focus-visible{outline:2px solid #96701f;outline-offset:-2px}}body .live-tour-page .tour-table table{border:2px solid #264f3c!important}body .live-tour-page .tour-table tbody,body .live-tour-page .tour-table tbody tr,body .live-tour-page .tour-table tr.tour-row-before-shift td.tour-col-employee,body .live-tour-page .tour-table tbody tr>:is(td,th){border:0!important}body .live-tour-page .tour-table thead :is(th,td){border:2px solid #264f3c!important}.staff-shift-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}.staff-shift-summary .metric-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid #386452}.staff-shift-summary .shift-2{background:#fff8e7;border-color:#a77b25}.staff-shift-summary strong{font-size:1.7rem}.autosave-fields{display:contents}@media(max-width:900px){.staff-shift-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.staff-shift-summary{gap:6px}.staff-shift-summary .metric-card{padding:10px;font-size:.8rem}}.live-tour-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}.staff-page .staff-metrics{gap:10px}.staff-page .staff-metrics .metric-card{min-height:64px;padding:10px 14px;gap:10px}.staff-page .staff-metrics .metric-icon{width:32px;height:32px}.staff-page .staff-metrics strong{font-size:24px;line-height:1.1}.staff-page .staff-shift-summary{gap:8px;margin:10px 0}.staff-page .staff-shift-summary .metric-card{min-height:60px;padding:8px 12px;gap:3px}.staff-page .staff-shift-summary strong{font-size:22px;line-height:1.1}.staff-page .staff-shift-summary span{font-size:12px;line-height:1.25}.staff-page .staff-toolbar{grid-template-columns:minmax(180px,1.35fr) repeat(3,minmax(120px,1fr)) minmax(265px,1.5fr);align-items:center}.staff-page .staff-toolbar select{width:100%;min-width:0}.staff-page .staff-face-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.staff-page .staff-face-actions button{width:100%;min-width:0;min-height:38px;padding:8px 12px;white-space:normal;overflow-wrap:anywhere;justify-content:center}.staff-page .staff-visibility-group select{flex:1 1 155px}.staff-page .staff-visibility-group button{min-height:38px;padding:7px 10px;font-size:12px}.staff-page .staff-actionbar{justify-content:flex-start;gap:8px}.staff-page .staff-actionbar button{flex:0 1 auto;min-height:38px;padding:8px 12px;white-space:normal}.staff-page .staff-actionbar .danger-button{margin-left:0}.staff-page .staff-heading-search{width:min(340px,100%);max-width:100%}.staff-page .staff-list-selection-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px}.staff-page .staff-list-selection-actions button{width:100%;min-height:38px;padding:7px 10px;font-size:12px;line-height:1.35;white-space:normal;justify-content:center}@media(max-width:1100px){.staff-page .staff-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-page .staff-face-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-page .staff-face-actions button:last-child{grid-column:1/-1}}@media(max-width:600px){.staff-page .staff-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-page .staff-employee-name-filter{grid-column:1/-1}.staff-page .staff-actionbar,.staff-page .staff-list-selection-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-page .staff-actionbar button{font-size:12px;padding:8px 6px}.staff-page .staff-metrics .metric-card{min-height:58px;padding:8px 10px}}.employee-navigation-dialog{width:min(430px,calc(100vw - 32px));padding:20px;display:grid;gap:14px}.employee-navigation-dialog h2{margin:0;font-size:19px}.employee-navigation-dialog p{margin:0;line-height:1.5}.employee-navigation-error{color:var(--danger)}.employee-navigation-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.employee-navigation-actions button{min-height:40px}@media(max-width:600px){.employee-navigation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.employee-navigation-actions button:first-child{grid-column:1/-1}}@media screen and (max-width:820px){body .department-payroll-table table{width:1600px;min-width:1600px;table-layout:fixed;font-size:12px;line-height:1.3}body .department-payroll-table th{font-size:11px;letter-spacing:0;padding:8px 5px}body .department-payroll-table td{padding:6px 5px}body .department-payroll-table td>small{font-size:10px;line-height:1.3}body .department-payroll-table .money-cell{white-space:nowrap;font-variant-numeric:tabular-nums}body .department-payroll-table input.payroll-money-input{font-size:12px;line-height:1.3;padding:6px 1px;min-height:32px;font-variant-numeric:tabular-nums}body .department-payroll-table input[type=checkbox]{width:16px;height:16px}}.staff-tools{min-width:0;border:2px solid #3c6955;border-radius:14px;overflow:hidden}.staff-tools>summary{cursor:pointer;padding:12px 14px;font-weight:800}.staff-tools>summary:focus-visible{outline:3px solid #8bb49c;outline-offset:-3px}.staff-tools[open]>summary{border-bottom:2px solid #3c6955}.staff-tools .staff-control-panel{border:0;border-radius:0;margin:0}.staff-page .staff-list-primary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.staff-page .staff-list-primary-actions button{width:100%;min-width:0;min-height:40px;white-space:normal;justify-content:center}.checkin-history-page .checkin-history-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;align-items:stretch}.checkin-history-page .checkin-history-actions button{width:100%;min-width:0;min-height:44px;padding:10px 8px;white-space:normal;overflow-wrap:anywhere;justify-content:center}.checkin-history-page .checkin-history-actions button span{min-width:0}.checkin-history-page .checkin-history-actions button svg{flex-shrink:0}@media(max-width:480px){.checkin-history-page .checkin-history-actions{gap:6px}.checkin-history-page .checkin-history-actions button{flex-direction:column;gap:4px;padding:8px 4px;font-size:12px;line-height:1.3}}.online-booking-page{min-width:0;width:100%;box-sizing:border-box}.online-booking-page .online-booking-actions>*{max-width:100%;min-width:0}body .online-booking-page .online-booking-periods{display:grid!important;grid-template-columns:minmax(190px,1.6fr) repeat(6,minmax(0,1fr));flex-wrap:wrap!important;gap:8px;margin:12px 0;padding:10px;border:1px solid #839b8e;border-radius:18px;background:#f5f8f6;min-width:0;overflow:visible;overscroll-behavior:auto;align-items:center}body .online-booking-page .online-booking-periods>button{--vera-button-border:#386452;--vera-button-border-width:2px;width:100%;min-width:0;min-height:44px;padding:10px 6px;border:2px solid #386452;border-radius:14px;background:#edf3ef;color:#35483e;font-weight:800;line-height:1.2;white-space:normal;overflow-wrap:anywhere;text-align:center;justify-content:center;transform:none;transition:none}body .online-booking-page .online-booking-periods>.date-search-field{width:100%;max-width:100%;min-width:0;flex-basis:auto}body .online-booking-page .online-booking-periods .vera-date-input{width:100%;min-width:0}body .online-booking-page .online-booking-periods .vera-date-picker-button{width:36px;min-width:36px;min-height:0;height:calc(100% - 6px);padding:0;border-radius:8px}body .online-booking-page .online-booking-periods .vera-native-date-picker{width:36px!important}@media(max-width:1000px){body .online-booking-page .online-booking-periods{grid-template-columns:repeat(3,minmax(0,1fr))}body .online-booking-page .online-booking-periods>.date-search-field{grid-column:1/-1;max-width:360px}}body .online-booking-page .online-booking-periods button[aria-pressed=true]{background:#204c3e;color:#fff;box-shadow:0 2px 5px #204c3e26}body .online-booking-page .online-booking-periods button:focus-visible{outline:2px solid #287950;outline-offset:2px}@media(max-width:700px){.online-booking-page .online-booking-periods{gap:4px;padding:5px;border-radius:13px}body .online-booking-page .online-booking-periods button{padding:8px 1px;border-radius:10px;font-size:clamp(10px,2.8vw,13px)}}.online-booking-page .online-booking-table{table-layout:fixed}.online-booking-page .online-booking-table :is(th,td){min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere}.online-booking-page .online-booking-table button{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}.online-booking-modal{width:min(680px,calc(100vw - 24px));min-width:0}.online-booking-modal .online-booking-card{margin:0;min-width:0;overflow-wrap:anywhere}.online-booking-modal .online-booking-detail-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;width:min(100%,420px);margin:12px 0 0 auto;align-items:stretch}.online-booking-modal .online-booking-detail-actions>button{width:100%;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;justify-content:center}@media(max-width:600px){.online-booking-modal .online-booking-detail-actions{width:100%;gap:6px}.online-booking-modal .online-booking-detail-actions>button{padding:8px 4px;font-size:12px;line-height:1.3}}@media(max-width:700px){.online-booking-page .online-booking-table-wrap{overflow:visible}.online-booking-page .online-booking-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.online-booking-page .online-booking-table :is(tbody,tr){display:block;width:100%}.online-booking-page .online-booking-table tr+tr{border-top:3px solid #315c4b}.online-booking-page .online-booking-table td{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr);gap:8px;width:100%;box-sizing:border-box;min-width:0;border:0;border-bottom:1px solid #9ab4a8}.online-booking-page .online-booking-table td:before{content:attr(data-label);font-weight:700;white-space:normal}.online-booking-page .online-booking-actions{align-items:stretch}.online-booking-page .online-booking-actions label{width:100%}}@media screen{body :is([role=dialog],[role=alertdialog],dialog,.modal-card,.modal-content,.live-tour-modal,.identity-editor-card,.identity-camera-card){--surface: #fff3c4;background:#fff3c4!important;color:#173e32}body :is([role=dialog],[role=alertdialog],dialog,.modal-card,.modal-content,.live-tour-modal,.identity-editor-card,.identity-camera-card) :is(.online-booking-card,.employee-create-header,.employee-create-actions){background:#fff3c4}body :is([role=dialog],[role=alertdialog],dialog,.modal-card,.modal-content,.live-tour-modal,.identity-editor-card,.identity-camera-card) button{background:#205440!important;color:#fff!important;border:2px solid #37634f;border-radius:12px!important;padding:8px 12px;white-space:normal;overflow-wrap:anywhere}body :is([role=dialog],[role=alertdialog],dialog,.modal-card,.modal-content) button:disabled{opacity:.5;cursor:not-allowed}body :is([role=dialog],[role=alertdialog],dialog,.modal-card,.modal-content) button:focus-visible{outline:3px solid #a36a00;outline-offset:3px}body :is([role=dialog],[role=alertdialog],dialog,.modal-card,.modal-content) button:is(.danger-button,.danger,[data-danger=true]){border-color:#b64343}body :is([role=dialog],[role=alertdialog],dialog) button:is([aria-pressed=true],[aria-selected=true]){box-shadow:inset 0 0 0 2px #f4d57c}}.upcoming-booking-modal{width:min(760px,calc(100vw - 24px));min-width:0;padding:18px;overflow:auto}.upcoming-booking-modal>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.upcoming-booking-modal h2{margin:0;min-width:0;overflow-wrap:anywhere}.upcoming-booking-modal button{min-width:0;max-width:100%;min-height:44px}.upcoming-booking-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;margin:16px 0}.upcoming-booking-modal>nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);text-align:center}.upcoming-booking-modal>nav>*{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.upcoming-booking-modal{box-sizing:border-box;max-width:100%;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.upcoming-booking-modal h2{font-size:20px}}.upcoming-booking-list{display:grid;gap:12px;min-width:0}.upcoming-booking-list>article{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:14px;border:2px solid #587561;border-radius:12px;overflow-wrap:anywhere}.upcoming-booking-list button{justify-self:start}.live-tour-page .tour-room-share-tools{flex-wrap:wrap;min-width:0;max-width:100%}@media(max-width:700px){.live-tour-page .tour-room-share-tools .upcoming-booking-button{grid-column:1 / -1}}.staff-page .staff-list-search{display:grid;grid-template-columns:minmax(0,340px);align-items:end;gap:12px;margin:8px 0 16px;min-width:0}.staff-page .staff-list-search .staff-heading-search{width:100%;max-width:none;margin:0}.staff-page .staff-list-search>*{min-width:0;max-width:100%}@media(max-width:600px){.staff-page .staff-list-search{grid-template-columns:minmax(0,1fr)}}@media screen{body .online-booking-popup{background:#fff3c4}body .online-booking-popup button{background:#205440;color:#fff;border-radius:12px}body .live-tour-page .tour-room-share-tools .upcoming-booking-button{background:#fff3c4;color:#173e32;border-color:#b59535}}.manual-booking-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.manual-booking-form>label{display:grid;gap:6px;min-width:0}.manual-booking-form :is(input,select,textarea){width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:10px;border-radius:10px}.manual-booking-form .wide{grid-column:1/-1}.manual-booking-form textarea{min-height:90px}@media(max-width:600px){.manual-booking-form{grid-template-columns:minmax(0,1fr)}}body .online-booking-page .online-booking-filters{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)) auto;gap:8px;width:100%;max-width:100%;min-width:0;margin:12px 0}body .online-booking-page .online-booking-filters>*{min-width:0;max-width:100%;box-sizing:border-box}body .online-booking-page .online-booking-filters :is(input,select){width:100%;min-width:0;max-width:100%;box-sizing:border-box}body .online-booking-page .online-booking-filter-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;min-width:0}body .online-booking-page .online-booking-filter-buttons button{width:100%;min-width:0;min-height:44px;padding:10px 6px;border:2px solid #386452;border-radius:14px;background:#205440;color:#fff;font-weight:800;line-height:1.2;white-space:normal;overflow-wrap:anywhere;justify-content:center;transform:none}body .online-booking-page .online-booking-filter-buttons button:is(:hover,:focus-visible,:active){background:#173e32;color:#fff}body .online-booking-page .online-booking-filter-buttons button:focus-visible{outline:3px solid #a36a00;outline-offset:2px}body .online-booking-page .online-booking-filter-buttons button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){body .online-booking-page .online-booking-filters{grid-template-columns:repeat(2,minmax(0,1fr))}body .online-booking-page .online-booking-filters>input,body .online-booking-page .online-booking-filter-buttons{grid-column:1/-1}body .online-booking-page .online-booking-filter-buttons{gap:4px;padding:0}body .online-booking-page .online-booking-filter-buttons button{padding:8px 1px;border-radius:10px;font-size:clamp(10px,2.8vw,13px)}}@media(max-width:600px){body .online-booking-page .online-booking-filters{gap:5px}body .online-booking-page .online-booking-filters :is(input,select){font-size:12px;padding:8px 4px}}body .live-tour-page .tour-room-share-tools .upcoming-booking-button,body .live-tour-page .tour-room-share-tools .upcoming-booking-button:is(:hover,:focus-visible,:active){background:#fff3c4!important;color:#173e32!important;border-color:#a07b22!important}body .live-tour-page .tour-room-share-tools .upcoming-booking-button span{color:inherit!important}body .live-tour-page .tour-room-share-tools .upcoming-booking-button:hover{background:#ffe89a!important}body .live-tour-page .tour-room-share-tools .upcoming-booking-button:focus-visible{outline:3px solid #205440;outline-offset:3px}body .report-date-buttons{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}body .report-date-buttons>button{min-width:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:8px 6px}body .report-date-buttons>button[aria-pressed=true]{background:#20533f!important;color:#fff!important}body .report-date-buttons>button:last-child:nth-child(9){grid-column:-3 / -1}body .report-date-preset{min-width:0;max-width:100%}body .report-date-preset input{min-width:0;width:100%;box-sizing:border-box}@media(max-width:1000px){body .report-date-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:420px){body .report-date-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}.leave-queue-policy-panel{min-width:0;overflow-wrap:anywhere}.leave-queue-policy-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.leave-queue-policy-panel fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:12px}.leave-queue-policy-panel fieldset label{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px}.leave-queue-policy-panel input[type=checkbox]{flex:0 0 20px;width:20px;height:20px}@media(max-width:640px){.leave-queue-policy-panel fieldset{grid-template-columns:minmax(0,1fr)}}body .attendance-workspace>.page-heading h1,body .attendance-page>.page-heading h1{font-family:Arial,Segoe UI,sans-serif!important;letter-spacing:normal!important;line-height:1.25;font-weight:800}.attendance-workspace{min-width:0;max-width:100%}.attendance-tab-actions{display:flex;align-items:center;gap:10px;margin:12px 0 18px}.attendance-tabs{display:flex;flex-wrap:nowrap;gap:10px;min-width:0}.attendance-refresh{flex:0 0 auto;min-height:44px;white-space:nowrap;margin-left:auto}.attendance-tabs>button{min-width:0;min-height:44px;padding:10px 16px;border:2px solid #386452;border-radius:12px;background:#edf3ef;color:#173e32;font-weight:700}.attendance-tabs>button[aria-selected=true]{background:#205440;color:#fff}.attendance-tabs>button:focus-visible{outline:3px solid #a36a00;outline-offset:2px}@media(max-width:640px){.attendance-tab-actions,.attendance-tabs{gap:5px}.attendance-tabs{flex:1}.attendance-tabs>button{flex:1;padding:8px 5px;font-size:11px}.attendance-refresh{padding:8px 5px;font-size:11px;gap:4px}}.leave-list-controls{display:contents}@media(min-width:901px){.leave-list-panel .leave-list-controls{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:9px 16px;margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#f7f9f8}.leave-list-controls>.list-filter-toolbar{display:contents}.leave-list-controls>.list-actions{grid-column:2;grid-row:1;min-width:0;margin:0;align-self:center}.leave-list-controls .list-range-buttons{grid-column:1;grid-row:1;min-width:0}.leave-list-controls .employee-search-field{grid-column:1;min-width:0}.leave-list-controls .list-custom-range,.leave-list-controls>.list-action-notice{grid-column:1 / -1;min-width:0}.leave-list-controls>.list-actions button{max-width:100%;white-space:normal}}.staff-page .staff-face-toolbar{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%}.staff-page .staff-face-toolbar .staff-face-actions{flex:3 1 560px;min-width:0;max-width:100%}.staff-page .staff-face-toolbar .staff-face-switch{flex:1 1 260px;margin:0 0 0 auto;min-width:0;max-width:100%;box-sizing:border-box}.staff-page .staff-face-toolbar .staff-face-switch input{flex:0 0 19px}.staff-page .staff-face-toolbar .staff-face-switch span{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.staff-page .staff-face-toolbar .staff-face-actions,.staff-page .staff-face-toolbar .staff-face-switch{flex-basis:100%;width:100%}}.staff-page .staff-list-action-rows{display:grid;gap:8px;margin:0 0 12px;padding:10px;border:2px solid #587561;border-radius:11px;background:#f7faf8}.staff-page .staff-list-selection-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border:0;background:transparent}.staff-page .staff-list-visibility-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.staff-page .staff-list-visibility-actions button{width:100%;min-width:0;min-height:44px;padding:7px 8px;font-size:12px;line-height:1.35;white-space:normal;justify-content:center}@media(max-width:760px){.staff-page .staff-list-visibility-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-page .staff-list-visibility-actions button:last-child{grid-column:1 / -1}}@media screen and (max-width:760px){body .payroll-page-enhanced .data-toolbar.payroll-period-controls{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:end;gap:12px;padding:0;margin:12px 0;overflow:visible}body .payroll-page-enhanced .data-toolbar.payroll-period-controls>label{display:grid;width:100%;min-width:0;gap:6px;font-size:12px}body .payroll-page-enhanced :is(.payroll-period-controls,.payroll-refund-form) :is(input,select){display:block;width:100%;min-width:0;max-width:100%;min-height:44px;margin:0;padding:10px;font-size:16px;box-sizing:border-box}body .payroll-page-enhanced .data-toolbar.payroll-period-controls input[type=month]{appearance:none;text-align:left}body .payroll-page-enhanced .data-toolbar.payroll-period-controls input[type=month]::-webkit-date-and-time-value{min-width:0;text-align:left}body .payroll-page-enhanced .data-toolbar.payroll-period-controls>button{grid-column:1 / -1;width:100%;min-height:44px}body .payroll-page-enhanced .payroll-draft-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}body .payroll-page-enhanced :is(.payroll-draft-toolbar .list-actions,.payroll-personal-heading-actions){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;width:100%;min-width:0;gap:8px}body .payroll-page-enhanced :is(.payroll-draft-toolbar .list-actions,.payroll-personal-heading-actions)>button{width:100%;min-width:0;min-height:44px;padding:10px 6px;justify-content:center;white-space:normal;font-size:13px;line-height:1.3}body .payroll-page-enhanced :is(.payroll-draft-toolbar .list-actions,.payroll-personal-heading-actions)>button svg{flex-shrink:0}body .payroll-page-enhanced .payroll-refund-form>label{min-width:0}body .payroll-page-enhanced .payroll-refund-form>label:nth-of-type(3){grid-column:1 / -1}body .payroll-page-enhanced .payroll-refund-form>button{min-height:44px}}@media screen and (max-width:480px){body .payroll-page-enhanced .data-toolbar.payroll-period-controls,body .payroll-page-enhanced .payroll-refund-form{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:360px){body .payroll-page-enhanced .payroll-draft-toolbar .list-actions{grid-template-columns:minmax(0,1fr)}}body .approved-request-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}body .approved-request-editor form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body .approved-request-editor label{display:grid;gap:6px;min-width:0}body .approved-request-editor textarea{min-height:90px}body .approved-request-editor .approved-request-actions{grid-column:1/-1}@media(max-width:680px){body .approved-request-editor form{grid-template-columns:minmax(0,1fr)}}body .payroll-page-enhanced>.payroll-submenu{order:-1;min-width:0;padding:14px;margin-bottom:16px;border:1px solid #9bb9aa;border-left:4px solid #1f513f;border-radius:12px;background:#f2f7f4}body .payroll-submenu-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#1f513f;font-size:15px}body .payroll-submenu .payroll-main-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}body .payroll-submenu .payroll-main-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #9bb9aa;border-radius:8px;background:#fff;color:#385348;text-align:left;white-space:normal;line-height:1.4;font-weight:600}body .payroll-submenu .payroll-main-tabs button svg{flex-shrink:0}body .payroll-submenu .payroll-main-tabs button:nth-child(1){--payroll-tab-bg:#dceee3;--payroll-tab-ink:#174b37}body .payroll-submenu .payroll-main-tabs button:nth-child(2){--payroll-tab-bg:#e0ecfa;--payroll-tab-ink:#214f7b}body .payroll-submenu .payroll-main-tabs button:nth-child(3){--payroll-tab-bg:#fff0cc;--payroll-tab-ink:#795312}body .payroll-submenu .payroll-main-tabs button{background:var(--payroll-tab-bg);color:var(--payroll-tab-ink);border:2px solid var(--payroll-tab-ink);font-weight:700}body .payroll-submenu .payroll-main-tabs button[aria-selected=true]{background:var(--payroll-tab-ink);color:#fff;font-weight:800;box-shadow:inset 0 -4px #ffffff65}body .payroll-submenu .payroll-main-tabs button:focus-visible{outline:3px solid #c69831;outline-offset:3px}@media(max-width:600px){body .payroll-page-enhanced>.payroll-submenu{padding:10px}body .payroll-submenu .payroll-main-tabs{grid-template-columns:minmax(0,1fr)}}:where([class*=filter],.data-toolbar,.viewed-date-toolbar,.date-input-group,.reconcile-toolbar,.history-controls,.history-toolbar,.revenue-period,.storage-dates,.audit-custom-range,.attendance-date-custom,.payroll-search-toolbar,.auto-check-custom,.schedule-custom-range,.employee-id-actions) :is(input[value]:not([value=""]):not([data-filter-active=false] input):not([type=hidden]):not([type=checkbox]):not([type=radio]):not(.vera-native-date-picker),select:has(option:checked:not([value=""]):not([value=all]):not([value=All]):not([value="Tất cả"]))){background-color:#fff2bf!important;border-color:#b78019!important;color:#49330b}.leave-registration-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;width:100%;max-width:680px}body .leave-registration-tabs>button[role=tab]{--tab-ink: #184f3c;--tab-fill: #e0f1e8;--tab-accent: #24694e;--vera-button-border: var(--tab-accent);appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:10px 8px;border-radius:12px;background:var(--tab-fill)!important;color:var(--tab-ink)!important;-webkit-text-fill-color:currentColor;font:inherit;font-size:clamp(13px,2.8vw,15px);font-weight:800;line-height:1.3;white-space:nowrap;text-align:center;box-shadow:0 2px 5px #18432f14;transition:background-color .15s ease,box-shadow .15s ease}body .leave-registration-tabs>#leave-tab-statistics{--tab-ink: #174b66;--tab-fill: #e2eff8;--tab-accent: #1c5c7c}body .leave-registration-tabs>#leave-tab-list{--tab-ink: #66460c;--tab-fill: #fff0c9;--tab-accent: #805c16}body .leave-registration-tabs>button[aria-selected=true]{background:var(--tab-accent)!important;color:#fff!important;box-shadow:inset 0 -3px #ffffff59,0 3px 8px #18432f29}body .leave-registration-tabs>button:hover{transform:none;box-shadow:0 3px 8px #18432f2e}body .leave-registration-tabs>button:focus-visible{outline:3px solid #b78726;outline-offset:3px}.leave-tab-content{display:block}.leave-tab-content>[hidden]{display:none!important}.staff-page .staff-primary-actions,.staff-page .staff-list-action-rows{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;width:100%;max-width:100%;min-width:0;align-items:stretch}.staff-page .staff-primary-actions>.staff-face-toolbar,.staff-page .staff-primary-actions .staff-face-actions,.staff-page .staff-primary-actions>.staff-actionbar,.staff-page .staff-list-action-rows>.staff-list-selection-actions,.staff-page .staff-list-action-rows>.staff-list-visibility-actions{display:contents}.staff-page .staff-primary-actions button,.staff-page .staff-primary-actions .staff-face-switch,.staff-page .staff-list-action-rows button{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;padding:8px 5px;font-size:clamp(9px,.85vw,13px);white-space:normal;overflow-wrap:anywhere;justify-content:center;line-height:1.3}.staff-page .staff-primary-actions svg,.staff-page .staff-list-action-rows svg{flex-shrink:0;width:14px;height:14px}.staff-page .staff-primary-actions .staff-face-switch input{flex-shrink:0;width:16px;height:16px}.staff-page .staff-primary-actions{margin-block:10px}.staff-page .staff-list-action-rows{box-sizing:border-box}.employee-profile-modal.manual-online-booking-modal{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;max-width:calc(100vw - 24px);padding:16px;gap:12px}.manual-online-booking-modal>header{flex:0 0 auto}.manual-online-booking-modal .manual-booking-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:12px;margin:0}.manual-online-booking-modal .manual-booking-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.manual-online-booking-modal .manual-booking-fields>label{display:grid;gap:4px;min-width:0}.manual-online-booking-modal .manual-booking-fields>*{min-width:0;max-width:100%}.manual-online-booking-modal .manual-booking-fields>p{margin:0;overflow-wrap:anywhere}.manual-online-booking-modal .manual-booking-fields :is(input,select,textarea){display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;font-size:16px;line-height:1.25;padding:8px;min-height:44px}.manual-online-booking-modal input[type=time]{appearance:none;-webkit-appearance:none;overflow:hidden;text-align:left}.manual-online-booking-modal input[type=time]::-webkit-date-and-time-value{min-width:0;text-align:left}.manual-online-booking-modal .manual-booking-fields textarea{height:64px;min-height:64px;resize:vertical}.manual-online-booking-modal .manual-booking-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding-top:10px;border-top:1px solid #638775}.manual-online-booking-modal .manual-booking-actions>button{font-size:14px;padding:8px 12px;min-height:44px}.manual-online-booking-modal .manual-booking-actions>button[type=submit]{margin-left:auto}@media(max-width:640px){.employee-profile-modal.manual-online-booking-modal{width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);border-radius:12px;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));gap:8px}.manual-online-booking-modal h2{font-size:18px;line-height:1.2}.manual-online-booking-modal>header{gap:8px}.manual-online-booking-modal>header>button{font-size:14px;padding:8px 10px}.manual-online-booking-modal .manual-booking-form,.manual-online-booking-modal .manual-booking-fields{gap:8px}.manual-online-booking-modal .manual-booking-fields>label,.manual-online-booking-modal .live-tour-search-select>label{font-size:13px;line-height:1.2;margin:0 0 4px}.manual-online-booking-modal .manual-booking-fields>label{margin:0;gap:4px}.manual-online-booking-modal .clearable-search-input .search-clear-button{min-height:32px;font-size:12px;padding:4px 6px}.manual-online-booking-modal .manual-booking-actions{padding-top:8px}}body .department-payroll-page .responsive-data-table.department-config-table{--config-index-width:42px;--config-name-width:180px;position:relative;min-width:0;width:100%;max-width:100%;max-height:min(60dvh,560px)!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin}body .department-payroll-page .department-config-table table{border-collapse:separate!important;border-spacing:0;font-size:14px}body .department-payroll-page .department-config-table th{position:sticky;top:0;z-index:4;background:#e8f1ec}body .department-payroll-page .department-config-table :is(th,td).department-config-index-column{position:sticky;left:0;z-index:3;background:#fff;width:var(--config-index-width);min-width:var(--config-index-width);max-width:var(--config-index-width);box-sizing:border-box}body .department-payroll-page .department-config-table :is(th,td).department-config-name-column{position:sticky;left:var(--config-index-width);z-index:3;background:#fff;width:var(--config-name-width);min-width:var(--config-name-width);max-width:var(--config-name-width);box-sizing:border-box;white-space:normal!important;box-shadow:2px 0 #507562}body .department-payroll-page .department-config-table th:is(.department-config-index-column,.department-config-name-column){z-index:6;background:#e8f1ec}body .department-payroll-page .department-config-identity{width:calc(var(--config-name-width) - 16px)}body .department-payroll-page .department-config-identity :is(strong,small){display:block;white-space:normal;overflow-wrap:anywhere}body .department-payroll-page .department-config-identity small{margin:4px 0 0;font-size:12px}body .department-payroll-page .department-config-table .payroll-money-input{width:112px;min-width:112px;min-height:40px;font-size:16px;box-sizing:border-box}@media(max-width:360px){body .department-payroll-page .department-config-table{--config-name-width:148px}}body .attendance-page .attendance-kpi{display:block;min-width:0;min-height:76px;width:100%;padding:14px;text-align:left;white-space:normal;overflow-wrap:anywhere;font:inherit;line-height:1.45;cursor:pointer;transform:none;--vera-button-border: #789785}body .attendance-page .attendance-kpi:hover{background:#edf3ef;transform:none}body .attendance-page .attendance-kpi[aria-pressed=true]{--vera-button-border: #173d31;background:#205440;color:#fff;box-shadow:inset 0 0 0 1px #fff}body .attendance-page .attendance-kpi[aria-pressed=true] :is(strong,span){color:#fff}body .attendance-page .attendance-kpi:focus-visible{outline:3px solid #a36a00;outline-offset:3px}.attendance-summary-status{font-size:12px;color:#324a40}body .topbar .topbar-brand-home{border:0!important}body button[data-dialog-close=true]:not([hidden]):not(.mobile-close){display:flex}body button[data-dialog-close=true]{align-items:center;justify-content:center;margin-left:auto!important;margin-right:0!important;justify-self:end;align-self:end;order:999!important;flex:0 0 auto!important;width:fit-content!important;max-width:100%;min-width:44px;min-height:44px;box-sizing:border-box}body button.residence-close-button{min-width:112px;min-height:52px;padding:12px 24px;font-size:18px;font-weight:700;margin-top:12px}body .attendance-page .attendance-filter-buttons.date-search-toolbar{display:flex!important;flex-wrap:wrap!important;overflow:visible}body .attendance-page .attendance-filter-buttons>.date-search-field{flex:0 1 240px;width:240px;max-width:100%}body .attendance-page .attendance-filter-buttons .vera-date-input{width:100%;min-width:0}body .attendance-page .attendance-filter-buttons .vera-date-picker-button{width:36px!important;min-width:36px;max-width:36px;height:calc(100% - 6px);min-height:0;padding:0;grid-column:auto}@media(max-width:820px){body .attendance-workspace,body .attendance-workspace>[role=tabpanel],body .attendance-page,body .attendance-page .attendance-toolbar{min-width:0;max-width:100%;box-sizing:border-box}body .attendance-page .attendance-filter-buttons.date-search-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body .attendance-page .attendance-filter-buttons>.date-search-field{grid-column:1 / -1;width:100%;max-width:100%}body .attendance-page .attendance-filter-buttons>button{width:100%;min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}body .attendance-page .attendance-toolbar-actions{min-width:0}body .attendance-page .attendance-toolbar-actions button{white-space:normal;min-width:0}body .attendance-workspace .attendance-tab-actions{flex-wrap:wrap;min-width:0}body .attendance-workspace .attendance-tabs{flex:1 1 240px}body .attendance-workspace .attendance-tabs>button{white-space:normal}body .attendance-workspace .attendance-refresh{margin-left:auto;max-width:100%}}body table th>.vera-column-resize-handle,body table td>.vera-column-resize-handle{position:absolute;inset:0 0 0 auto;width:9px;height:100%;z-index:8;display:block;padding:0;margin:0;border:0!important;border-radius:0;background:transparent;cursor:col-resize;touch-action:none;user-select:none}body table .vera-column-resize-handle:after{content:"";position:absolute;right:1px;top:20%;height:60%;width:2px;background:currentColor;opacity:.25}body table .vera-column-resize-handle:hover:after,body table .vera-column-resize-handle:focus-visible:after{opacity:1}body table .vera-column-resize-handle:focus-visible{outline:2px solid #b88616;outline-offset:-2px}body.vera-column-resizing,body.vera-column-resizing *{cursor:col-resize!important;user-select:none!important}body table.vera-columns-sized{table-layout:fixed!important}body table.vera-columns-sized :is(th,td){overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}@media print{body table .vera-column-resize-handle{display:none!important}}body .staff-page .staff-primary-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;box-sizing:border-box}body .staff-page .staff-primary-actions :is(.staff-face-toolbar,.staff-face-actions,.staff-actionbar){display:contents}body .staff-page .staff-primary-actions :is(button,.staff-face-switch){min-width:0;max-width:100%;width:100%;height:auto;margin:0;padding:7px 3px;flex-direction:column;white-space:normal;overflow-wrap:anywhere;word-break:normal;font-size:clamp(9px,.8vw,12px);line-height:1.25}body .staff-page .staff-primary-actions .staff-face-switch span{min-width:0;width:100%}.labor-report-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.labor-report-options label,.labor-report-options input{min-width:0;width:100%;box-sizing:border-box}.labor-report-options button{grid-column:1/-1;justify-self:end}@media(max-width:600px){.labor-report-options{grid-template-columns:1fr}}body .residence-toolbar-top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}body .residence-toolbar-bottom{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}body .residence-export-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;min-width:0;align-items:stretch}body .residence-export-actions button{width:100%}@media(max-width:700px){body .residence-toolbar-top,body .residence-toolbar-bottom{grid-template-columns:minmax(0,1fr)}}body .attendance-page .attendance-filter-buttons.date-search-toolbar{display:grid!important;grid-template-columns:minmax(170px,1.7fr) repeat(7,minmax(0,1fr));gap:7px}body .attendance-page .attendance-filter-buttons>.date-search-field{width:100%;min-width:0;grid-column:auto}body .attendance-page .attendance-filter-buttons>button{min-width:0;width:100%;padding:8px 5px;white-space:normal;overflow-wrap:anywhere}@media(max-width:1000px){body .attendance-page .attendance-filter-buttons.date-search-toolbar{grid-template-columns:repeat(7,minmax(0,1fr))}body .attendance-page .attendance-filter-buttons>.date-search-field{grid-column:1/-1}}body .checkin-history-page .checkin-heading,body .checkin-loaded-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;min-width:0}body .checkin-heading>div:first-child{min-width:0}body .checkin-heading-actions{display:flex;gap:8px;margin-left:auto;min-width:0}body .checkin-heading-actions button,body .checkin-loaded-row button{min-width:0;white-space:normal;overflow-wrap:anywhere}body .checkin-loaded-row>p{min-width:0}body .checkin-loaded-row>button{margin-left:auto;flex-shrink:0}@media(max-width:600px){body .checkin-heading{gap:6px}body .checkin-heading h1,body .checkin-heading h2{font-size:18px}body .checkin-heading-actions{flex:1 1 55%;gap:5px}body .checkin-heading-actions button{flex:1 1 0;padding:7px 5px;font-size:12px}body .checkin-loaded-row>button{max-width:38%}}.vera-combo-ticket.vera-combo-ticket{background:#e6d6ff;color:#35105c;border:2px solid #7943b5;border-inline-start:6px solid #7943b5;border-radius:12px;padding:12px;min-width:0;overflow-wrap:anywhere}.vera-combo-ticket.vera-combo-ticket small{color:#48256b}.vera-combo-badge{display:block;width:fit-content;background:#623092;color:#fff;border-radius:6px;padding:4px 10px;margin-bottom:8px;font-weight:800}.revenue-page .revenue-card.balance.revenue-remaining{background:#174b3b;border:2px solid #c5a65b;box-shadow:0 5px 16px #174b3b26}.revenue-page .revenue-remaining .revenue-card-head{color:#ffe2a0}.revenue-page .revenue-remaining .revenue-card-value{color:#fff}body .attendance-workspace>.page-heading,body .attendance-workspace>.attendance-tab-actions{border-top:0!important;border-bottom:0!important;box-shadow:none}body .attendance-workspace>.page-heading:after,body .attendance-workspace>.attendance-tab-actions:after{display:none}body .approved-request-modal{width:min(1100px,calc(100vw - 24px))}.approved-request-modal .approved-request-editor{margin:0}.approved-request-modal .approved-request-actions{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px}body .leave-list-search-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1 / -1;gap:10px;min-width:0;max-width:100%}body .leave-list-search-fields>label{display:grid;gap:5px;min-width:0;width:auto;max-width:100%}body .leave-list-search-fields input{min-width:0;width:100%;max-width:100%;box-sizing:border-box}body .online-booking-range-actions{display:grid;grid-template-columns:repeat(2,minmax(0,240px)) minmax(180px,240px);align-items:end}body .online-booking-range-actions>label{min-width:0;width:100%}body .online-booking-range-actions input{min-width:0}body .online-booking-range-actions .online-booking-filter-buttons{align-self:end}@media(max-width:640px){body .leave-list-search-fields,body .online-booking-range-actions{grid-template-columns:repeat(2,minmax(0,1fr))}body .online-booking-range-actions .online-booking-filter-buttons{grid-column:1 / -1}.approved-request-modal .approved-request-editor form{grid-template-columns:minmax(0,1fr)}}body .payroll-accumulation-filters{min-width:0;max-width:100%;box-sizing:border-box}body .payroll-accumulation-filters button{min-width:0;white-space:normal;overflow-wrap:anywhere;padding-inline:8px}body .payroll-accumulation-cell-lines{display:grid;gap:3px}body .payroll-accumulation-cell-lines>*{display:block;margin:0}body .live-tour-weekly-shift-popover .weekly-shift-summary-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;margin-top:12px;font-size:12px}body .weekly-shift-summary-table col.weekly-shift-number{width:11%}body .live-tour-weekly-shift-popover .weekly-shift-summary-table :is(th,td){border:1px solid #789486!important;padding:7px 4px;white-space:normal;overflow-wrap:anywhere;vertical-align:middle}body .weekly-shift-summary-table :is(th,td):nth-child(odd){text-align:center}body .weekly-shift-summary-table thead{background:#dceee3;color:#173f2e}body .weekly-shift-summary-table tfoot{background:#fff0cc;color:#173f2e;font-weight:800}body .weekly-shift-summary-table caption{text-align:left;font-weight:800;padding:8px 0;color:#173f2e}body .weekly-shift-summary-table .weekly-shift-totals{background:#fff0cc;color:#173f2e;font-weight:800}body .live-tour-weekly-shift-popover{align-content:start}body .live-tour-weekly-shift-popover .weekly-shift-popover-heading{z-index:5;background:#fff4c4}body .live-tour-weekly-shift-popover .weekly-shift-summary-table :is(th,td){position:static}@media(max-width:820px){body .live-tour-page .live-tour-weekly-shift-popover{position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;border-radius:0;z-index:30000;overflow:auto;overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}}body .weekly-shift-dialog-layer{position:fixed;inset:0;z-index:40000;margin:0;padding:16px;background:#0c231a73;display:flex;align-items:center;justify-content:center;box-sizing:border-box}body .weekly-shift-dialog-layer .live-tour-weekly-shift-popover{position:relative;inset:auto;width:min(680px,100%);max-width:100%;max-height:calc(100dvh - 32px);margin:0;box-sizing:border-box}@media(max-width:820px){body .weekly-shift-dialog-layer{padding:0}body .weekly-shift-dialog-layer .live-tour-weekly-shift-popover{position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh}}body .department-payroll-share-format{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}body .department-payroll-share-format .primary-button{grid-column:1 / -1}body .department-payroll-share-format button{min-width:0;white-space:normal}body .revenue-page .revenue-heading{flex-wrap:nowrap;align-items:center;gap:8px}body .revenue-heading>div{flex:1;min-width:0}body .revenue-heading>button{flex:0 0 auto;white-space:nowrap}@media(max-width:600px){body .revenue-heading h1{font-size:clamp(16px,4.6vw,24px);gap:6px}body .revenue-heading>button{font-size:10px;padding:7px;min-height:32px;gap:4px}}@media(max-width:760px){body .settings-page .settings-tabs[role=tablist]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:6px!important;overflow:visible;padding:0}body .settings-page .settings-tabs[role=tablist]>button{min-width:0!important;width:100%!important;padding:8px 4px!important;white-space:normal!important;overflow-wrap:anywhere;font-size:12px!important;line-height:1.3}body .settings-page .spa-service-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0;max-width:100%}body .settings-page .spa-service-filters>button{width:100%;min-width:0;max-width:100%;min-height:44px;padding:8px 4px;font-size:12px;white-space:normal;overflow-wrap:anywhere;justify-content:center}}.online-booking-popup .online-booking-popup-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0}.online-booking-popup .online-booking-popup-actions>button{width:100%;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;justify-content:center}.online-booking-popup .online-booking-popup-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto}@media(max-width:480px){.online-booking-popup .online-booking-popup-header{grid-template-columns:repeat(2,minmax(0,1fr))}.online-booking-popup .online-booking-drag-handle{grid-column:1/-1;width:100%}.online-booking-popup .online-booking-popup-header>button{min-height:44px}}body :is(.login-password-eye,.password-eye-button),body :is(.login-password-eye,.password-eye-button):is(:hover,:active,:focus-visible){transform:translateY(-50%)!important;transition-property:background-color,color,filter,box-shadow}body .booking-requested-staff{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}body .booking-requested-staff button{max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:8px 12px}body .profile-password-box{min-width:0}body .profile-password-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4px,1vw,11px);align-items:end}body .profile-password-field{min-width:0}body .profile-password-field>span:first-child{overflow-wrap:anywhere}body .profile-password-control{display:block;position:relative;min-width:0}body .profile-password-control input{box-sizing:border-box;width:100%;min-width:0;padding-right:42px}body .profile-password-control .profile-password-eye{position:absolute;top:50%;right:3px;transform:translateY(-50%);display:grid;place-items:center;width:36px;min-width:0;height:36px;min-height:0;padding:0;margin:0;border:1px solid transparent;background:transparent;color:var(--green-950);box-shadow:none}body .profile-password-control .profile-password-eye:hover,body .profile-password-control .profile-password-eye:active{transform:translateY(-50%)}body .profile-password-control .profile-password-eye:focus-visible{outline:2px solid var(--green-950);outline-offset:-2px}body .profile-password-control button.profile-password-eye,body .profile-password-control button.profile-password-eye:is(:hover,:active,:focus-visible){border:0!important;box-shadow:none!important;transform:translateY(-50%)!important;transition:none!important;background:transparent!important;color:#173e32!important}body .profile-password-control .profile-password-eye svg{stroke-width:2.8}body .payroll-accumulation-table{width:100%;min-width:0;max-width:100%;overflow-x:auto;contain:inline-size;position:relative;isolation:isolate;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}body .payroll-accumulation-table table{min-width:1120px;width:max-content;max-width:none}body .payroll-accumulation-table :is(th,td){white-space:nowrap}body .payroll-accumulation-table td:is(:nth-child(8),:nth-child(10)){max-width:280px;white-space:normal;overflow-wrap:anywhere}body .payroll-accumulation-table tr>:first-child{position:sticky;left:0;z-index:1;background:#fff;width:160px;min-width:160px;max-width:160px;white-space:normal;overflow-wrap:anywhere;box-shadow:2px 0 #587561}body .payroll-accumulation-table thead tr>:first-child{z-index:2;background:#e8f1ec}body .payroll-accumulation-table tfoot tr>:first-child{background:#e8f1ec}@media(max-width:760px){body .payroll-accumulation-table table{font-size:12px;line-height:1.4}body .payroll-accumulation-table th{font-size:11px;letter-spacing:0;padding:9px 8px}body .payroll-accumulation-table td{padding:9px 8px}body .payroll-accumulation-table td small{font-size:11px}body .payroll-accumulation-table tr>:first-child{width:140px;min-width:140px;max-width:140px}}@media print{body .payroll-accumulation-table{overflow:visible;contain:none}body .payroll-accumulation-table tr>:first-child{position:static;box-shadow:none}}body .leave-list-controls>.list-actions>.export-button{order:10001!important}body .leave-list-controls>.list-actions>.penalty-chip{order:10002!important}body .accumulation-edit-form fieldset{display:grid;gap:14px;min-width:0;padding:14px}body .accumulation-edit-form label{display:grid;gap:6px;font-weight:700}body .accumulation-edit-form input{width:100%;min-width:0;padding:10px}body .payroll-accumulation-filters .live-tour-search-select{min-width:0}body .payroll-accumulation-filters .search-clear-button{width:auto;min-height:32px}body .employee-profile-modal.accumulation-edit-modal{max-width:640px;padding:18px;box-sizing:border-box}body .accumulation-edit-modal h2{margin:0 0 12px;overflow-wrap:anywhere}body .penalty-defer-modal{width:min(560px,calc(100vw - 32px));padding:22px}body .penalty-defer-modal form{display:grid;gap:14px}body .penalty-defer-modal label{display:grid;gap:8px}body .penalty-defer-modal .list-actions{display:flex;flex-wrap:wrap;gap:10px}body .penalty-defer-modal [role=alert]{color:#a12b35}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-countdown{font-size:22.425px!important}@media(max-width:820px){html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-card{box-sizing:border-box!important;height:96px!important;min-height:96px!important;max-height:96px!important;overflow:hidden!important;align-self:stretch!important}html body .live-tour-page .tour-room-panel .tour-room-grid{grid-auto-rows:96px!important;align-items:stretch!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-card>*{min-height:0!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-card-head{min-width:0!important;flex-wrap:nowrap!important;overflow:hidden!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-card-head>strong{display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.05!important;font-size:min(12px,8.5cqw)!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-type{flex:0 0 auto!important;white-space:nowrap!important;word-break:keep-all!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-private-badge{scale:.8!important;transform-origin:center!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-staff,html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-services{max-height:31px!important;overflow:hidden!important;line-height:1.08!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-card[data-room-density=dense] .tour-room-staff,html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-card[data-room-density=dense] .tour-room-services{font-size:5.5px!important;line-height:1.02!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-card[data-room-density=very-dense] .tour-room-staff,html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-card[data-room-density=very-dense] .tour-room-services{font-size:4.8px!important;line-height:1!important}html body .live-tour-page .tour-table .tour-col-mobile-hidden{display:none!important}html body .live-tour-page .tour-table .live-tour-select-col,html body .live-tour-page .tour-table .tour-col-stt,html body .live-tour-page .tour-table .tour-col-employee,html body .live-tour-page .tour-table .live-tour-actions-col,html body .live-tour-page .tour-table .tour-col-appointment,html body .live-tour-page .tour-table .tour-col-status,html body .live-tour-page .tour-table .tour-col-room,html body .live-tour-page .tour-table .tour-col-remaining,html body .live-tour-page .tour-table .tour-col-request,html body .live-tour-page .tour-table .tour-col-service{display:table-cell!important;visibility:visible!important}html body .live-tour-page .tour-table .live-tour-select-col{width:36px!important;min-width:36px!important;max-width:36px!important;text-align:center!important}html body .live-tour-page .tour-table .tour-col-stt{width:44px!important;min-width:44px!important;max-width:44px!important}html body .live-tour-page .tour-table .tour-col-employee{width:130px!important;min-width:130px!important;max-width:130px!important}html body .live-tour-page .tour-table .live-tour-actions-col{width:110px!important;min-width:110px!important;max-width:110px!important}html body .live-tour-page .tour-table .tour-col-appointment{width:130px!important;min-width:130px!important;max-width:130px!important}html body .live-tour-page .tour-table .tour-col-status{width:105px!important;min-width:105px!important;max-width:105px!important}html body .live-tour-page .tour-table .tour-col-room{width:80px!important;min-width:80px!important;max-width:80px!important}html body .live-tour-page .tour-table .tour-col-remaining{width:70.4px!important;min-width:70.4px!important;max-width:70.4px!important}html body .live-tour-page .tour-table .tour-col-request{width:65.6px!important;min-width:65.6px!important;max-width:65.6px!important}html body .live-tour-page .tour-table .tour-col-service{width:120px!important;min-width:120px!important;max-width:120px!important;white-space:normal!important;overflow-wrap:anywhere!important}html body .live-tour-page .tour-table{min-width:920px!important}html body .live-tour-page .live-tour-operator .live-tour-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(5,auto)!important;grid-auto-flow:row!important;gap:2px!important;overflow:visible!important;width:100%!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>.live-tour-mobile-sync-hidden,html body .live-tour-page .live-tour-operator .live-tour-controls-actions>.live-tour-mobile-reorder-hidden{display:none!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>button,html body .live-tour-page .live-tour-operator .live-tour-controls-actions>input{width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;white-space:nowrap!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>button:nth-of-type(2){grid-column:1!important;grid-row:1!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>button:nth-of-type(3){grid-column:2!important;grid-row:1!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>button:nth-of-type(4){grid-column:1!important;grid-row:2!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>button:nth-of-type(5){grid-column:2!important;grid-row:2!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>button:nth-of-type(7){grid-column:1!important;grid-row:3!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>button:nth-of-type(8){grid-column:2!important;grid-row:3!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>input[aria-label="STT mới"]{grid-column:1!important;grid-row:4!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>button:nth-of-type(11){grid-column:2!important;grid-row:4!important}html body .live-tour-page .live-tour-operator .live-tour-controls-actions>button:nth-of-type(6){grid-column:1!important;grid-row:5!important}}@media(max-width:820px){html body .live-tour-page .responsive-data-table.tour-table{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}html body .live-tour-page .responsive-data-table.tour-table table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}html body .live-tour-page .tour-table .tour-col-mobile-hidden{display:none!important}html body .live-tour-page .tour-table .live-tour-select-col,html body .live-tour-page .tour-table .tour-col-stt,html body .live-tour-page .tour-table .tour-col-employee,html body .live-tour-page .tour-table .live-tour-actions-col,html body .live-tour-page .tour-table .tour-col-appointment,html body .live-tour-page .tour-table .tour-col-status,html body .live-tour-page .tour-table .tour-col-room,html body .live-tour-page .tour-table .tour-col-remaining,html body .live-tour-page .tour-table .tour-col-request,html body .live-tour-page .tour-table .tour-col-service{display:table-cell!important;visibility:visible!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}html body .live-tour-page .tour-table .live-tour-select-col{width:4%!important;text-align:center!important}html body .live-tour-page .tour-table .tour-col-stt{width:5%!important}html body .live-tour-page .tour-table .tour-col-employee{width:15%!important}html body .live-tour-page .tour-table .live-tour-actions-col{width:12%!important}html body .live-tour-page .tour-table .tour-col-appointment,html body .live-tour-page .tour-table .tour-col-status{width:11%!important}html body .live-tour-page .tour-table .tour-col-room{width:8%!important}html body .live-tour-page .tour-table .tour-col-remaining{width:12%!important}html body .live-tour-page .tour-table .tour-col-request{width:9%!important}html body .live-tour-page .tour-table .tour-col-service{width:13%!important}html body .live-tour-page .tour-table .live-tour-select-col input[type=checkbox]{width:14px!important;height:14px!important;margin:0 auto!important}html body .live-tour-page .responsive-data-table.tour-table th,html body .live-tour-page .responsive-data-table.tour-table td{min-width:0!important;max-width:none!important;padding:2px 1px!important;font-size:clamp(5px,1.55vw,7px)!important;line-height:1.05!important;white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-overflow:clip!important}html body .live-tour-page .responsive-data-table.tour-table th{font-size:clamp(4.8px,1.45vw,6.5px)!important;letter-spacing:-.02em!important}html body .live-tour-page .tour-table .tour-col-employee>.text-button,html body .live-tour-page .tour-table .live-tour-service-actions button,html body .live-tour-page .tour-table .live-tour-appointment-editor input,html body .live-tour-page .tour-table .live-tour-appointment-editor button{min-width:0!important;max-width:100%!important;font-size:clamp(5px,1.45vw,6.5px)!important;line-height:1!important;box-sizing:border-box!important}html body .live-tour-page .tour-table .live-tour-service-actions{gap:1px!important}html body .live-tour-page .tour-table .live-tour-service-actions button{width:100%!important;min-height:14px!important;padding:1px 0!important;white-space:normal!important;overflow-wrap:anywhere!important}html body .live-tour-page .tour-table .live-tour-service-actions button svg{display:none!important}html body .live-tour-page .tour-table .live-tour-appointment-editor{width:100%!important;max-width:100%!important;gap:1px!important;overflow:hidden!important}html body .live-tour-page .tour-table .live-tour-appointment-editor input{width:100%!important;max-width:100%!important;height:18px!important;min-height:18px!important;padding:1px!important;transform:none!important}html body .live-tour-page .tour-table .live-tour-appointment-editor button{display:none!important}}@media(max-width:820px){html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-private-badge{top:auto!important;bottom:7px!important;scale:.8!important;transform-origin:center!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-countdown .tour-room-countdown-empty{font-size:min(13.6px,7.82cqw)!important;line-height:1!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important}}html body .live-tour-page .tour-room-panel .tour-room-grid{grid-auto-rows:110.4px!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-card{height:110.4px!important;min-height:110.4px!important;max-height:110.4px!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-card.has-private-service .tour-room-booking-button{position:static!important}html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-private-badge{inset:auto 9% 6px auto!important}@media(max-width:820px){html body .live-tour-page .tour-room-panel .tour-room-grid .tour-room-private-badge{inset:auto 9% 5px auto!important;scale:.8!important;transform-origin:center!important}}@media(max-width:820px){html body .live-tour-page .live-tour-panel-toolbar:has(>.live-tour-mobile-action-grid){align-items:stretch}html body .live-tour-page .live-tour-panel-toolbar:has(>.live-tour-mobile-action-grid)>h2{flex-basis:100%}html body .live-tour-page .live-tour-mobile-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:100%;min-width:0;gap:6px}html body .live-tour-page .live-tour-mobile-action-grid>button{width:100%;min-width:0;max-width:100%;min-height:44px;margin:0;padding:7px 4px;justify-content:center;white-space:normal;overflow-wrap:anywhere;line-height:1.3;font-size:11px}html body .live-tour-page .live-tour-mobile-action-grid>button svg{flex-shrink:0}html body .live-tour-page .live-tour-mobile-action-grid>.live-tour-desktop-only{display:none!important}}@media(max-width:820px){html body .live-tour-page .responsive-data-table.tour-table td.tour-col-appointment,html body .live-tour-page .responsive-data-table.tour-table td.tour-col-appointment .live-tour-appointment-editor input[type=text]{font-size:clamp(6px,1.6vw,8px)!important;line-height:1.2!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media(max-width:820px){html body .live-tour-page .live-tour-invoice-export-button{display:none!important}}.schedule-mobile-actions{display:contents}@media(max-width:760px){.feature-page,.training-page,.settings-page,.payroll-tabs-page,.spa-content{min-width:0;max-width:100%}body [role=tablist],body .schedule-department-tabs,body .revenue-tabs,body .payroll-menu-tabs,body .revenue-source-toggle,body .training-tabs,body .contract-scope-tabs,body .contract-type-list,body .settings-tabs{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;grid-template-columns:none!important;width:100%;min-width:0;max-width:100%;gap:4px!important;overflow:visible;flex-wrap:nowrap!important}body [role=tablist]>button,body .schedule-department-tabs>button,body .revenue-tabs>button,body .payroll-menu-tabs>button,body .revenue-source-toggle>button,body .training-tabs>button,body .contract-scope-tabs>button,body .contract-type-list>button,body .settings-tabs>button{min-width:0!important;max-width:100%;width:100%;margin:0;min-height:48px;padding:8px 3px!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.25;font-size:12px!important;justify-content:center;text-align:center;display:flex;flex-direction:column;gap:3px;box-sizing:border-box}body .training-tabs>button svg{width:16px;height:16px;flex-shrink:0}.schedule-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;min-width:0}.schedule-mobile-actions>button{width:100%;min-width:0;min-height:44px;justify-content:center;white-space:normal;padding:8px 5px;font-size:13px;line-height:1.25}.schedule-mobile-actions>button svg{flex-shrink:0;width:15px}.spa-management .spa-fit-table{min-width:0;width:100%;max-width:100%;overflow:visible}.spa-management .spa-fit-table table{width:100%!important;min-width:0!important;table-layout:fixed;font-size:12px}.spa-management .spa-fit-table th,.spa-management .spa-fit-table td{min-width:0!important;max-width:none;padding:7px 3px!important;white-space:normal!important;overflow-wrap:anywhere;vertical-align:top;font-size:12px!important}.spa-management .spa-fit-table .spa-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}.spa-management .spa-fit-table button{min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;padding:7px 2px!important;font-size:12px!important;min-height:36px;justify-content:center}.spa-management .spa-fit-table button svg{display:none}.spa-management .spa-fit-table .spa-badge{white-space:normal;padding:2px;font-size:11px}.spa-management .spa-services-table th:nth-child(1){width:6%}.spa-management .spa-services-table th:nth-child(2){width:21%}.spa-management .spa-services-table th:nth-child(3){width:10%}.spa-management .spa-services-table th:nth-child(4){width:17%}.spa-management .spa-services-table th:nth-child(5){width:13%}.spa-management .spa-services-table th:nth-child(6){width:8%}.spa-management .spa-services-table th:nth-child(7){width:12%}.spa-management .spa-services-table th:nth-child(8){width:13%}.spa-management .spa-customers-table th:nth-child(1){width:23%}.spa-management .spa-customers-table th:nth-child(2){width:22%}.spa-management .spa-customers-table th:nth-child(3){width:23%}.spa-management .spa-customers-table th:nth-child(4),.spa-management .spa-customers-table th:nth-child(5){width:16%}.spa-customer-combos{display:grid;gap:8px}.spa-component-summary{padding-left:12px}.spa-management .spa-fit-table input[type=checkbox]{width:18px;height:18px;margin:0}.spa-management .spa-fit-table .spa-drag-handle{width:100%;padding:0;min-width:0}}@media(max-width:760px){.payroll-page-enhanced .payroll-calculate-panel>.data-toolbar{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:8px;padding:0;margin:12px 0}.payroll-calculate-panel>.data-toolbar>label{width:100%;min-width:0;gap:5px;font-size:12px}.payroll-calculate-panel>.data-toolbar :is(input,select){display:block;width:100%;min-width:0;max-width:100%;height:44px;padding:8px;font-size:16px}.payroll-calculate-panel input[type=month]::-webkit-date-and-time-value{min-width:0;text-align:left}.payroll-calculate-panel>.data-toolbar>.primary-button{grid-column:1/-1;min-height:40px;font-size:12px}.payroll-page-enhanced .payroll-draft-toolbar{padding:10px;margin-top:12px}.payroll-page-enhanced .payroll-draft-toolbar .list-actions{gap:6px}.payroll-page-enhanced .payroll-draft-toolbar .list-actions button{min-height:40px;padding:7px 5px;font-size:12px;line-height:1.25;white-space:normal}.payroll-draft-toolbar .list-actions button svg{width:15px;flex-shrink:0}:is(.department-config-search,.payroll-search-box,.search-field,.live-tour-customer-search,.employee-search-field) svg.lucide-search{display:none}.department-config-search>div{display:block;border:0;padding:0;background:transparent}body .department-config-search>div input{width:100%;min-width:0;padding:10px;font-size:16px}.payroll-search-box input,.search-field input{padding-left:10px}.clearable-search-input:not(:has(>.search-clear-button)) input{padding-right:10px!important}body .clearable-search-input>.search-clear-button{width:auto;max-width:calc(100% - 8px);margin:0}.spa-management .spa-content{padding:10px}.spa-management .spa-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px}.spa-management .spa-toolbar>.spa-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;width:100%}.spa-management .spa-toolbar>.spa-actions>button{min-width:0;min-height:40px;padding:7px 5px;font-size:12px;line-height:1.25;justify-content:center;white-space:normal}.spa-management .spa-toolbar>.spa-actions>button:only-of-type{grid-column:1/-1}.spa-management .spa-toolbar>.spa-actions svg{width:15px;flex-shrink:0}.spa-management .spa-fit-table .spa-customer-actions{width:100%;min-width:0;max-width:100%;gap:5px}.spa-management .spa-fit-table .spa-customer-actions>button{width:100%;min-width:0;max-width:100%;min-height:40px;margin:0;flex:none;line-height:1.2}.spa-management .spa-customers-table .spa-history-button{width:100%;margin:0;min-height:40px;line-height:1.2}.audit-toolbar-content{grid-column:1/-1;min-width:0;max-width:100%}body .audit-toolbar-content .audit-filter-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body .audit-toolbar-content .audit-filter-buttons button{min-height:40px;padding:7px 4px;font-size:12px;line-height:1.25;white-space:normal}body .audit-toolbar-content .audit-filter-buttons button:last-child{grid-column:1/-1}body .audit-toolbar-content .audit-search-line{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}body .audit-toolbar-content .audit-search-line label{width:100%;min-width:0}.audit-toolbar-content .audit-search-line input{width:100%;min-height:44px;font-size:16px}.audit-toolbar-content .audit-total{font-size:12px;line-height:1.3}body .audit-toolbar-content .audit-custom-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.audit-toolbar-content .audit-custom-range label{min-width:0}}@media(max-width:360px){.payroll-page-enhanced .payroll-calculate-panel>.data-toolbar{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.main-area :is(.data-toolbar,.list-actions,.page-actions,.button-row){min-width:0;max-width:100%;box-sizing:border-box;flex-wrap:wrap}.main-area :is(.data-toolbar,.list-actions,.page-actions,.button-row)>:is(button,a){min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;line-height:1.3}}.system-dialog{position:fixed;inset:0;margin:auto;z-index:2147483000;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:22px;box-sizing:border-box;overflow:auto;border:2px solid #38654e;border-radius:16px;background:#fffdf7;color:#203c30;box-shadow:0 20px 80px #132a2550;font:inherit;text-align:left}.system-dialog:not([open]){display:none}.system-dialog-fallback{box-shadow:0 0 0 100vmax #112c2466,0 20px 80px #132a2550}.system-dialog::backdrop{background:#112c2466}.system-dialog h2{margin:0 0 14px;font-size:21px;color:inherit}.system-dialog-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:0 0 18px}.system-dialog-error{border-color:#a72d28}.system-dialog-error h2{color:#a72d28}.system-dialog-warning{border-color:#99660d}.system-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}.system-dialog-actions button{min-height:44px;padding:10px 18px;cursor:pointer;transform:none!important}.system-dialog-input{width:100%;min-height:44px;box-sizing:border-box;border:1px solid #557563;border-radius:8px;padding:10px;font:inherit}.system-dialog :focus-visible{outline:3px solid #a87929;outline-offset:3px}[data-feedback-presented]{display:none!important}.stable-feedback:not(:has(:not([data-feedback-presented]):not([hidden]))){display:none}.system-notification-content .booking-notification-popup,.system-notification-content .missing-checkin-popup,.system-notification-content .online-booking-popup,.system-notification-content .break-alert-stack{position:static!important;inset:auto!important;width:100%!important;max-width:100%;max-height:none!important;box-shadow:none;margin:0}.system-notification-content .popup-notification-stack{position:static;width:100%}@media(max-width:480px){.system-dialog{padding:16px}}@media print{.system-dialog{display:none!important}}