.tutorial-trigger{color:#2058a5;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd8e9;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:650;display:inline-flex}.tutorial-trigger:hover{background:#edf3fd}.tutorial-trigger .ui-icon{width:18px;height:18px}.tutorial-dialog{color:#243247;overscroll-behavior:contain;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.tutorial-dialog::backdrop{background:0 0}.tutorial-spotlight{pointer-events:none;position:absolute;inset:0}.tutorial-card{overscroll-behavior:contain;background:#fff;border:1px solid #dce5f1;border-radius:20px;width:min(400px,100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;position:absolute;overflow-y:auto;box-shadow:0 16px 60px #1225423d}.tutorial-card[data-centered]{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-card-top{align-items:center;gap:12px;display:flex}.tutorial-card-top>div{flex:1;min-width:0}.tutorial-symbol{color:#2058a5;background:#edf3fd;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.tutorial-symbol .ui-icon{width:22px;height:22px}.tutorial-eyebrow{color:#2058a5;font-size:12px;font-weight:700}.tutorial-card-top p{color:#5e6d82;margin:3px 0 0;font-size:11px}.tutorial-progress{gap:5px;margin:22px 0 16px;display:flex}.tutorial-progress span{background:#e5ebf3;border-radius:4px;flex:1;height:4px}.tutorial-progress span[data-done=true]{background:#2058a5}.tutorial-counter{color:#5e6d82;margin:0 0 8px;font-size:11px;font-weight:600}.tutorial-card h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:21px;line-height:1.35}.tutorial-description{color:#4c5d74;margin:12px 0 0;font-size:13px;line-height:1.8}.tutorial-replay-note{color:#435874;background:#f1f5fb;border-radius:10px;align-items:flex-start;gap:8px;margin:18px 0 0;padding:12px;font-size:11px;line-height:1.6;display:flex}.tutorial-replay-note .ui-icon{flex:none;margin-top:1px}.tutorial-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:24px;display:flex}.tutorial-actions button,.tutorial-close{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:12px;font-weight:650;display:inline-flex}.tutorial-next{color:#fff;background:#2058a5}.tutorial-next:hover{background:#174780}.tutorial-back,.tutorial-close{color:#435874;background:#f0f4fa}.tutorial-close{flex:none;width:44px;padding:0}.tutorial-actions button:disabled{opacity:.55;cursor:default}.tutorial-trigger:focus-visible,.tutorial-card button:focus-visible,.tutorial-card h2:focus-visible{outline-offset:3px;outline:2px solid #2058a5}.topbar>.tutorial-trigger,.employee-header .tutorial-trigger,.employee-sheet-toolbar .tutorial-trigger{margin-left:auto}@media (max-width:639px){.tutorial-card,.tutorial-card[data-centered]{bottom:max(12px, env(safe-area-inset-bottom));max-height:min(58dvh,100dvh - 24px);padding:20px;transform:none;top:auto!important;left:12px!important}.tutorial-card h2{font-size:19px}.tutorial-card[data-mobile-top]{bottom:auto;top:max(12px, env(safe-area-inset-top))!important}.tutorial-progress{margin-block:16px 12px}.tutorial-actions{margin-top:18px}.tutorial-trigger{padding-inline:9px}.employee-header-inner{gap:10px}.employee-header:has(.tutorial-trigger) .brand-description{display:none}}@media (prefers-reduced-motion:no-preference){.tutorial-card{animation:.16s ease-out tutorial-appear}@keyframes tutorial-appear{0%{opacity:0}to{opacity:1}}}@media (forced-colors:active){.tutorial-card{border:2px solid canvastext}.tutorial-next,.tutorial-trigger{border:1px solid buttontext}}
.resource-picker{text-align:left;min-width:0}.resource-picker-search{background:#fff;border:1px solid #b8c5d6;border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:flex}.resource-picker-search .ui-icon{color:#5e6d82;flex:none}.resource-picker-search input{width:100%;min-width:0;min-height:46px;font:inherit;background:0 0;border:0;padding:10px 0;font-size:14px}.resource-picker-count{color:#5e6d82;margin:10px 0;font-size:12px}.resource-picker-options{overscroll-behavior:contain;gap:9px;max-height:350px;padding:3px;display:grid;overflow-y:auto}.resource-option{cursor:pointer;background:#fff;border:1px solid #d7e0ec;border-radius:12px;align-items:center;gap:12px;min-height:92px;padding:15px;display:flex;position:relative}.resource-option[hidden]{display:none}.resource-option:hover{background:#f6f9fe;border-color:#93afd5}.resource-option[data-selected=true]{background:#edf3fd;border-color:#2058a5;box-shadow:inset 0 0 0 1px #2058a5}.resource-option input{opacity:0;width:1px;height:1px;position:absolute}.resource-option:has(input:focus-visible){outline-offset:2px;outline:3px solid #2058a5}.resource-option:has(input:disabled){opacity:.6;cursor:not-allowed}.resource-option-icon{color:#2058a5;background:#f0f4fa;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.resource-option-copy{overflow-wrap:anywhere;flex:1;gap:4px;min-width:0;display:grid}.resource-option-copy strong{font-size:14px;line-height:1.45}.resource-option-copy>span{color:#435874;font-size:12px}.resource-option-copy small{color:#5e6d82;font-size:11px;line-height:1.65}.resource-option-check{color:#0000;border:1px solid #a4b1c2;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.resource-option[data-selected=true] .resource-option-check{color:#fff;background:#2058a5;border-color:#2058a5}.resource-option-check .ui-icon{width:14px;height:14px}.resource-picker-empty{color:#5e6d82;padding:14px;font-size:13px}.resource-picker-empty button{color:#2058a5;cursor:pointer;min-height:44px;font:inherit;background:0 0;border:0;text-decoration:underline}.booking-mobile-steps,.booking-step-actions,.booking-mobile-review{display:none}.booking-repeat-note{color:#435874;background:#edf3fd;border-radius:10px;margin-bottom:20px;padding:14px;font-size:13px;line-height:1.7}.notifications-trigger{color:#435874;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;padding:10px;display:grid;position:relative}.notifications-trigger:hover,.notifications-menu[open] .notifications-trigger{color:#2058a5;background:#edf3fd}.notifications-trigger>span{color:#fff;box-sizing:border-box;background:#ef4444;border:2px solid #fff;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notifications-menu{position:relative}.notifications-menu summary{cursor:pointer;list-style:none}.notifications-menu summary::-webkit-details-marker{display:none}.notifications-menu[open] summary{z-index:40;position:relative}.notifications-popover{z-index:50;border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;width:min(440px,100vw - 32px);max-height:min(480px,100dvh - 80px);display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 12px 48px #0f172a26}.notifications-popover-heading{border-bottom:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notifications-popover-heading h2{margin:0;font-size:16px}.notifications-popover-content{overscroll-behavior:contain;padding:12px 16px;overflow-y:auto}.notifications-subtitle{color:#5e6d82;margin-bottom:16px;font-size:12px;line-height:1.7}.notifications-empty{text-align:center;color:#5e6d82;justify-items:center;gap:14px;padding:40px 12px;font-size:13px;display:grid}.notifications-list{flex-direction:column;margin:-12px -16px;padding:0;list-style:none;display:flex}.notifications-list .notification-card{text-align:start;color:#243247;cursor:pointer;width:100%;font:inherit;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:start;gap:14px;padding:16px;transition:background .2s;display:flex;position:relative}.notifications-list .notification-card:last-child{border-bottom:none}.notifications-list .notification-card:hover{background:#f8fafc}.notification-icon-wrapper{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;position:relative}.notification-icon-wrapper[data-type=check]{color:#16a34a;background:#dcfce7}.notification-icon-wrapper[data-type=cancel]{color:#dc2626;background:#fee2e2}.notification-icon-wrapper[data-type=calendarPlus]{color:#4f46e5;background:#e0e7ff}.notification-icon-wrapper[data-type=edit]{color:#0284c7;background:#e0f2fe}.notification-icon-wrapper .ui-icon{width:20px;height:20px}.notifications-list .notification-card[data-unread=true]{background:#f0f7ff}.notifications-list .notification-card[data-unread=true] .notification-icon-wrapper:after{content:"";background:#3b82f6;border:2px solid #f0f7ff;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px}.notification-content{flex:1;gap:2px;min-width:0;display:grid}.notification-content strong{color:#0f172a;font-size:13px;font-weight:650}.notification-content p{color:#475569;white-space:pre-line;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-content time{color:#94a3b8;margin-top:4px;font-size:11px;font-weight:400}.notifications-trigger:focus-visible,.notifications-list button:focus-visible{outline-offset:2px;outline:2px solid #2058a5}@media (max-width:1023px){.booking-mobile-steps{gap:22px;margin-bottom:24px;scroll-margin-top:84px;display:grid}.booking-step-track{align-items:center;gap:8px;display:flex}.booking-step-track>span{color:#66758a;align-items:center;gap:7px;font-size:11px;font-weight:650;display:flex}.booking-step-track>span:not(:last-child){flex:1}.booking-step-track>span:not(:last-child):after{content:"";background:#e9eef5;flex:1;height:1px}.booking-step-track b{background:#e9eef5;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.booking-step-track [data-active=true]{color:#2058a5}.booking-step-track [data-active=true] b{color:#fff;background:#2058a5}.booking-form[data-step="0"] .booking-form-secondary,.booking-form[data-step="1"] .booking-form-primary,.booking-form[data-step="2"] .booking-form-columns{display:none}.employee-shell .booking-form .booking-form-secondary{border:0;padding:0}.booking-form[data-step="2"] .booking-mobile-review{display:block}.booking-form[data-step="2"]{gap:16px}.booking-form[data-step="2"] .booking-mobile-steps{margin-bottom:0}.booking-step-actions{flex:1;gap:12px;display:flex}.booking-step-actions .button{flex:1}.booking-form:not([data-step="2"]) .booking-submit{display:none}.booking-form .form-footer{flex-wrap:nowrap;align-items:center;display:flex}.booking-form[data-step="2"] .booking-step-actions{flex:0 auto}:is(.backoffice-shell,.employee-shell) .booking-form[data-step="2"]>.form-footer{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.booking-form[data-step="2"] .booking-submit{white-space:normal;width:100%;line-height:1.4}.resource-picker-search input{font-size:16px}.notifications-popover{width:min(100%,600px);max-width:none;max-height:88dvh;padding-bottom:max(24px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0;margin:0 auto;position:fixed;inset:auto 0 0}:is(body:has(.tutorial-dialog[open]) .booking-form .booking-form-primary,body:has(.tutorial-dialog[open]) .booking-form .booking-form-secondary,body:has(.tutorial-dialog[open]) .booking-form .booking-form-columns){display:grid}body:has(.tutorial-dialog[open]) .booking-form .booking-submit{display:inline-flex}body:has(.tutorial-dialog[open]) .booking-step-actions{display:none}.employee-shell .employee-header-inner{gap:8px}}@media (max-width:359px){.employee-header .tutorial-trigger>span{display:none}.employee-header .tutorial-trigger{width:44px;padding:10px}.booking-step-track{gap:5px}.booking-step-track>span{gap:4px;font-size:10px}}.booking-created-confirmation{color:#164337;background:#edf7f1;border:1px solid #bedbd0;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:18px;padding:18px 20px;display:flex}.booking-created-mark{color:#fff;background:#237458;border-radius:50%;flex:0 0 32px;place-items:center;height:32px;font-weight:700;display:grid}.booking-created-confirmation h2{margin:0 0 4px;font-size:17px;line-height:1.35}.booking-created-confirmation p{margin:0;font-size:14px;line-height:1.55}@media (max-width:767px){.booking-created-confirmation{margin:0 14px 16px;padding:16px}}
.backoffice-shell{--staff-radius:14px;font-size:14px}.backoffice-shell .sidebar{flex-direction:column;flex-basis:236px;width:236px;padding:24px 16px 16px;display:flex;overflow-y:auto}.backoffice-sidebar-label{color:var(--muted);margin:12px 8px 18px;font-size:11px}.backoffice-create{color:#fff;background:var(--primary);border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.backoffice-create:hover{background:var(--primary-hover)}.backoffice-shell .nav-list a{border-radius:8px;min-height:44px;padding:11px 12px;font-size:12px}.backoffice-shell .nav-list a span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.backoffice-shell .nav-list a[aria-current=page]{color:#174780;background:#edf3fd;font-weight:750}.backoffice-shell .nav-group{margin-bottom:8px;padding-top:22px;font-size:11px}.backoffice-sidebar-footer{color:var(--muted);align-items:center;gap:10px;margin-top:auto;padding:24px 8px 4px;font-size:11px;display:flex}.backoffice-sidebar-footer small{margin-top:4px;font-size:10px;display:block}.backoffice-shell.sidebar-collapsed .sidebar{flex-basis:76px;width:76px;padding-inline:10px}.backoffice-shell.sidebar-collapsed :is(.backoffice-sidebar-label,.backoffice-sidebar-footer,.backoffice-create span){display:none}.backoffice-shell.sidebar-collapsed .backoffice-create{margin-top:16px}.backoffice-shell .topbar{gap:8px;height:76px;min-height:76px;padding-inline:16px}.backoffice-shell .topbar-context{gap:0}.backoffice-context{gap:2px;min-width:0;display:grid}.backoffice-context strong{font-size:13px;font-weight:650;line-height:1.2}.backoffice-context span{color:var(--muted);font-size:11px;line-height:1.2}.backoffice-shell .account-menu summary{min-height:44px}.backoffice-shell .account-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.backoffice-shell .page-content{width:100%;max-width:1600px;margin-inline:auto;padding:20px 24px}.backoffice-shell .page-heading{gap:20px;margin-bottom:16px}.backoffice-shell h1{font-size:26px;font-weight:750;line-height:1.3}.backoffice-shell .page-description{max-width:76ch;margin-top:7px;font-size:13px;line-height:1.7}.backoffice-shell .button{border-radius:8px;gap:8px;min-height:40px;font-size:12px}.backoffice-shell :is(button,a,summary,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #2058a5}.backoffice-shell .data-grid{border-radius:var(--staff-radius);overflow:hidden}:is(.backoffice-shell .page-content:has(>.data-grid),.backoffice-shell .dashboard-page){height:100%;min-height:0}.backoffice-shell .data-grid .grid-toolbar{background:#fff;gap:12px;padding:12px 16px}.backoffice-shell .grid-search input{background:#f8fafc;border-radius:8px;min-height:44px;font-size:13px}.backoffice-shell .data-grid th{background:#f6f8fc;font-size:11px;font-weight:650}.backoffice-shell .data-grid td{padding-block:12px;padding-inline:12px;font-size:13px;line-height:1.55}.backoffice-shell .data-grid td>.button,.backoffice-shell .data-grid .row-actions .button{white-space:nowrap;max-width:100%}.backoffice-shell .data-grid td strong{font-size:13px}.backoffice-shell .data-grid td small{font-size:11px;line-height:1.55}.backoffice-shell .data-grid tbody tr[data-record]:nth-child(2n){background:#fff}.backoffice-shell .data-grid tbody tr[data-record]:hover{background:#f8faff}.backoffice-shell .data-grid .grid-footer{background:#fff;min-height:64px;padding:12px 20px;font-size:12px}.backoffice-shell .status-badge{min-height:25px;padding:4px 9px;font-size:11px;line-height:1.5}.backoffice-shell :is(.booking-form,.booking-detail,.roles-editor){border-radius:var(--staff-radius)}.backoffice-shell :is(.resource-form,.booking-form) label{font-size:13px}.backoffice-shell :is(.resource-form,.booking-form) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:8px;min-height:44px;font-size:14px}.backoffice-shell .dialog{border-radius:18px;max-height:calc(100dvh - 48px);padding:24px}.backoffice-shell .dialog-heading{align-items:flex-start;gap:16px;margin-bottom:24px}.backoffice-shell .dialog-heading h2{font-size:20px;line-height:1.4}.backoffice-shell .dialog-heading p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.6}.backoffice-shell .dialog::backdrop,.backoffice-menu-sheet::backdrop{background:#0f1e357a}.backoffice-bottom-nav{display:none}.backoffice-shell .form-page{max-width:1200px}.backoffice-shell .form-panel{border-radius:var(--staff-radius);padding:28px}.backoffice-shell .booking-details{gap:24px}.backoffice-shell .booking-details dt{margin-bottom:6px;font-size:12px}.backoffice-shell .booking-details dd{overflow-wrap:anywhere;font-size:14px}.requester-identity{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.requester-identity>strong{font-size:inherit}.requester-identity>.requester-profile-summary{flex-wrap:wrap;gap:3px 10px;margin-top:2px;display:flex}.requester-profile-summary>span{align-items:flex-start;gap:5px;min-width:0;display:flex}.requester-profile-summary>span:is([data-field=Jabatan],[data-field=Perusahaan]){flex-basis:100%}@media (min-width:801px){.backoffice-shell :is(.bookings-grid,.approvals-grid) th:first-child{width:30%}.backoffice-shell :is(.bookings-grid,.approvals-grid) th:nth-child(2){width:20%}.backoffice-shell :is(.bookings-grid,.approvals-grid) th:nth-child(3){width:24%}.backoffice-shell :is(.bookings-grid,.approvals-grid) th:nth-child(4){width:12%}.backoffice-shell :is(.bookings-grid,.approvals-grid) th:nth-child(5){width:14%}}.requester-profile-summary .ui-icon{flex:none;width:12px;height:12px;margin-top:2px}.requester-field-label{font-weight:500}.requester-identity .requester-profile-source{color:#617086;font-size:10px;font-weight:400}.requester-identity-inline{font-size:inherit;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.requester-identity-inline>strong,.requester-identity-inline>small{font-weight:inherit;font-size:inherit!important;display:inline!important}.requester-identity-inline>small:before{content:" · "}.calendar-event-requester{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.calendar-event-requester .requester-identity>strong{font-weight:500}.calendar-event-requester .requester-identity-inline>small{display:none}.requester-profile-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:8px 16px;margin-top:4px;font-size:12px;font-weight:400;line-height:1.5;display:grid}.requester-profile-fields>span{align-content:start;gap:2px;min-width:0;display:grid}.requester-profile-fields>span>span:first-child{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.requester-profile-fields .ui-icon{flex:none;width:13px;height:13px}.requester-identity small,.booking-details .requester-identity small,.calendar-day-detail-card dd small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}.backoffice-shell .dialog:has(.approval-review){width:min(1180px,100vw - 64px);max-height:calc(100dvh - 64px);overflow:visible}.backoffice-shell .dialog:has(.history-booking-detail){width:min(760px,100vw - 64px)}.history-booking-detail{min-width:0}.history-booking-detail-heading{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:22px;padding-bottom:20px;display:flex}.history-booking-detail-heading .resource-visual{background:#f0f4fa;border-radius:12px;flex:none;width:52px;height:52px;padding:12px}.history-booking-detail-heading>div{gap:5px;min-width:0;display:grid}.history-booking-detail-heading>div>span{color:var(--muted);font-size:12px;font-weight:650}.history-booking-detail-heading h3{overflow-wrap:anywhere;font-size:18px;line-height:1.4}.history-booking-detail-heading .status-badge{width:fit-content}.backoffice-shell .history-booking-detail .booking-details{border:1px solid #d7e0ec;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid;overflow:hidden}.backoffice-shell .history-booking-detail .booking-details>div{border-bottom:1px solid #edf1f5;min-width:0;padding:14px 16px}.backoffice-shell .history-booking-detail .booking-details>div:last-child{border-bottom:0}.backoffice-shell .history-booking-detail .booking-details>div:nth-child(odd){border-right:1px solid #edf1f5}.backoffice-shell .history-booking-detail .booking-details .detail-full{border-right:0;grid-column:1/-1}@media (max-width:767px){.backoffice-shell .dialog:has(.history-booking-detail){width:100%}.backoffice-shell .history-booking-detail .booking-details{grid-template-columns:minmax(0,1fr)}.backoffice-shell .history-booking-detail .booking-details>div,.backoffice-shell .history-booking-detail .booking-details>div:nth-last-child(-n+2){border-bottom:1px solid #edf1f5;border-right:0}.backoffice-shell .history-booking-detail .booking-details>div:last-child{border-bottom:0}}.backoffice-shell .dialog:has(.approval-review) .dialog-heading{margin-bottom:18px}.approval-review{text-align:left;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);min-height:500px;display:grid}.approval-review-details,.approval-review-decision{min-width:0}.approval-review-details{padding-inline-end:28px}.approval-review-decision{border-inline-start:1px solid var(--border);flex-direction:column;padding-inline-start:28px;display:flex}.approval-review-section-heading{justify-content:flex-start;align-items:center;gap:12px;margin-bottom:16px;display:flex}.approval-review-section-heading h3{margin:0;font-size:16px;line-height:1.4}.approval-review-section-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.backoffice-shell .approval-review .booking-details{background:#fff;border:1px solid #d7e0ec;border-radius:12px;flex-direction:column;gap:0;margin:0;padding:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a05}.backoffice-shell .approval-review .booking-details>div{border-bottom:1px solid #f1f5f9;grid-template-columns:135px minmax(0,1fr);align-items:baseline;gap:16px;padding:13px 18px;display:grid}.backoffice-shell .approval-review .booking-details>div:last-child{border-bottom:none}.backoffice-shell .approval-review .booking-details dt{color:#64748b;text-transform:capitalize;letter-spacing:0;margin-bottom:0;font-size:12px;font-weight:500}.backoffice-shell .approval-review .booking-details dd{color:#0f172a;font-size:13px;font-weight:500;line-height:1.5}.approval-selected-unit{background:#fff;border:1px solid #d7e0ec;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 4px 12px #2058a50a}.approval-unit-icon{color:#2058a5;background:#f0f4fa;border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.approval-unit-icon .ui-icon{width:24px;height:24px}.approval-unit-info{flex:1;gap:4px;min-width:0;display:grid}.approval-unit-info span,.approval-vehicle-options legend{color:#5e6d82;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:650}.approval-unit-info strong{color:#0f172a;overflow-wrap:anywhere;font-size:15px}.approval-change-unit{color:#2058a5;font:inherit;cursor:pointer;background:#fff;border:1px solid #d7e0ec;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.approval-change-unit:hover{background:#f6f9fe;border-color:#93afd5}.approval-change-unit:focus-visible{outline-offset:2px;outline:3px solid #2058a5}.approval-vehicle-options{border:0;min-width:0;margin:16px 0 0;padding:0}.approval-vehicle-options legend{margin-bottom:8px}.approval-vehicle-options .resource-picker-search input{min-height:40px;font-size:13px}.approval-vehicle-options .resource-picker-count{margin:7px 0}.approval-vehicle-options .resource-picker-options{gap:6px;max-height:min(205px,27dvh)}.approval-vehicle-options .resource-option{min-height:64px;padding:10px 12px}.approval-vehicle-options .resource-option-icon{width:34px;height:34px}.approval-vehicle-options .resource-option-copy{gap:2px}.approval-vehicle-options .resource-option-copy strong{font-size:13px}.approval-message,.approval-retry p,.approval-rejection p{color:var(--muted);font-size:12px;line-height:1.55}.approval-message{margin:12px 0 0}.approval-retry{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.approval-retry p{margin:0}.approval-review-actions{justify-content:flex-end;gap:10px;margin-top:auto;padding-top:22px;display:flex}.approval-rejection{flex-direction:column;flex:1;display:flex}.approval-rejection-warning{background:#fff4f2;border:1px solid #fecaca;border-radius:10px;gap:14px;padding:16px;display:flex}.approval-rejection-icon{color:#dc2626;background:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 1px 3px #dc26261a}.approval-rejection-info strong{color:#7f1d1d;font-size:14px;display:block}.approval-rejection-info p{color:#991b1b;margin:4px 0 0;font-size:12px}.approval-rejection textarea{width:100%;min-height:120px}@media (min-width:901px) and (max-height:700px){.backoffice-shell .dialog:has(.approval-review){overflow-y:auto}.approval-review{min-height:0}.approval-vehicle-options .resource-picker-options{max-height:150px}}@media (max-width:900px){.backoffice-shell .dialog:has(.approval-review){width:min(720px,100vw - 40px);max-height:calc(100dvh - 40px);overflow-y:auto}.approval-review{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}.approval-review-details{padding-inline-end:0}.approval-review-decision{border-inline-start:0;border-top:1px solid var(--border);padding:24px 0 0}.backoffice-shell .dialog:has(.return-confirmation-form){width:min(720px,100vw - 40px);max-height:calc(100dvh - 40px);overflow-y:auto}.return-confirmation-form{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}.return-confirmation-details{padding-inline-end:0}.return-confirmation-decision{border-inline-start:0;border-top:1px solid var(--border);padding:24px 0 0}}.backoffice-shell .backoffice-calendar{border:1px solid var(--border);border-radius:var(--staff-radius);background:#fff;min-height:0;overflow:hidden}.backoffice-shell .backoffice-calendar .calendar-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 12px;display:flex}.backoffice-calendar .calendar-view-controls,.calendar-view-switch{align-items:center;gap:8px;display:flex}.calendar-view-switch{border:1px solid var(--border);background:#f5f7fb;border-radius:10px;gap:2px;padding:3px}.calendar-view-switch button{min-height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:600;display:flex}.calendar-view-switch button[aria-pressed=true]{color:#174780;background:#fff;border-color:#d6e0ef}.backoffice-shell .backoffice-calendar .calendar-navigation h2{margin-left:10px;font-size:19px}.backoffice-shell .calendar-navigation .button{min-width:44px}.backoffice-shell .backoffice-calendar .calendar-filters{flex-wrap:wrap;gap:10px;padding:0 20px 20px;display:flex}.backoffice-calendar .calendar-type-filter{background:#f5f7fb;border-radius:8px}.backoffice-calendar .calendar-type-filter button{min-height:42px;padding-inline:12px;font-size:12px}.backoffice-shell .backoffice-calendar .calendar-filters .calendar-resource-trigger{justify-content:flex-start;width:auto;min-width:160px;max-width:260px;min-height:44px}.calendar-resource-trigger>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.backoffice-shell .backoffice-calendar .calendar-filters .grid-search{flex:220px;max-width:none}.backoffice-shell .backoffice-calendar .calendar-weekdays{border-top:1px solid var(--border);background:#f6f8fc}.backoffice-shell .backoffice-calendar .calendar-weekdays>span{padding-block:12px;font-size:11px}.backoffice-shell .backoffice-calendar .calendar-date{width:32px;height:32px;font-size:12px}.backoffice-shell .backoffice-calendar .calendar-event{border-radius:5px;padding:8px}.backoffice-shell .backoffice-calendar .calendar-footer{border-top:1px solid var(--border);min-height:44px;padding:12px 20px;font-size:11px}.calendar-compact-month,.calendar-mobile-filter-bar{display:none}.calendar-desktop-filters{flex-shrink:0}.backoffice-shell .calendar-filter-dialog .calendar-filters{padding:0 0 20px}.backoffice-shell .backoffice-calendar[data-view=agenda] :is(.calendar-month,.calendar-weekdays,.calendar-compact-month){display:none}.backoffice-shell .backoffice-calendar[data-view=agenda] .calendar-mobile-agenda{border-top:1px solid var(--border);flex:1;min-height:0;display:block;overflow-y:auto}.backoffice-calendar .calendar-agenda-day{border-bottom:1px solid var(--border);background:#fff;border-left:0;padding:20px}.backoffice-calendar .calendar-agenda-day>header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.backoffice-calendar .calendar-agenda-day>header>button{min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:700;display:flex}.backoffice-calendar .calendar-agenda-day>header>button>span,.backoffice-calendar .calendar-agenda-day>header>small{color:var(--muted);font-size:11px}.backoffice-calendar .calendar-agenda-booking{color:#43536a;text-align:left;width:100%;font:inherit;cursor:pointer;background:#f7f9fc;border:1px solid #dce4ee;border-left:3px solid #718198;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;margin-top:10px;padding:16px;display:grid}.backoffice-calendar .calendar-agenda-booking[data-status=InUse]{color:#234a78;background:#f3f7fd;border-color:#d7e3f4 #d7e3f4 #d7e3f4 #2058a5}.backoffice-calendar .calendar-agenda-booking[data-status=Closed]{color:#275d40;background:#f2f8f5;border-color:#cfdfd6 #cfdfd6 #cfdfd6 #327451}.backoffice-calendar .calendar-agenda-booking[data-status=PendingApproval]{color:#735317;background:#fff8e8;border-color:#eaddc0 #eaddc0 #eaddc0 #d97706}.backoffice-calendar .calendar-agenda-booking[data-status=Overdue]{color:#8b3830;background:#fff3f1;border-color:#f7c4be #f7c4be #f7c4be #dc2626}.backoffice-calendar .calendar-agenda-resource{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:14px;display:flex}.backoffice-calendar .calendar-agenda-requester{grid-column:1;font-size:12px}.backoffice-calendar .calendar-agenda-time{font-variant-numeric:tabular-nums;grid-area:1/2;font-size:13px;font-weight:650}.backoffice-calendar .calendar-agenda-status{grid-area:2/2;font-size:12px}.backoffice-calendar .calendar-agenda-empty{color:var(--muted);background:#f7f9fc;border-radius:8px;padding:18px;font-size:13px}.backoffice-shell .calendar-resource-dialog .grid-search{max-width:none}.calendar-resource-options{gap:8px;max-height:50dvh;margin-top:16px;padding:4px;display:grid;overflow-y:auto}.calendar-resource-options>button{border:1px solid var(--border);min-height:66px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.calendar-resource-options>button:hover,.calendar-resource-options>button[aria-pressed=true]{background:#f1f6fd;border-color:#2058a5}.calendar-resource-options>button>span{overflow-wrap:anywhere;flex:1;gap:5px;min-width:0;display:grid}.calendar-resource-options strong{font-size:13px}.calendar-resource-options small,.calendar-resource-empty{color:var(--muted);font-size:12px}.backoffice-shell .backoffice-calendar.calendar-fullscreen,.backoffice-shell .backoffice-calendar:fullscreen{border-radius:0;height:100dvh;padding:0}.backoffice-shell .vehicle-returns-page{flex-direction:column;display:flex}.vehicle-returns-workspace{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.return-tabs{border-bottom:1px solid var(--border);align-items:center;gap:28px;width:100%;padding:0 20px;display:flex}.return-tabs button{color:#5e6d82;min-height:52px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:12px 2px;font-size:13px;font-weight:600;display:flex;position:relative}.return-tabs button:after{content:"";background:0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.return-tabs button[aria-selected=true]{color:#2058a5}.return-tabs button[aria-selected=true]:after{background:#2058a5}.return-tabs button:focus-visible{outline-offset:-4px}.return-tabs strong{color:#526078;background:#eef2f7;border-radius:6px;place-items:center;min-width:23px;height:23px;padding-inline:6px;font-size:11px;display:grid}.return-tabs button[aria-selected=true] strong{color:#2058a5;background:#e8f0fb}.return-panel{background:#f8fafc;flex-direction:column;min-width:0;display:flex}.return-panel .data-grid{background:#fff;border:0;border-radius:0}.return-panel .grid-toolbar{background:#fff;border-bottom:1px solid #f1f5f9;padding:20px 24px}.return-panel .grid-search{max-width:520px}.return-panel .grid-search input{background:#f8fafc;border-color:#74849a}.return-panel .data-grid th{border-bottom:1px solid var(--border);color:#5e6d82;background:#f4f7fb;padding:12px 20px;font-size:11px;font-weight:650}.return-panel .data-grid td{border-bottom:1px solid #edf0f5;padding:8px 20px}.return-panel .empty-state{justify-content:center;min-height:260px}.return-schedule{font-variant-numeric:tabular-nums;gap:10px 32px;display:flex}.return-schedule>div{min-width:0}.return-schedule>div>span{color:#5e6d82;margin-bottom:1px;font-size:10px;display:block}.return-schedule time,.return-recorded-time{display:block}.return-schedule strong,.return-recorded-time strong{color:#243247;white-space:nowrap;font-size:12px;font-weight:650}.return-schedule small,.return-recorded-time small{color:#435874;white-space:nowrap;margin-top:0;font-size:11px;display:block}.return-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.return-panel .status-badge{border:1px solid #0000;border-radius:20px;min-height:26px;padding:4px 12px;font-size:11px}.return-deadline{color:#24528c;font-variant-numeric:tabular-nums;white-space:nowrap;background:#f2f6fc;border:1px solid #c9d9ef;border-radius:6px;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:650;display:inline-flex}.return-recorded>small{color:#64748b;overflow-wrap:anywhere;max-width:240px;margin-top:2px;display:block}.backoffice-shell .dialog:has(.return-confirmation-form){width:min(1040px,100vw - 64px);max-height:calc(100dvh - 64px);overflow:visible}.return-confirmation-form{text-align:left;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);min-height:430px;display:grid}.return-confirmation-details,.return-confirmation-decision{min-width:0}.return-confirmation-details{padding-inline-end:28px}.return-confirmation-decision{border-inline-start:1px solid var(--border);flex-direction:column;padding-inline-start:28px;display:flex}.return-confirmation-heading{margin-bottom:16px}.return-confirmation-heading h3{margin:0;font-size:16px;line-height:1.4}.return-confirmation-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.return-confirmation-summary{background:#f8fafc;border:1px solid #dce5f0;border-radius:10px;align-items:center;gap:14px;min-width:0;padding:15px 16px;display:flex}.return-summary-icon{color:#2058a5;background:#e8f0fb;border-radius:9px;flex:none;place-items:center;width:44px;height:44px;display:grid}.return-summary-icon .ui-icon{width:22px;height:22px}.return-summary-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.return-summary-details strong{color:#243247;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.return-summary-details span{color:#5e6d82;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.return-confirmation-summary .status-badge{flex:none}.return-confirmation-details>.return-schedule{border-bottom:1px solid var(--border);min-width:0;margin-top:18px;padding:2px 4px 14px}.return-confirmation-details>.return-schedule strong{font-size:13px}.return-confirmation-details>.return-deadline{margin-top:14px}.return-notice{color:#694411;background:#fffaf0;border:1px solid #ead8b2;border-radius:8px;align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.return-notice .ui-icon{color:#8a5b13;flex:none;width:18px;height:18px}.return-notice p{margin:0;font-size:12px;line-height:1.6}.return-fields{flex-direction:column;gap:14px;margin-top:16px;display:flex}.return-confirmation-form .date-time-input input{font-variant-numeric:tabular-nums;width:100%;padding:11px 44px 11px 39px}.return-confirmation-form .return-fields>.field-hint{margin:-8px 0 0}.return-confirmation-form .form-error{margin-top:14px}.return-confirmation-form .form-actions{justify-content:flex-end;margin-top:auto;padding-top:20px;display:flex}@media (max-width:1023px){.calendar-desktop-filters{display:none}.calendar-mobile-filter-bar{align-items:center;gap:12px;padding:0 16px 16px;display:flex}.calendar-mobile-filter-bar>span{min-width:0;color:var(--muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.calendar-mobile-filter-bar>.button{flex-shrink:0}.backoffice-shell .sidebar,.backoffice-shell .sidebar-toggle{display:none}.backoffice-shell .menu-trigger{min-width:44px;padding:10px;display:inline-flex}.backoffice-shell .topbar{gap:8px;height:68px;min-height:68px;padding-inline:16px}.backoffice-shell .topbar-context{gap:8px;min-width:0}.backoffice-context strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.backoffice-shell .page-content{padding:24px}:is(.backoffice-shell .page-content:has(>.data-grid),.backoffice-shell .dashboard-page){height:auto;min-height:100%;overflow:visible}.backoffice-shell .data-grid,.backoffice-shell .data-grid .table-scroll{flex:none;max-height:none}.backoffice-shell .button{min-height:44px}.backoffice-bottom-nav{min-height:70px;padding:6px 12px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-around;gap:4px;display:flex}.backoffice-bottom-nav>:is(a,button){color:#5e6d82;min-width:0;min-height:56px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 2px;font-size:10px;font-weight:650;text-decoration:none;display:flex}.backoffice-bottom-nav svg{width:22px;height:22px}.backoffice-bottom-nav [aria-current=page],.backoffice-bottom-nav [data-active=true]{color:#174780;background:#edf3fd}.backoffice-shell .backoffice-menu-sheet{width:min(100%,600px);max-width:100%;height:auto;max-height:88dvh;padding:0 20px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow-y:auto}.backoffice-menu-sheet .drawer-top{z-index:1;border-bottom:1px solid var(--border);background:#fff;margin:0;padding:22px 0 16px;position:sticky;top:0}.backoffice-menu-sheet .drawer-top h2{font-size:20px}.backoffice-menu-sheet .drawer-top p{color:var(--muted);margin-top:5px;font-size:12px}.backoffice-shell .backoffice-menu-sheet .nav-list a{justify-content:flex-start;min-height:48px;font-size:14px}.backoffice-shell .backoffice-menu-sheet .nav-list a span{display:inline}.backoffice-shell .backoffice-menu-sheet .nav-group{padding-top:22px;font-size:11px}.backoffice-shell .backoffice-calendar{flex:none;height:auto;min-height:0}.backoffice-shell .backoffice-calendar .calendar-navigation{flex-wrap:wrap;flex:300px;display:flex}.backoffice-shell .backoffice-calendar .calendar-navigation h2{flex-basis:100%;order:-1;margin:0 0 8px;font-size:21px}.backoffice-shell .backoffice-calendar :is(.calendar-month,.calendar-weekdays){display:none}.backoffice-shell .backoffice-calendar .calendar-mobile-agenda{background:#fff;flex:none;display:block;overflow:visible}.backoffice-shell .backoffice-calendar .calendar-compact-month{border-block:1px solid var(--border);padding:12px 16px 16px;display:block}.calendar-compact-weekdays,.calendar-compact-dates{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px 0;display:grid}.calendar-compact-weekdays>span{text-align:center;color:var(--muted);padding-block:8px 12px;font-size:11px}.calendar-compact-dates button{width:100%;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.calendar-compact-dates button[data-outside=true]{color:#64748b;background:#f8fafc}.calendar-compact-dates button[aria-current=date]{color:#174780;box-shadow:inset 0 0 0 1px #2058a5}.calendar-compact-dates button[aria-pressed=true]{color:#fff;background:#2058a5}.calendar-compact-dates i{border-radius:50%;width:4px;height:4px}.calendar-compact-dates i[data-booked=true]{background:currentColor}.backoffice-shell .backoffice-calendar[data-view=agenda] .calendar-compact-month{display:none}.backoffice-shell .backoffice-calendar.calendar-fullscreen,.backoffice-shell .backoffice-calendar:fullscreen{display:block;overflow-y:auto}.backoffice-shell .vehicle-returns-page{height:auto;min-height:100%}.vehicle-returns-workspace,.return-panel,.return-panel .data-grid,.return-panel .table-scroll{flex:none;min-height:0;max-height:none}}@media (max-width:767px){.backoffice-shell .topbar{gap:4px;padding-inline:10px}.backoffice-shell .account-name,.backoffice-shell .account-menu summary>.ui-icon,.backoffice-context span{display:none}.backoffice-context strong{font-size:12px}.backoffice-shell .account-menu summary{padding:4px}.backoffice-shell .page-content{padding:22px 16px}.backoffice-shell h1{font-size:24px}.backoffice-shell .page-heading{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:20px}.backoffice-shell .page-heading>div{flex:100%}.backoffice-shell .page-heading>.button{font-size:13px}.backoffice-shell .page-description{max-width:none;font-size:13px}.backoffice-shell .data-grid .grid-toolbar{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:16px;display:grid}.backoffice-shell .grid-search{flex:100%;grid-column:1/-1;width:100%;min-width:0;max-width:none}.backoffice-shell .grid-filters{flex-wrap:wrap;gap:8px;width:100%;display:flex}.backoffice-shell .grid-toolbar>:is(.button,.grid-active-filters){grid-column:1/-1}.backoffice-shell .grid-toolbar>.button{justify-self:start}.backoffice-shell .mobile-grid-sort{flex:100%;width:100%;min-width:0;max-width:none;display:block}.backoffice-shell :is(.grid-search input,.mobile-grid-sort select,.resource-form input,.resource-form select,.resource-form textarea,.booking-form input,.booking-form select,.booking-form textarea){max-width:100%;min-height:44px;font-size:16px}.backoffice-shell .mobile-grid-sort select{width:100%}.backoffice-shell .data-grid .table-scroll :is(table,tbody){width:100%;display:block}.backoffice-shell .data-grid .table-scroll thead{display:none}.backoffice-shell .data-grid .table-scroll tr[data-record]{grid-auto-flow:dense;border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 16px;display:grid}.backoffice-shell .data-grid .table-scroll tr[data-record] td:last-child{grid-column:1/-1}.backoffice-shell .data-grid .table-scroll tr[data-record] td:has(.requester-identity,.return-schedule,.row-actions){grid-column:1/-1}.backoffice-shell .data-grid .table-scroll tr[data-record] td:empty{display:none}.backoffice-shell .data-grid .table-scroll tr[data-record] td:last-child:has(button):before{display:none}.backoffice-shell .data-grid .table-scroll tr[data-record] td{text-align:left;overflow-wrap:anywhere;border:0;min-width:0;padding:0;font-size:14px;display:block}.backoffice-shell .data-grid .table-scroll tr[data-record] td:before{content:attr(data-label);color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.backoffice-shell .data-grid .table-scroll tr[data-record] td strong{overflow-wrap:anywhere;font-size:14px}.backoffice-shell .data-grid .table-scroll tr[data-record] td small{font-size:12px}.backoffice-shell .data-grid td .row-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}.backoffice-shell .row-actions .button{min-width:44px;min-height:44px}.backoffice-shell .data-grid .grid-footer{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px;display:grid}.backoffice-shell .grid-footer>[role=status]{grid-column:1/-1}.backoffice-shell .grid-footer .page-size{min-width:0}.backoffice-shell .grid-footer .page-size select{width:100%;max-width:120px;font-size:11px}.backoffice-shell .grid-pagination{gap:4px;font-size:11px}.backoffice-shell .grid-footer select,.backoffice-shell .grid-pagination .button{min-height:44px;font-size:13px}.backoffice-shell .grid-pagination .button{min-width:44px}.return-tabs{gap:0;padding:0 12px;overflow:visible}.return-tabs button{white-space:nowrap;flex:1;justify-content:center;min-width:0;min-height:48px}.return-tabs button span{text-overflow:ellipsis;min-width:0;overflow:hidden}.return-schedule{min-width:0}.return-panel .empty-state{min-height:200px}.return-confirmation-summary{align-items:flex-start}.return-confirmation-summary .status-badge{margin-left:auto}.return-confirmation-details>.return-schedule{flex-direction:column;gap:16px}.return-confirmation-form .form-actions .button{width:100%;min-height:44px}.backoffice-shell .dialog:has(.return-confirmation-form){width:100%;max-width:100%}.return-confirmation-summary{grid-template-columns:44px minmax(0,1fr);display:grid}.return-confirmation-summary .status-badge{grid-column:2;margin-left:0}.backoffice-shell .dialog{width:100%;max-width:100%;max-height:92dvh;padding:0 20px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;margin:0;position:fixed;inset:auto 0 0}.backoffice-shell .dialog-heading{z-index:2;border-bottom:1px solid var(--border);background:#fff;margin-bottom:20px;padding:22px 0 16px;position:sticky;top:0}.backoffice-shell .dialog-heading>.button{flex-shrink:0;min-width:44px}.backoffice-shell .form-actions{flex-wrap:wrap;gap:10px}.backoffice-shell .dialog .form-actions{bottom:calc(-24px - env(safe-area-inset-bottom));z-index:1;padding-block:16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;position:sticky}.backoffice-shell .roles-editor-heading{padding:22px 18px}.backoffice-shell .form-panel{padding:20px 16px}.backoffice-shell .booking-details{grid-template-columns:minmax(0,1fr);gap:20px}.backoffice-shell .approval-review .booking-details>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 16px}.approval-review-actions{bottom:calc(-24px - env(safe-area-inset-bottom));z-index:1;padding-block:16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;flex-direction:column-reverse;position:sticky}.approval-review-actions .button{width:100%;min-height:44px}.backoffice-shell .form-footer{flex-wrap:wrap;gap:10px}.backoffice-shell .dialog .form-footer{bottom:calc(-24px - env(safe-area-inset-bottom));z-index:1;padding-block:16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;position:sticky}.backoffice-shell .roles-groups{padding-inline:8px}.backoffice-shell .roles-group summary{gap:8px;padding:18px 10px}.backoffice-shell .roles-group-count{flex-basis:100%;order:2;font-size:11px}.backoffice-shell :is(.roles-row,.roles-group-actions){grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 4px;padding:16px 10px}.backoffice-shell .roles-feature,.backoffice-shell .roles-group-actions>span{grid-column:1/-1}.backoffice-shell .roles-feature strong{font-size:14px}.backoffice-shell .roles-feature>span{font-size:12px;line-height:1.6}.backoffice-shell .roles-choice{border:1px solid var(--border);border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:66px;display:flex}.backoffice-shell .roles-choice:has(input:checked){background:#edf3fd;border-color:#bed1ed}.backoffice-shell .roles-choice-label{font-size:10px;display:block}.backoffice-shell .roles-form-footer{flex-direction:column;align-items:stretch;padding:16px}.backoffice-shell .backoffice-calendar .calendar-toolbar{gap:12px;padding:18px 16px 12px}.backoffice-shell .backoffice-calendar .calendar-navigation{flex-basis:100%;gap:6px}.backoffice-calendar .calendar-view-controls{width:100%}.calendar-view-switch{flex:1}.calendar-view-switch button{flex:1;min-height:40px}.backoffice-shell .calendar-fullscreen-button{width:48px;font-size:0}.backoffice-shell .backoffice-calendar .calendar-filters{flex-wrap:wrap;gap:10px;padding:0 16px 16px;display:flex}.backoffice-shell .backoffice-calendar .calendar-type-filter{flex:1 0 100%;width:100%}.backoffice-calendar .calendar-type-filter button{flex:1;min-height:44px;font-size:12px}.backoffice-shell .backoffice-calendar .calendar-filters .calendar-resource-trigger{flex:1 0 100%;justify-self:auto;width:100%;min-width:0;max-width:none}.backoffice-shell .backoffice-calendar .calendar-filters .grid-search{flex-basis:180px}.backoffice-shell .backoffice-calendar .calendar-filters>.button[aria-label="Reset filter kalender"]{width:44px;min-width:44px}.backoffice-calendar .calendar-agenda-day{padding:16px}.backoffice-calendar .calendar-agenda-booking{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px}.backoffice-calendar :is(.calendar-agenda-time,.calendar-agenda-status){grid-area:auto}}@media (min-width:801px){.backoffice-shell.sidebar-collapsed .sidebar{transition:box-shadow .18s;overflow-x:hidden}.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within){z-index:20;width:236px;height:100dvh;padding:24px 16px 16px;position:absolute;inset:0 auto 0 0;box-shadow:8px 0 20px #2432471f}.backoffice-shell.sidebar-collapsed:has(.sidebar:is(:hover,:focus-within)) .workspace{margin-left:76px}.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within) .brand-link{padding:0 4px 4px 6px;overflow:visible}.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within) .brand-logo{width:60px;height:auto}.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within) .brand-description,.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within) .nav-list a span,.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within) .backoffice-sidebar-label,.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within) .backoffice-sidebar-footer,.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within) .backoffice-create span{display:block}.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within) .nav-group{padding-top:22px;font-size:11px}.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within) .nav-list a{justify-content:flex-start;padding:11px 12px}.backoffice-shell.sidebar-collapsed .sidebar:is(:hover,:focus-within) .backoffice-create{margin-top:0}}@media (prefers-reduced-motion:reduce){.backoffice-shell.sidebar-collapsed .sidebar{transition:none}}@media (min-width:801px){.backoffice-shell.sidebar-collapsed .workspace:after{content:"";z-index:10;pointer-events:none;opacity:0;background:#24324752;transition:opacity .18s;position:fixed;inset:0}.backoffice-shell.sidebar-collapsed:has(.sidebar:is(:hover,:focus-within)) .workspace:after{opacity:1}}@media (prefers-reduced-motion:reduce){.backoffice-shell.sidebar-collapsed .workspace:after{transition:none}}.return-panel .data-grid th:first-child{width:19%}.return-panel .data-grid th:nth-child(2){width:27%}.return-panel .data-grid th:nth-child(3){width:22%}.return-panel .data-grid th:nth-child(4),.return-panel .data-grid th:nth-child(5){width:16%}.return-deadline{letter-spacing:-.01em;color:#64748b!important;background:0 0!important;border:none!important;align-items:center!important;gap:5px!important;min-height:auto!important;padding:0!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.return-deadline:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:14px;height:14px;display:inline-block}.return-deadline[data-overdue=true]{color:#dc2626!important}.return-deadline[data-overdue=true]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}.license-plate{color:#334155;letter-spacing:.5px;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:fit-content;padding:2.5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:650;line-height:1;display:inline-flex;box-shadow:0 1px 2px #0f172a0d}
.employee-shell :is(.employee-booking-sheet:not([data-form]),.employee-account-dialog,.employee-filter-dialog,.app-bottom-sheet){color:#21354d;overscroll-behavior:contain;background:#fff;border:1px solid #e1e7ef;border-bottom:0;border-radius:24px 24px 0 0;width:min(100%,640px);max-width:100%;max-height:calc(100dvh - 24px);margin:0 auto;position:fixed;inset:auto 0 0;box-shadow:0 -8px 48px #13233b1a}.employee-shell :is(.employee-booking-sheet:not([data-form]),.employee-account-dialog,.employee-filter-dialog,.app-bottom-sheet)::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17283d70}.employee-shell :is(.employee-booking-sheet:not([data-form]),.employee-account-dialog,.employee-filter-dialog,.app-bottom-sheet)[open]{animation:.2s cubic-bezier(.2,.8,.2,1) sheet-arrive}.employee-shell :is(.employee-account-dialog,.employee-filter-dialog,.app-bottom-sheet){padding:14px 20px max(20px, env(safe-area-inset-bottom))}.employee-shell :is(.employee-account-dialog,.employee-filter-dialog){width:min(100%,480px)}.employee-shell :is(.employee-account-dialog,.employee-filter-dialog):before{content:"";background:#d7dfe9;border-radius:10px;width:32px;height:4px;margin:-4px auto 12px;display:block}.employee-shell :is(.dialog-heading,.sheet-toolbar){background:#fff;border:0;justify-content:space-between;align-items:center;gap:12px;height:auto;margin-bottom:16px;padding:0;display:flex}.employee-shell :is(.dialog-heading,.sheet-toolbar) h2{letter-spacing:-.025em;font-size:16px;font-weight:700;display:block}.employee-shell :is(.dialog-heading,.sheet-toolbar)>:is(button,.button):last-child,.employee-shell .employee-booking-sheet:not([data-form]) .employee-sheet-close{color:#53657c;background:#f5f7fa;border:1px solid #e8ecf2;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:12px;display:inline-flex;position:static}.employee-shell :is(.dialog-heading,.sheet-toolbar)>button:last-child:hover,.employee-shell .employee-booking-sheet:not([data-form]) .employee-sheet-close:hover{background:#e9eef5}.employee-shell .employee-booking-sheet:not([data-form]) .employee-sheet-close>span{display:none}.employee-shell .employee-booking-sheet:not([data-form]) .employee-sheet-toolbar{color:#617187;border:0;padding:22px 20px 12px;font-size:12px;font-weight:600}.employee-shell .employee-booking-sheet:not([data-form]) .employee-sheet-handle{background:#d7dfe9;width:32px;display:block;top:9px;left:calc(50% - 16px)}.employee-shell .employee-booking-sheet:not([data-detail]):not([data-form]){grid-template-rows:auto minmax(0,1fr);width:min(100%,960px);padding:0;display:grid;overflow:hidden}.employee-shell .employee-booking-sheet:not([data-detail]):not([data-form]) .page-content{overscroll-behavior:contain;min-height:0;padding:4px 20px 100px;overflow-y:auto}.employee-shell .employee-booking-sheet:not([data-form]) .page-heading{margin-bottom:20px}.employee-shell .employee-booking-sheet:not([data-form]) .page-heading h1{letter-spacing:-.04em;font-size:24px}.employee-shell .employee-booking-sheet:not([data-form]) .page-description{color:#68788d;max-width:52ch;margin-top:6px;font-size:12px;line-height:1.6}.employee-shell .employee-booking-sheet:not([data-form]) .resource-form .form-footer{padding:14px 20px max(14px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e7ecf3;position:fixed;inset:auto max(0px,50vw - 480px) 0}.employee-shell .employee-booking-sheet[data-detail] [data-tour=booking-actions] .button{white-space:nowrap;min-height:44px;padding:9px 8px;font-size:12px;line-height:1.25}.employee-shell .employee-filter-fields .field>span:first-child{color:#40536b;font-size:12px;font-weight:600}.employee-shell :is(.employee-booking-sheet:not([data-form]),.employee-filter-dialog) :is(input:not([type=radio]):not([type=checkbox]),select,textarea){background-color:#fafbfd;border-color:#dce3ed;border-radius:12px}.employee-shell .employee-filter-fields{gap:18px;padding:4px 0 20px;display:grid}.employee-shell .employee-filter-actions{border-top:1px solid #e7ecf3;grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:0;padding-top:16px;display:grid}.employee-shell .employee-account-identity{background:#f3f6fb;border-radius:16px;align-items:flex-start;gap:14px;margin:0 0 20px;padding:16px}.employee-shell .employee-account-identity .avatar{color:#315c91;background:#e5eefb;border:1px solid #dce6f4;border-radius:14px;width:44px;height:44px;font-size:14px}.employee-shell .employee-account-identity strong{font-size:15px;line-height:1.5}.employee-shell .employee-account-dialog>form{border-top:1px solid #e7ecf3;margin-top:18px;padding-top:10px}.employee-shell .employee-account-dialog>form .button{color:#a54c4c;background:#fff;border-color:#eadcdd}.sheet-booking-hero{align-items:flex-start;gap:13px;margin-bottom:16px;display:flex}.sheet-resource-symbol{color:#2d5f9f;background:#edf3fc;border:1px solid #dce7f6;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.sheet-resource-symbol[data-type=Vehicle]{color:#386951;background:#eef5f1;border-color:#dceadf}.sheet-resource-symbol .ui-icon{width:23px;height:23px}.sheet-resource-copy{flex:1;min-width:0}.sheet-resource-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.sheet-resource-meta .status-badge{white-space:normal;border-radius:6px;min-height:0;padding:4px 8px;font-size:10px}.sheet-resource-copy h2{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:21px;line-height:1.25}.sheet-resource-copy p{color:#617086;font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px}.sheet-schedule{background:#e4e9f2;border:1px solid #e4e9f2;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 16px;display:grid;position:relative;overflow:hidden}.sheet-schedule>div{background:#f7f9fc;gap:3px;padding:10px 14px;display:grid}.sheet-field-label{color:#617086;font-size:11px}.sheet-schedule strong{color:#263f61;letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:21px;font-weight:650}.sheet-schedule strong small{color:#617086;letter-spacing:0;font-size:10px;font-weight:500}.sheet-schedule time{color:#536780;font-size:11px}.sheet-schedule-arrow{color:#7c8ca2;background:#fff;border:1px solid #e0e6ef;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.sheet-schedule-arrow .ui-icon{width:13px;height:13px}.sheet-section-label{color:#617086;margin:0 0 8px;font-size:11px;font-weight:650}.sheet-requester{padding-top:2px}.sheet-requester-content{align-items:flex-start;gap:12px;display:flex}.sheet-person-avatar{color:#5a6f8d;background:#f0f3f8;border:1px solid #e2e8f0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:650;display:grid}.sheet-requester .requester-identity{flex:1;padding-top:5px}.sheet-requester .requester-identity>strong{font-size:13px;font-weight:650;line-height:1.6}.sheet-requester .requester-profile-fields{gap:8px 16px;margin-top:4px}.sheet-requester .requester-profile-fields>span{font-size:12px}.sheet-requester .requester-profile-fields>span>span:first-child{font-size:11px}@keyframes sheet-arrive{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.employee-shell .push-account-control{gap:10px;margin-top:16px}.employee-shell .push-account-control button{border-color:#dce3ed;border-radius:12px;min-height:46px;padding:10px 14px;font-size:12px}.employee-shell .push-account-control p{font-size:11px}.employee-shell .notifications-popover-heading{background:#fff;padding:14px 20px}.employee-shell .notifications-popover-heading .button[aria-label=Tutup\ notifikasi]{color:#53657c;background:#f5f7fa;border:1px solid #e8ecf2;border-radius:50%;width:44px;min-width:44px;height:44px;padding:12px}.employee-shell .notifications-popover-content>.empty-state{background:#f8fafd;border:0;border-radius:14px;padding:24px 12px}@media (max-width:1023px){.employee-shell .notifications-popover{border-color:#e1e7ef;border-radius:24px 24px 0 0;width:min(100%,640px);max-height:calc(100dvh - 24px);box-shadow:0 -8px 48px #13233b1a}.employee-shell .notifications-popover:before{content:"";background:#d7dfe9;border-radius:10px;width:32px;height:4px;min-height:4px;margin:10px auto 0}}@media (prefers-reduced-motion:reduce){.employee-shell :is(.employee-booking-sheet:not([data-form]),.employee-account-dialog,.employee-filter-dialog,.app-bottom-sheet)[open]{animation:none}}@media (max-width:360px){.sheet-resource-copy h2{font-size:21px}.sheet-schedule>div{padding:12px}.sheet-schedule strong{font-size:21px}}
.backoffice-shell .dialog,.utility-dialog{--modal-gutter:20px;width:min(560px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);padding:0 var(--modal-gutter) var(--modal-gutter);color:#243247;overscroll-behavior:contain;scrollbar-width:thin;text-align:left;background:#fff;border:0;border-radius:18px;overflow:auto;box-shadow:0 24px 80px #0f1e3538}.backoffice-shell .dialog::backdrop,.utility-dialog::backdrop{background:#111e3173}.backoffice-shell .dialog.dialog-wide{width:min(760px,100vw - 48px)}.backoffice-shell .dialog:has(.admin-audit-detail){width:min(640px,100vw - 48px)}.backoffice-shell .dialog>.dialog-heading,.utility-dialog>.dialog-heading{z-index:5;margin:0 calc(-1 * var(--modal-gutter)) 16px;padding:12px var(--modal-gutter);background:#fff;border-bottom:1px solid #e5eaf0;align-items:center;gap:16px;display:flex;position:sticky;top:0}.backoffice-shell .dialog .dialog-title-group,.utility-dialog .dialog-title-group{flex:1;min-width:0}.dialog-heading-icon{color:#2058a5;background:#eaf1fb;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.dialog-heading-icon .ui-icon{width:19px;height:19px}.dialog-heading-icon[data-danger=true]{color:#ac2937;background:#fff0f1}.backoffice-shell .dialog>.dialog-heading{gap:10px}.admin-resource-heading h3{align-items:center;gap:9px;display:flex}.admin-resource-heading h3>.ui-icon{color:#526b8c;flex:none;width:20px;height:20px}.admin-booking-schedule>div>span,.admin-booking-requester>span:not(.requester-identity){align-items:center;gap:5px;display:flex}.admin-booking-schedule>div>span .ui-icon,.admin-booking-requester>span .ui-icon{width:13px;height:13px}.booking-deadline{color:#24528c;font-variant-numeric:tabular-nums;background:#edf3fb;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.booking-deadline[data-overdue=true]{color:#a22c39;background:#fff0f1}.booking-deadline .ui-icon{flex:none;width:14px;height:14px}.admin-resource-heading .booking-deadline{width:fit-content}.backoffice-shell .dialog .delete-confirmation-actions{margin-top:16px}.backoffice-shell .dialog>.dialog-heading h2,.utility-dialog>.dialog-heading h2{letter-spacing:-.6px;overflow-wrap:anywhere;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;line-height:1.35;display:flex}.backoffice-shell .dialog>.dialog-heading h2>.ui-icon{color:#2058a5;flex:none;width:20px;height:20px}.backoffice-shell .dialog>.dialog-heading p{color:#617086;margin:5px 0 0;font-size:12px;line-height:1.6}.backoffice-shell .dialog>.dialog-heading>.button,.utility-dialog>.dialog-heading>.button{color:#52627a;background:#f2f5f8;border:0;border-radius:50%;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;position:static}.backoffice-shell .dialog>.dialog-heading>.button:hover{color:#2058a5;background:#e6edf5}.backoffice-shell .dialog :is(button,a,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #2058a5}.backoffice-shell .dialog .resource-form,.backoffice-shell .dialog .form-grid{gap:12px}.backoffice-shell .dialog .field{gap:6px;min-width:0}.backoffice-shell .dialog .field>:is(span,label){color:#33455e;font-size:12px;font-weight:600}.backoffice-shell .dialog .field :is(input,select,textarea){min-height:44px;box-shadow:none;color:#243247;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:10px 12px;font-size:13px}.backoffice-shell .dialog .field :is(input,textarea)::placeholder{color:#65758b;opacity:1}.backoffice-shell .dialog .field textarea{resize:vertical;min-height:72px}.backoffice-shell .dialog .field-hint{color:#617086;font-size:11px;line-height:1.6}.backoffice-shell .dialog .date-time-input input{padding:10px 42px 10px 38px}.backoffice-shell .dialog .date-time-input>.ui-icon{z-index:1;pointer-events:none}.backoffice-shell .dialog .arita-date-picker.static{z-index:10;width:min(336px,100vw - 32px);max-height:calc(100dvh - 48px);position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}.backoffice-shell .dialog .arita-date-picker:before,.backoffice-shell .dialog .arita-date-picker:after{display:none}.backoffice-shell .dialog .field .arita-date-picker :is(input,select){min-height:0;box-shadow:none;border:0;padding:0;font-size:14px}.backoffice-shell .dialog .field .arita-date-picker .flatpickr-time input{font-size:20px}.backoffice-shell .dialog .form-footer,.utility-dialog .form-footer{z-index:3;bottom:calc(-1 * var(--modal-gutter));margin:6px calc(-1 * var(--modal-gutter)) calc(-1 * var(--modal-gutter));padding:12px var(--modal-gutter);background:#fff;border-top:1px solid #e5eaf0;justify-content:flex-end;gap:10px;display:flex;position:sticky}.backoffice-shell .dialog .button{border-radius:9px;min-height:44px;font-size:12px}.backoffice-shell .dialog:has(.admin-room-form){width:min(560px,100vw - 48px)}.backoffice-shell .dialog:has(.admin-user-form){width:min(560px,100vw - 48px)}:is(.backoffice-shell .dialog:has(.approval-review),.backoffice-shell .dialog:has(.return-confirmation-form)){width:min(780px,100vw - 48px);max-height:calc(100dvh - 48px);overflow:auto}.backoffice-shell .dialog .approval-review,.backoffice-shell .dialog .return-confirmation-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:0;margin:0;display:grid}.backoffice-shell .dialog :is(.approval-review-details,.return-confirmation-details){min-width:0;padding:0}.backoffice-shell .dialog :is(.approval-review-decision,.return-confirmation-decision){background:0 0;border:0;border-left:1px solid #e5eaf0;align-self:stretch;min-width:0;padding:0 0 0 20px}.backoffice-shell .dialog .approval-review-section-heading{margin:0 0 12px}.backoffice-shell .dialog .approval-review-section-heading h3{letter-spacing:0;font-size:13px;font-weight:600}.backoffice-shell .dialog .approval-selected-unit{box-shadow:none;border:0;border-radius:0;flex-wrap:wrap;gap:10px;padding:0}.backoffice-shell .dialog .approval-unit-icon{width:32px;height:32px;display:grid}.backoffice-shell .dialog .approval-unit-info strong{font-size:17px;line-height:1.5}.backoffice-shell .dialog .approval-change-unit{min-height:36px;padding:6px 10px;font-size:12px}.backoffice-shell .dialog :is(.approval-review-actions,.return-confirmation-form .form-actions){background:0 0;border:0;flex-direction:column-reverse;gap:8px;margin:12px 0 0;padding:0;display:flex;position:static}.backoffice-shell .dialog :is(.approval-review-actions,.return-confirmation-form .form-actions) .button{width:100%;min-height:44px}.backoffice-shell .dialog .approval-rejection-warning{background:0 0;border:0;gap:10px;padding:0}.backoffice-shell .dialog .approval-rejection-icon{display:none}.backoffice-shell .dialog .approval-rejection-info strong{font-size:15px}.backoffice-shell .dialog .approval-rejection-info p{font-size:12px}.backoffice-shell .dialog .return-fields{gap:10px;margin-top:0}.return-confirmation-hint{color:#617086;margin:10px 0 0;font-size:11px;line-height:1.6}.backoffice-shell .dialog .return-confirmation-form .form-actions{margin-top:10px}.admin-booking-detail{text-align:left;min-width:0}.admin-booking-overview{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));align-items:start;gap:16px 24px;margin-top:16px;display:grid}.admin-booking-overview .admin-booking-schedule{margin:0}.admin-resource-heading{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.admin-resource-heading h3{color:#1b2e49;letter-spacing:-.6px;width:100%;margin:0;font-size:20px;line-height:1.4}.admin-resource-heading h3 strong{font-size:inherit;font-weight:700}.admin-resource-heading h3 .license-plate{letter-spacing:.3px;font-size:11px}.admin-resource-heading p{color:#617086;font-variant-numeric:tabular-nums;margin:0;font-size:11px}.admin-resource-heading .status-badge{border-radius:5px;min-height:22px;padding:3px 8px;font-size:10px}.admin-booking-schedule{background:#f4f7fb;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;padding:10px 12px;display:grid}.admin-booking-schedule>div{gap:3px;line-height:1.4;display:grid}.admin-booking-schedule>div>span{color:#617086;font-size:11px}.admin-booking-schedule strong{color:#243247;font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:21px;font-weight:650}.admin-booking-schedule small{color:#617086;letter-spacing:0;font-size:10px;font-weight:400;display:inline}.admin-booking-schedule time{color:#52627a;font-size:12px}.admin-booking-requester{gap:5px;display:grid}.admin-booking-requester>span:not(.requester-identity){color:#617086;font-size:11px}.admin-booking-requester .requester-identity>strong{color:#243247;font-size:14px;font-weight:600}.admin-booking-requester .requester-profile-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr));gap:8px 16px}.admin-booking-requester>.requester-identity{gap:6px;display:grid}.admin-booking-facts{border-top:1px solid #e5eaf0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:14px 0 0;padding-top:12px;display:grid}.admin-booking-facts>div{min-width:0}.admin-booking-facts>div[data-wide=true],.admin-booking-facts>div:only-child{grid-column:1/-1}.admin-booking-facts dt{color:#617086;margin-bottom:5px;font-size:11px}.admin-booking-facts dd{color:#243247;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.admin-status-disclosure,.admin-trip-disclosure{border-top:1px solid #e5eaf0;margin-top:12px}.admin-status-disclosure summary,.admin-trip-disclosure summary{cursor:pointer;color:#435b7b;min-height:44px;padding-block:10px;font-size:12px;display:list-item}.admin-trip-disclosure .admin-booking-facts{margin:0 0 12px}.backoffice-shell .dialog:has(.admin-booking-detail):not(:has(.approval-review,.return-confirmation-form)){width:min(680px,100vw - 48px)}:is(.backoffice-shell .dialog:has(>.delete-confirmation-form),.backoffice-shell .dialog:has(>.modern-modal)){width:min(420px,100vw - 48px);padding:0 var(--modal-gutter) var(--modal-gutter);border-radius:18px}.backoffice-shell .dialog .delete-confirmation-form,.backoffice-shell .dialog>.modern-modal{text-align:left;align-items:flex-start}.backoffice-shell .dialog>.modern-modal>:is(.modern-modal-icon,h3){display:none}.backoffice-shell .dialog .delete-confirmation-form>p:not(.form-error),.backoffice-shell .dialog>.modern-modal>p{color:#617086;text-align:left;max-width:none;margin:0;font-size:13px;line-height:1.65}.delete-confirmation-item{color:#243247;overflow-wrap:anywhere;width:100%;margin:0 0 10px;font-size:17px;font-weight:650}.backoffice-shell .dialog .modern-modal-actions{gap:10px;width:100%;margin-top:16px}.backoffice-shell .dialog .calendar-day-detail-card{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5eaf0;border-radius:0;padding:12px 0}.backoffice-shell .dialog .calendar-day-detail-card:first-child{padding-top:0}.backoffice-shell .dialog .calendar-day-detail-card:last-child{border:0;padding-bottom:0}.backoffice-shell .dialog .calendar-day-detail-card header{flex-wrap:wrap;gap:12px}.backoffice-shell .dialog .calendar-day-detail-card dl{gap:12px}.backoffice-shell .dialog .calendar-day-detail-card dt{align-items:center;gap:5px;display:flex}.backoffice-shell .dialog .calendar-day-detail-card dt .ui-icon{width:13px;height:13px}.backoffice-shell .dialog .approval-rejection-field{margin-top:12px}.backoffice-shell .dialog .approval-rejection-info p{margin:0}.backoffice-shell .dialog .approval-vehicle-options{margin-top:12px}.backoffice-shell .dialog .approval-vehicle-options .resource-picker{max-height:none}.backoffice-shell .dialog .approval-vehicle-options .resource-picker-options{max-height:180px}.backoffice-shell .dialog.calendar-resource-dialog{width:min(480px,100vw - 48px)}.backoffice-shell .dialog.calendar-day-dialog{width:min(560px,100vw - 48px)}.backoffice-shell .dialog.calendar-filter-dialog{width:min(420px,100vw - 48px)}.backoffice-shell .dialog .calendar-day-detail-list{gap:12px}.backoffice-shell .dialog .calendar-day-detail-card h3{font-size:17px}.backoffice-shell .dialog .calendar-day-detail-card dl{margin-bottom:0}.backoffice-shell .dialog .calendar-day-detail-card dl>div:nth-child(3){grid-column:1/-1}.backoffice-shell .dialog.install-dialog,.utility-dialog.install-dialog{width:min(460px,100vw - 48px)}.install-instructions{gap:14px;display:grid}.install-instructions>p{color:#617086;margin:0;font-size:13px;line-height:1.6}.install-platform{border-top:1px solid #e5eaf0;gap:10px;padding-top:12px;display:flex}.install-platform>.ui-icon{color:#526b8c;flex:0 0 18px;height:18px;margin-top:2px}.install-platform strong{color:#243247;font-size:13px}.install-platform p{color:#617086;margin:5px 0 0;font-size:12px;line-height:1.65}.install-platform b{color:#435b7b;font-weight:600}.backoffice-shell .account-popover-header>.ui-icon{color:#526b8c;width:20px;height:20px}.tutorial-card{border-radius:16px;padding:18px}.tutorial-symbol{border-radius:9px;width:32px;height:32px}.tutorial-symbol .ui-icon{width:18px;height:18px}.tutorial-progress{margin:12px 0}.tutorial-card h2{font-size:19px}.tutorial-description{font-size:13px;line-height:1.65}.tutorial-actions{margin-top:16px}.tutorial-close{min-width:44px;min-height:44px}.push-onboarding-content{grid-template-columns:34px minmax(0,1fr);gap:12px 10px;padding:20px}.push-onboarding-symbol{border-radius:9px;width:34px;height:34px}.push-onboarding-symbol .ui-icon{width:19px;height:19px}.push-onboarding h2{letter-spacing:-.4px;align-self:center;font-size:18px}.push-onboarding-content>p,.push-onboarding-actions{grid-column:1/-1}.push-onboarding p{font-size:13px}.push-onboarding-actions{gap:8px;margin-top:4px}.push-onboarding-actions button{font-size:13px}.backoffice-shell .dialog .calendar-resource-options{gap:4px;margin-top:14px}.backoffice-shell .dialog .calendar-resource-options>button{border-radius:9px;min-height:60px}@media (max-width:767px){.backoffice-shell .dialog,.backoffice-shell .dialog.dialog-wide{--modal-gutter:20px;width:100%;max-width:100%;max-height:calc(100dvh - 20px);padding-bottom:calc(var(--modal-gutter) + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0;inset:auto 0 0}.backoffice-shell .dialog:has(.admin-room-form){--modal-gutter:20px;width:100%;max-width:100%;max-height:calc(100dvh - 20px);padding-bottom:calc(var(--modal-gutter) + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0;inset:auto 0 0}.backoffice-shell .dialog:has(.admin-user-form){--modal-gutter:20px;width:100%;max-width:100%;max-height:calc(100dvh - 20px);padding-bottom:calc(var(--modal-gutter) + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0;inset:auto 0 0}.backoffice-shell .dialog:has(.approval-review){--modal-gutter:20px;width:100%;max-width:100%;max-height:calc(100dvh - 20px);padding-bottom:calc(var(--modal-gutter) + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0;inset:auto 0 0}.backoffice-shell .dialog:has(.return-confirmation-form){--modal-gutter:20px;width:100%;max-width:100%;max-height:calc(100dvh - 20px);padding-bottom:calc(var(--modal-gutter) + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0;inset:auto 0 0}.backoffice-shell .dialog:has(.admin-booking-detail):not(:has(.approval-review,.return-confirmation-form)){--modal-gutter:20px;width:100%;max-width:100%;max-height:calc(100dvh - 20px);padding-bottom:calc(var(--modal-gutter) + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0;inset:auto 0 0}.backoffice-shell .dialog:has(>.delete-confirmation-form){--modal-gutter:20px;width:100%;max-width:100%;max-height:calc(100dvh - 20px);padding-bottom:calc(var(--modal-gutter) + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0;inset:auto 0 0}.backoffice-shell .dialog:has(>.modern-modal){--modal-gutter:20px;width:100%;max-width:100%;max-height:calc(100dvh - 20px);padding-bottom:calc(var(--modal-gutter) + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0;inset:auto 0 0}.backoffice-shell .dialog:has(.admin-audit-detail){width:100%}.backoffice-shell .dialog:is(.calendar-resource-dialog,.calendar-day-dialog,.calendar-filter-dialog,.install-dialog),.utility-dialog.install-dialog{border-radius:22px 22px 0 0;width:100%;max-width:100%;max-height:calc(100dvh - 20px);margin:0;inset:auto 0 0}.backoffice-menu-sheet .drawer-top{padding-bottom:12px}.backoffice-menu-sheet .drawer-top h2{align-items:center;gap:8px;display:flex}.backoffice-menu-sheet .drawer-top h2 .ui-icon{color:#2058a5;width:20px;height:20px}.backoffice-shell .backoffice-menu-sheet .nav-group{margin-bottom:10px}.backoffice-shell .backoffice-menu-sheet .nav-list a{min-height:44px}.backoffice-shell .backoffice-menu-sheet .nav-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;display:grid}.backoffice-menu-sheet .nav-list>li{display:contents}.backoffice-shell .backoffice-menu-sheet .nav-group{grid-column:1/-1;margin:0;padding:14px 8px 5px}.backoffice-shell .backoffice-menu-sheet .nav-list a{gap:8px;padding:10px 8px;font-size:12px}.backoffice-shell .backoffice-menu-sheet .nav-list a span{white-space:normal;line-height:1.5}.backoffice-shell .dialog .calendar-day-detail-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.backoffice-shell .dialog>.dialog-heading{margin-bottom:10px;padding-block:10px}.backoffice-shell .dialog>.dialog-heading h2{font-size:17px}.backoffice-shell .dialog>.dialog-heading>.button{flex-basis:44px;width:44px;height:44px}.backoffice-shell .dialog :is(.approval-review,.return-confirmation-form){grid-template-columns:minmax(0,1fr);gap:10px}.backoffice-shell .dialog :is(.approval-review-decision,.return-confirmation-decision){border-top:1px solid #e5eaf0;border-left:0;padding:12px 0 0}.backoffice-shell .dialog .form-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.backoffice-shell .dialog .form-footer{padding-block:14px calc(14px + env(safe-area-inset-bottom))}.backoffice-shell .dialog .form-footer .button{flex:1;min-height:44px}.backoffice-shell .dialog .field :is(input,select,textarea){font-size:16px}.admin-booking-schedule{margin-block:12px;padding-block:10px}.admin-resource-heading h3{font-size:21px}.backoffice-shell .dialog .admin-trip-disclosure{margin-bottom:-10px}}@media (max-width:380px){.backoffice-shell .dialog .form-grid{grid-template-columns:minmax(0,1fr)}.admin-booking-facts{gap:14px}}