@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";.mobile-sidebar-header{display:none}.sidebar{background-color:#f8f9fa;border-right:.0667rem solid #eaeaea;flex-direction:column;width:13.3333rem;height:100dvh;font-family:inherit;transition:width .3s;display:flex}@media (width<=64rem){.sidebar{z-index:100;background-color:#fff;flex-direction:column;width:100vw;height:100%;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar .mobile-sidebar-header{border-bottom:.0667rem solid #eaeaea;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.0667rem 1.6rem;display:flex}.sidebar .mobile-sidebar-header .mobile-menu-text{color:#111827;font-size:1.2rem;font-weight:600}.sidebar .mobile-sidebar-header .close-btn{cursor:pointer;color:#111827;background:0 0;border:none;align-items:center;padding:.2667rem;display:flex}.sidebar .nav-link{padding:1.0667rem 1.6rem;font-size:1.0667rem}}.sidebar .sidebar-header{flex-shrink:0;align-items:center;gap:.8rem;padding:1.6rem;display:flex}.sidebar .sidebar-header .brand-icon{color:#fff;background-color:#3b82f6;border-radius:.5333rem;justify-content:center;align-items:center;width:2.1333rem;height:2.1333rem;font-size:1.2rem;font-weight:700;display:flex}.sidebar .sidebar-header .brand-name{color:#111827;margin:0;font-size:1.3333rem;font-weight:700}.sidebar .sidebar-nav{flex-direction:column;flex:1;gap:.2667rem;min-height:0;padding:0 1.0667rem;display:flex;overflow-y:auto}.sidebar .sidebar-nav .nav-link{align-items:left;color:#6b7280;border-radius:.5333rem;justify-content:flex-start;padding:.8rem 1.0667rem;text-decoration:none;transition:all .2s;display:flex}.sidebar .sidebar-nav .nav-link .nav-icon{margin-right:1.0667rem}.sidebar .sidebar-nav .nav-link .nav-label{text-align:left;flex:1;font-size:1rem;font-weight:500}.sidebar .sidebar-nav .nav-link .badge{color:#ca8a04;background-color:#fef08a;border-radius:.8rem;padding:.1333rem .5333rem;font-size:.8rem;font-weight:600}.sidebar .sidebar-nav .nav-link:hover{color:#374151;background-color:#f3f4f6}.sidebar .sidebar-nav .nav-link.active{color:#3b82f6;background-color:#eff6ff}.sidebar .sidebar-nav .nav-link.active .nav-icon{color:#3b82f6}.sidebar .sidebar-footer{border-top:.0667rem solid #eaeaea;flex-shrink:0;padding:1.0667rem}.sidebar .sidebar-footer .sign-out-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.5333rem;justify-content:flex-start;align-items:center;width:100%;padding:.8rem 1.0667rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.sidebar .sidebar-footer .sign-out-btn .nav-icon{margin-right:1.0667rem}.sidebar .sidebar-footer .sign-out-btn:hover{color:#374151;background-color:#f3f4f6}.sidebar-overlay{display:none}@media (width<=64rem){.sidebar-overlay{z-index:40;background-color:#0006;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}}.mis-reservation-details-content,.reservation-details-wrapper{color:#111827;box-sizing:border-box;background-color:#f4f6f9;padding:1.0667rem;font-family:inherit;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.mis-reservation-details-content *,.reservation-details-wrapper *{box-sizing:border-box}.mis-reservation-details-content .loading-container,.reservation-details-wrapper .loading-container{text-align:center;color:#6b7280;font-size:var(--font-body);padding:1.6rem}.mis-reservation-details-content .card,.reservation-details-wrapper .card{background-color:#fff;border:.0667rem solid #e5e7eb;border-radius:.5333rem;width:100%;max-width:100%;margin-bottom:1.0667rem;padding:1.0667rem}@media (width<=40rem){.mis-reservation-details-content .card,.reservation-details-wrapper .card{margin-bottom:.8rem;padding:.8rem}}.mis-reservation-details-content .card h3,.reservation-details-wrapper .card h3{font-size:var(--font-h3);align-items:center;gap:.5333rem;margin:0 0 .9333rem;font-weight:600;display:flex}.mis-reservation-details-content .card h3 .card-icon,.reservation-details-wrapper .card h3 .card-icon{font-size:1.0667rem}.mis-reservation-details-content .endorser-header-row,.reservation-details-wrapper .endorser-header-row{align-items:center;gap:.5333rem;margin-bottom:1.3333rem;display:flex}.mis-reservation-details-content .endorser-header-row h3,.reservation-details-wrapper .endorser-header-row h3{margin:0}.mis-reservation-details-content .endorser-header-row .endorser-badge,.reservation-details-wrapper .endorser-header-row .endorser-badge{color:#3b82f6;font-size:calc(var(--font-body) * .9);background-color:#eff6ff;border-radius:.9333rem;padding:.2667rem .8rem;font-weight:500}.mis-reservation-details-content .top-banner,.reservation-details-wrapper .top-banner{background-color:#eef2ff;border:.0667rem solid #c7d2fe;border-radius:.5333rem;justify-content:space-between;align-items:flex-start;gap:.6667rem;width:100%;margin-bottom:1.0667rem;padding:.8rem .9333rem;display:flex}@media (width<=42.6667rem){.mis-reservation-details-content .top-banner,.reservation-details-wrapper .top-banner{flex-direction:column;align-items:flex-start}}.mis-reservation-details-content .top-banner .banner-info,.reservation-details-wrapper .top-banner .banner-info{align-items:flex-start;gap:.6667rem;display:flex}.mis-reservation-details-content .top-banner .banner-info .icon,.reservation-details-wrapper .top-banner .banner-info .icon{font-size:1.2rem;line-height:1.2}.mis-reservation-details-content .top-banner .banner-info strong,.reservation-details-wrapper .top-banner .banner-info strong{color:#1e1b4b;font-size:var(--font-body);display:block}.mis-reservation-details-content .top-banner .banner-info p,.reservation-details-wrapper .top-banner .banner-info p{font-size:calc(var(--font-body) * .9);color:#4338ca;word-break:break-word;margin:.1333rem 0 0}.mis-reservation-details-content .top-banner .banner-badge,.reservation-details-wrapper .top-banner .banner-badge{color:#1e40af;font-size:calc(var(--font-body) * .8);white-space:nowrap;background-color:#dbeafe;border-radius:.8rem;align-self:flex-start;padding:.2rem .6667rem;font-weight:600}.mis-reservation-details-content .top-banner.approved,.reservation-details-wrapper .top-banner.approved{background-color:#ecfdf5;border-color:#a7f3d0}.mis-reservation-details-content .top-banner.approved .banner-info strong,.reservation-details-wrapper .top-banner.approved .banner-info strong{color:#065f46}.mis-reservation-details-content .top-banner.approved .banner-info p,.reservation-details-wrapper .top-banner.approved .banner-info p{color:#047857}.mis-reservation-details-content .top-banner.approved .banner-badge,.reservation-details-wrapper .top-banner.approved .banner-badge{color:#065f46;background-color:#d1fae5}.mis-reservation-details-content .top-banner.rejected,.reservation-details-wrapper .top-banner.rejected{background-color:#fef2f2;border-color:#fecaca}.mis-reservation-details-content .top-banner.rejected .banner-info strong,.reservation-details-wrapper .top-banner.rejected .banner-info strong{color:#991b1b}.mis-reservation-details-content .top-banner.rejected .banner-info p,.reservation-details-wrapper .top-banner.rejected .banner-info p{color:#b91c1c}.mis-reservation-details-content .top-banner.rejected .banner-badge,.reservation-details-wrapper .top-banner.rejected .banner-badge{color:#991b1b;background-color:#fee2e2}.mis-reservation-details-content .main-content-grid,.reservation-details-wrapper .main-content-grid{flex-direction:column;gap:1.0667rem;width:100%;display:flex}@media (width>=66.2rem){.mis-reservation-details-content .main-content-grid,.reservation-details-wrapper .main-content-grid{grid-template-columns:minmax(0,1fr) 21.3333rem;display:grid}}.mis-reservation-details-content .details-col,.reservation-details-wrapper .details-col{width:100%;min-width:0}.mis-reservation-details-content .details-col .info-grid,.reservation-details-wrapper .details-col .info-grid{flex-direction:column;gap:.8rem;width:100%;display:flex}@media (width>=42.7333rem){.mis-reservation-details-content .details-col .info-grid,.reservation-details-wrapper .details-col .info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9333rem 1.0667rem;display:grid}}.mis-reservation-details-content .details-col .info-grid label,.reservation-details-wrapper .details-col .info-grid label{font-size:calc(var(--font-body) * .75);color:#6b7280;letter-spacing:.0333rem;text-transform:uppercase;margin-bottom:.1333rem;font-weight:700;display:block}.mis-reservation-details-content .details-col .info-grid .val,.reservation-details-wrapper .details-col .info-grid .val{font-size:var(--font-body);color:#111827;word-break:break-word;overflow-wrap:anywhere}.mis-reservation-details-content .details-col .info-grid .val.font-bold,.reservation-details-wrapper .details-col .info-grid .val.font-bold{font-weight:600}.mis-reservation-details-content .details-col .full-width-field,.reservation-details-wrapper .details-col .full-width-field{margin-top:.9333rem}.mis-reservation-details-content .details-col .full-width-field label,.reservation-details-wrapper .details-col .full-width-field label{font-size:calc(var(--font-body) * .75);color:#6b7280;text-transform:uppercase;margin-bottom:.2667rem;font-weight:700;display:block}.mis-reservation-details-content .details-col .full-width-field .desc-text,.reservation-details-wrapper .details-col .full-width-field .desc-text{font-size:var(--font-body);color:#4b5563;word-break:break-word;overflow-wrap:anywhere;line-height:1.5}.mis-reservation-details-content .details-col .full-width-field.endorser-full-width,.reservation-details-wrapper .details-col .full-width-field.endorser-full-width{grid-column:1/-1;margin-top:0}.mis-reservation-details-content .details-col .equipment-grid-col,.reservation-details-wrapper .details-col .equipment-grid-col{grid-column:1/-1}.mis-reservation-details-content .sidebar-col,.reservation-details-wrapper .sidebar-col{width:100%;min-width:0}.mis-reservation-details-content .sidebar-col .summary-list,.reservation-details-wrapper .sidebar-col .summary-list{flex-direction:column;gap:.6667rem;display:flex}.mis-reservation-details-content .sidebar-col .summary-list .summary-item,.reservation-details-wrapper .sidebar-col .summary-list .summary-item{flex-direction:column;display:flex}.mis-reservation-details-content .sidebar-col .summary-list .summary-item .label,.reservation-details-wrapper .sidebar-col .summary-list .summary-item .label{font-size:calc(var(--font-body) * .75);color:#6b7280;text-transform:uppercase;font-weight:700}.mis-reservation-details-content .sidebar-col .summary-list .summary-item .val,.reservation-details-wrapper .sidebar-col .summary-list .summary-item .val{font-size:var(--font-body);word-break:break-word;font-weight:600}.mis-reservation-details-content .sidebar-col .summary-list .summary-item .val.ref-no,.reservation-details-wrapper .sidebar-col .summary-list .summary-item .val.ref-no{color:#3b82f6}.mis-reservation-details-content .sidebar-col .card-header-small h3,.reservation-details-wrapper .sidebar-col .card-header-small h3{margin-bottom:.1333rem}.mis-reservation-details-content .sidebar-col .card-header-small p,.reservation-details-wrapper .sidebar-col .card-header-small p{font-size:calc(var(--font-body) * .85);color:#6b7280;margin:0 0 .9333rem}.mis-reservation-details-content .sidebar-col .user-profile-box,.reservation-details-wrapper .sidebar-col .user-profile-box{background-color:#f9fafb;border-radius:.4rem;justify-content:space-between;align-items:center;gap:.5333rem;margin-bottom:.9333rem;padding:.6667rem;display:flex}.mis-reservation-details-content .sidebar-col .user-profile-box .user-details,.reservation-details-wrapper .sidebar-col .user-profile-box .user-details{align-items:center;gap:.5333rem;display:flex}.mis-reservation-details-content .sidebar-col .user-profile-box .user-details .avatar,.reservation-details-wrapper .sidebar-col .user-profile-box .user-details .avatar{color:#fff;width:2rem;height:2rem;font-weight:700;font-size:calc(var(--font-body) * .85);background-color:#4f46e5;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mis-reservation-details-content .sidebar-col .user-profile-box .user-details .avatar.avatar-cover,.reservation-details-wrapper .sidebar-col .user-profile-box .user-details .avatar.avatar-cover{object-fit:cover}.mis-reservation-details-content .sidebar-col .user-profile-box .user-details .sub-text,.reservation-details-wrapper .sidebar-col .user-profile-box .user-details .sub-text{font-size:calc(var(--font-body) * .75);color:#6b7280;display:block}.mis-reservation-details-content .sidebar-col .user-profile-box .user-details strong,.reservation-details-wrapper .sidebar-col .user-profile-box .user-details strong{font-size:var(--font-body);word-break:break-word}.mis-reservation-details-content .sidebar-col .user-profile-box .role-tag,.reservation-details-wrapper .sidebar-col .user-profile-box .role-tag{font-size:calc(var(--font-body) * .75);color:#3730a3;white-space:nowrap;background-color:#e0e7ff;border-radius:.2667rem;padding:.1333rem .4rem}.mis-reservation-details-content .sidebar-col .form-group,.reservation-details-wrapper .sidebar-col .form-group{margin-bottom:.9333rem}.mis-reservation-details-content .sidebar-col .form-group label,.reservation-details-wrapper .sidebar-col .form-group label{font-size:calc(var(--font-body) * .75);text-transform:uppercase;font-weight:700;display:block}.mis-reservation-details-content .sidebar-col .form-group label span,.reservation-details-wrapper .sidebar-col .form-group label span{color:#9ca3af;text-transform:none;font-weight:400}.mis-reservation-details-content .sidebar-col .form-group textarea,.reservation-details-wrapper .sidebar-col .form-group textarea{width:100%;font-size:var(--font-body);border:.0667rem solid #d1d5db;border-radius:.4rem;outline:none;margin-top:.2667rem;padding:.5333rem}.mis-reservation-details-content .sidebar-col .form-group textarea:focus,.reservation-details-wrapper .sidebar-col .form-group textarea:focus{border-color:#3b82f6}.mis-reservation-details-content .sidebar-col .action-buttons,.reservation-details-wrapper .sidebar-col .action-buttons{flex-direction:column;gap:.5333rem;display:flex}.mis-reservation-details-content .sidebar-col .action-buttons button,.reservation-details-wrapper .sidebar-col .action-buttons button{width:100%;font-weight:600;font-size:var(--font-body);border:none;border-radius:.4rem;padding:.6667rem}.mis-reservation-details-content .sidebar-col .action-buttons .btn-approve,.reservation-details-wrapper .sidebar-col .action-buttons .btn-approve{color:#fff;background-color:#10b981}.mis-reservation-details-content .sidebar-col .action-buttons .btn-reject,.reservation-details-wrapper .sidebar-col .action-buttons .btn-reject{color:#fff;background-color:#ef4444}.mis-reservation-details-content .sidebar-col .already-acted-msg,.reservation-details-wrapper .sidebar-col .already-acted-msg{text-align:center;font-weight:600;font-size:var(--font-body);padding:.6667rem}.mis-reservation-details-content .sidebar-col .already-acted-msg.approved,.reservation-details-wrapper .sidebar-col .already-acted-msg.approved{color:#059669}.mis-reservation-details-content .sidebar-col .already-acted-msg.rejected,.reservation-details-wrapper .sidebar-col .already-acted-msg.rejected{color:#dc2626}.mis-reservation-details-content .sidebar-col .hierarchy-disabled-hint,.reservation-details-wrapper .sidebar-col .hierarchy-disabled-hint{font-size:calc(var(--font-body) * .85);color:#64748b;text-align:center;margin-top:.8rem;line-height:1.4}.mis-reservation-details-content .tracker-card,.reservation-details-wrapper .tracker-card{min-width:0}.mis-reservation-details-content .tracker-card .pipeline-container,.reservation-details-wrapper .tracker-card .pipeline-container{-webkit-overflow-scrolling:touch;justify-content:space-between;gap:.8rem;padding-bottom:.8rem;display:flex;overflow-x:auto}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step{text-align:center;flex:1;min-width:6.6667rem;position:relative}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step .step-line,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step .step-line{z-index:1;background-color:#e5e7eb;width:100%;height:.1333rem;position:absolute;top:.9333rem;left:50%}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step.approved .step-line,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step.approved .step-line{background-color:#10b981}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step .step-circle,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step .step-circle{color:#fff;z-index:2;width:1.8667rem;height:1.8667rem;font-size:var(--font-body);background-color:#e5e7eb;border-radius:50%;place-items:center;margin:0 auto .4rem;display:grid;position:relative}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step.approved .step-circle,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step.approved .step-circle{background-color:#10b981}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step.rejected .step-circle,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step.rejected .step-circle{background-color:#ef4444}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step.pending .step-circle,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step.pending .step-circle{color:#78350f;background-color:#f59e0b}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step.your-turn .step-circle,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step.your-turn .step-circle{background-color:#3b82f6}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step .step-title,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step .step-title{font-size:calc(var(--font-body) * .85);font-weight:700}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step .step-status,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step .step-status{font-size:calc(var(--font-body) * .7);color:#6b7280;background-color:#e5e7eb;border-radius:.2667rem;margin:.1333rem 0;padding:.0667rem .3333rem;display:inline-block}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step.approved .step-status,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step.approved .step-status{color:#047857;background-color:#d1fae5}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step.your-turn .step-status,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step.your-turn .step-status{color:#1d4ed8;background-color:#dbeafe}.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step .step-date,.mis-reservation-details-content .tracker-card .pipeline-container .pipeline-step .step-sub,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step .step-date,.reservation-details-wrapper .tracker-card .pipeline-container .pipeline-step .step-sub{font-size:calc(var(--font-body) * .7);color:#6b7280}.mis-reservation-details-content .tracker-card .tracker-legend,.reservation-details-wrapper .tracker-card .tracker-legend{font-size:calc(var(--font-body) * .85);color:#6b7280;border-top:.0667rem solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5333rem;margin-top:.6667rem;padding-top:.6667rem;display:flex}.mis-reservation-details-content .tracker-card .tracker-legend .legend-items,.reservation-details-wrapper .tracker-card .tracker-legend .legend-items{flex-wrap:wrap;gap:.8rem;display:flex}.mis-reservation-details-content .tracker-card .tracker-legend .legend-items .dot,.reservation-details-wrapper .tracker-card .tracker-legend .legend-items .dot{margin-right:.1333rem}.mis-reservation-details-content .tracker-card .tracker-legend .legend-items .dot.dot-approved,.reservation-details-wrapper .tracker-card .tracker-legend .legend-items .dot.dot-approved{color:#10b981}.mis-reservation-details-content .tracker-card .tracker-legend .legend-items .dot.dot-yourturn,.reservation-details-wrapper .tracker-card .tracker-legend .legend-items .dot.dot-yourturn{color:#3b82f6}.mis-reservation-details-content .tracker-card .tracker-legend .legend-items .dot.dot-rejected,.reservation-details-wrapper .tracker-card .tracker-legend .legend-items .dot.dot-rejected{color:#ef4444}.mis-reservation-details-content .tracker-card .tracker-legend .legend-items .dot.dot-queued,.reservation-details-wrapper .tracker-card .tracker-legend .legend-items .dot.dot-queued{color:#d1d5db}.mis-reservation-details-content .history-card,.reservation-details-wrapper .history-card{min-width:0}.mis-reservation-details-content .history-card .history-list,.reservation-details-wrapper .history-card .history-list{flex-direction:column;gap:.6667rem;display:flex}.mis-reservation-details-content .history-card .history-list .history-item,.reservation-details-wrapper .history-card .history-list .history-item{background-color:#f9fafb;border-left:.2rem solid #d1d5db;border-radius:.4rem;gap:.6667rem;padding:.6667rem;display:flex}.mis-reservation-details-content .history-card .history-list .history-item.approved,.reservation-details-wrapper .history-card .history-list .history-item.approved{border-left-color:#10b981}.mis-reservation-details-content .history-card .history-list .history-item.approved .history-icon,.reservation-details-wrapper .history-card .history-list .history-item.approved .history-icon{color:#047857;background-color:#d1fae5}.mis-reservation-details-content .history-card .history-list .history-item.rejected,.reservation-details-wrapper .history-card .history-list .history-item.rejected{border-left-color:#ef4444}.mis-reservation-details-content .history-card .history-list .history-item.rejected .history-icon,.reservation-details-wrapper .history-card .history-list .history-item.rejected .history-icon{color:#ef4444;background-color:#fee2e2}.mis-reservation-details-content .history-card .history-list .history-item.pending,.reservation-details-wrapper .history-card .history-list .history-item.pending{border-left-color:#3b82f6}.mis-reservation-details-content .history-card .history-list .history-item.pending .history-icon,.reservation-details-wrapper .history-card .history-list .history-item.pending .history-icon{color:#1d4ed8;background-color:#dbeafe}.mis-reservation-details-content .history-card .history-list .history-item .history-icon,.reservation-details-wrapper .history-card .history-list .history-item .history-icon{width:1.4667rem;height:1.4667rem;font-size:calc(var(--font-body) * .85);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.mis-reservation-details-content .history-card .history-list .history-item .history-content,.reservation-details-wrapper .history-card .history-list .history-item .history-content{flex:1;min-width:0}.mis-reservation-details-content .history-card .history-list .history-item .history-content .history-header,.reservation-details-wrapper .history-card .history-list .history-item .history-content .history-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;display:flex}.mis-reservation-details-content .history-card .history-list .history-item .history-content .history-header strong,.reservation-details-wrapper .history-card .history-list .history-item .history-content .history-header strong{font-size:var(--font-body);flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.mis-reservation-details-content .history-card .history-list .history-item .history-content .history-header .action-badge,.reservation-details-wrapper .history-card .history-list .history-item .history-content .history-header .action-badge{color:#fff;font-size:calc(var(--font-body) * .7);border-radius:.2667rem;padding:.0667rem .3333rem}.mis-reservation-details-content .history-card .history-list .history-item .history-content .history-header .history-meta-right,.reservation-details-wrapper .history-card .history-list .history-item .history-content .history-header .history-meta-right{text-align:right;flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.mis-reservation-details-content .history-card .history-list .history-item .history-content .history-header .history-meta-right .history-date,.reservation-details-wrapper .history-card .history-list .history-item .history-content .history-header .history-meta-right .history-date{font-size:calc(var(--font-body) * .75);color:#6b7280;white-space:nowrap}.mis-reservation-details-content .history-card .history-list .history-item .history-content .history-header .history-meta-right .history-approver-name,.reservation-details-wrapper .history-card .history-list .history-item .history-content .history-header .history-meta-right .history-approver-name{font-size:calc(var(--font-body) * .85);color:#334155;white-space:nowrap;font-weight:600}.mis-reservation-details-content .history-card .history-list .history-item .history-content p,.reservation-details-wrapper .history-card .history-list .history-item .history-content p{font-size:calc(var(--font-body) * .9);color:#4b5563;word-break:break-word;overflow-wrap:anywhere;margin:.2rem 0 0}.mis-reservation-details-content .modal-overlay,.reservation-details-wrapper .modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:1.0667rem;display:flex;position:fixed;inset:0}.mis-reservation-details-content .modal-overlay.high-z,.reservation-details-wrapper .modal-overlay.high-z{z-index:10003}.mis-reservation-details-content .modal-overlay.alert-z,.reservation-details-wrapper .modal-overlay.alert-z{z-index:10002}.mis-reservation-details-content .modal-card,.reservation-details-wrapper .modal-card{background:#fff;border-radius:.8rem;width:min(28rem,100%);padding:1.4667rem;box-shadow:0 1.2rem 3rem #0f172a2e}.mis-reservation-details-content .modal-card .modal-title,.reservation-details-wrapper .modal-card .modal-title{font-size:var(--font-h3);align-items:center;gap:.5333rem;margin:0 0 .6667rem;font-weight:700;display:flex}.mis-reservation-details-content .modal-card .modal-title.success,.reservation-details-wrapper .modal-card .modal-title.success{color:#10b981}.mis-reservation-details-content .modal-card .modal-title.error,.reservation-details-wrapper .modal-card .modal-title.error{color:#ef4444}.mis-reservation-details-content .modal-card .modal-message,.reservation-details-wrapper .modal-card .modal-message{color:#6b7280;font-size:var(--font-body);margin:0 0 1.3333rem;line-height:1.55}.mis-reservation-details-content .modal-card .modal-actions,.reservation-details-wrapper .modal-card .modal-actions{justify-content:flex-end;gap:.6667rem;display:flex}.mis-reservation-details-content .modal-card .modal-actions .modal-button,.reservation-details-wrapper .modal-card .modal-actions .modal-button{color:#fff;min-width:4.8rem;font:inherit;font-size:var(--font-body);cursor:pointer;background:#3b82f6;border:0;border-radius:.4667rem;padding:.6rem 1.0667rem;font-weight:600}.mis-reservation-details-content .modal-card .modal-actions .modal-button.cancel-btn,.reservation-details-wrapper .modal-card .modal-actions .modal-button.cancel-btn{color:#0f172a;background:#e2e8f0}.mis-reservation-details-content .modal-card .modal-actions .modal-button.confirm-approve-btn,.reservation-details-wrapper .modal-card .modal-actions .modal-button.confirm-approve-btn{color:#fff;background:#10b981}.mis-reservation-details-content .modal-card .modal-actions .modal-button.confirm-reject-btn,.reservation-details-wrapper .modal-card .modal-actions .modal-button.confirm-reject-btn{color:#fff;background:#ef4444}.mis-reservation-details-content .modal-card .modal-actions .modal-button.understood-btn,.reservation-details-wrapper .modal-card .modal-actions .modal-button.understood-btn{color:#fff;background:#3b82f6}.topbar{box-sizing:border-box;background-color:#fff;border-bottom:.0667rem solid #eaeaea;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:4.2667rem;padding:.5333rem 2.1333rem;display:flex}.topbar .mobile-menu-btn{cursor:pointer;color:#111827;background:0 0;border:none;margin-right:1.0667rem;padding:0;display:none}@media (width<=64rem){.topbar .mobile-menu-btn{justify-content:center;align-items:center;padding:.5333rem;display:flex}}.topbar .header-titles{flex-direction:row;align-items:center;gap:1.0667rem;display:flex}.topbar .header-titles h1{color:#111827;margin:0;font-size:1.3333rem;font-weight:600}.topbar .header-titles p{font-size:var(--font-body);color:#6b7280;margin:0}.topbar .header-actions{align-items:center;gap:1.6rem;display:flex}.topbar .header-actions .notification-wrapper{align-items:center;display:flex;position:relative}.topbar .header-actions .notification-wrapper .notification-btn{color:#4b5563;cursor:pointer;background:0 0;border:.0667rem solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex;position:relative}.topbar .header-actions .notification-wrapper .notification-btn:hover{background-color:#f3f4f6}.topbar .header-actions .notification-wrapper .notification-btn .notification-dot{background-color:#ef4444;border:.1333rem solid #fff;border-radius:50%;width:.5333rem;height:.5333rem;position:absolute;top:.4rem;right:.5333rem}.topbar .header-actions .notification-wrapper .notification-dropdown{z-index:1000;background:#fff;border:.0667rem solid #e2e8f0;border-radius:.8rem;flex-direction:column;width:24rem;max-height:28rem;display:flex;position:absolute;top:calc(100% + .6667rem);right:-1.3333rem;overflow:hidden;box-shadow:0 .6667rem 1.6667rem #0000001f}@media (width<=51.2rem){.topbar .header-actions .notification-wrapper .notification-dropdown{width:calc(100vw - 2.1333rem);position:fixed;top:4rem;right:1.0667rem}}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-header{background:#fff;border-bottom:.0667rem solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.0667rem 1.3333rem;display:flex}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-header h3{font-size:var(--font-body);color:#1e293b;margin:0;font-weight:700}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-header .clear-all-btn{color:#64748b;cursor:pointer;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-header .clear-all-btn:hover{color:#ef4444}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body{flex-direction:column;display:flex;overflow-y:auto}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item{cursor:pointer;border-bottom:.0667rem solid #f1f5f9;gap:1.0667rem;padding:1.0667rem 1.3333rem;transition:background .2s,opacity .2s;display:flex}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item:last-child{border-bottom:none}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item:hover{background:#f8fafc}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item.unread{background:#f8fafc;position:relative}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item.read{opacity:.65;background:#fff}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item .notif-avatar{width:2.6667rem;height:2.6667rem;font-weight:700;font-size:var(--font-body);background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item .notif-avatar.bg-blue{color:#1d4ed8;background:#dbeafe}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item .notif-avatar.bg-green{color:#047857;background:#d1fae5}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item .notif-avatar.bg-yellow{color:#b45309;background:#fef3c7}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item .notif-avatar.bg-red{color:#b91c1c;background:#fee2e2}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item .notif-content{flex-direction:column;gap:.2667rem;display:flex}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item .notif-content p{font-size:var(--font-body);color:#1e293b;margin:0;line-height:1.4}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item .notif-content p strong{color:#0f172a;font-weight:600}.topbar .header-actions .notification-wrapper .notification-dropdown .dropdown-body .notif-item .notif-content span{color:#64748b;font-size:.7333rem}.topbar .header-actions .divider{background-color:#e5e7eb;width:.0667rem;height:1.8667rem}.topbar .header-actions .user-profile{cursor:pointer;align-items:center;gap:.8rem;display:flex}.topbar .header-actions .user-profile .avatar{object-fit:cover;border-radius:50%;width:2.4rem;height:2.4rem}.topbar .header-actions .user-profile .user-info{flex-direction:column;justify-content:center;display:flex}.topbar .header-actions .user-profile .user-info .user-name{color:#111827;font-size:.9333rem;font-weight:600;line-height:1.2}.topbar .header-actions .user-profile .user-info .user-role{color:#6b7280;font-size:.8rem;line-height:1.2}@media (width<=64rem){.topbar .mobile-menu-btn{align-items:center;display:flex}.topbar .header-titles p{display:none}}@media (width<=51.2rem){.topbar{height:4rem;padding:.8rem 1.0667rem}.topbar .mobile-menu-btn{margin-right:.5333rem}.topbar .header-titles h1{font-size:1.0667rem}.topbar .user-info{display:none}.topbar .header-actions{gap:.8rem}}.topbar-modal-overlay{z-index:10000;box-sizing:border-box;background:#0f172ab3;justify-content:center;align-items:center;padding:1.067rem;display:flex;position:fixed;inset:0}.topbar-modal-overlay .modal-wrapper{flex-direction:column;align-items:flex-end;gap:.533rem;width:100%;max-width:73.333rem;display:flex;position:relative}.topbar-modal-overlay .modal-wrapper .close-modal-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1.067rem;transition:all .2s;display:flex;box-shadow:0 .267rem .4rem -.067rem #0000001a}.topbar-modal-overlay .modal-wrapper .close-modal-btn:hover{background:#e2e8f0;transform:scale(1.05)}.topbar-modal-overlay .modal-wrapper .modal-content{background:#fff;border-radius:.8rem;width:100%;max-height:calc(100vh - 6.667rem);position:relative;overflow:hidden auto;box-shadow:0 1.333rem 1.667rem -.333rem #0000001a}@media (width>=46.667rem){.topbar-modal-overlay{padding:1.6rem}.topbar-modal-overlay .modal-wrapper{gap:.8rem}.topbar-modal-overlay .modal-wrapper .close-modal-btn{width:2.667rem;height:2.667rem;font-size:1.2rem}.topbar-modal-overlay .modal-wrapper .modal-content{max-height:calc(100vh - 8rem)}}.app-container{flex-direction:row;width:100%;height:100vh;display:flex;overflow:hidden}.main-content{background-color:#f4f7fe;flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.page-content{flex:1;min-height:0;padding:24px;overflow-y:auto}@media (width<=768px){.main-content{min-width:100vw;max-width:100vw;overflow-x:hidden;margin-left:0!important}}.landing-page{background-color:#f4f6f8;flex-direction:column;min-height:100vh;font-family:inherit;display:flex}.top-nav-bar{background-color:#f8f9fc;border-bottom:.0667rem solid #e2e8f0;justify-content:flex-end;align-items:center;height:3.2rem;padding:0 1.3333rem;display:flex}.top-login-btn{color:#fff;cursor:pointer;background-color:#007bb5;border:none;border-radius:1.3333rem;padding:.4rem 1.2rem;font-size:.9333rem;font-weight:700;transition:background-color .2s}.top-login-btn:hover{background-color:#006494}.brand-header{background-color:#fff;border-bottom:.0667rem solid #e2e8f0;padding:1.0667rem 1.3333rem;box-shadow:0 .1333rem .2667rem #00000005}.sti-logo-container{align-items:center;gap:1.0667rem;display:flex}.sti-yellow-box{color:#005596;background-color:#fff000;border-radius:.2667rem;align-items:center;gap:.2667rem;padding:.2667rem .5333rem;display:flex}.globe-icon{font-size:1.0667rem}.sti-text{letter-spacing:.0333rem;font-size:1.4667rem;font-weight:900}.brand-title{color:#1a8cc6;margin:0;font-size:1.3333rem;font-weight:800}.landing-content{flex:1;justify-content:center;align-items:center;padding:2.6667rem 1.3333rem;display:flex}.close-icon{cursor:pointer}.login-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.login-modal-content{background:#fff;border-radius:.5333rem;width:100%;max-width:28rem;padding:1.6rem;box-shadow:0 .6667rem 1.6667rem #00000026}.login-modal-content .modal-header{justify-content:flex-end;align-items:center;margin-bottom:2.1333rem;display:flex}.login-modal-content .modal-header .close-icon{cursor:pointer;color:#000;font-size:1.3333rem;font-style:normal}.login-modal-content .modal-header .close-icon:hover{color:#475569}.login-modal-content .modal-body{flex-direction:column;gap:1.0667rem;display:flex}.login-modal-content .modal-body button{cursor:pointer;border-radius:3.3333rem;justify-content:center;align-items:center;gap:.6667rem;width:100%;padding:.9333rem;font-size:.9333rem;font-weight:600;transition:all .2s;display:flex}.login-modal-content .modal-body .btn-office{color:#fff;background:#007bb5;border:.0667rem solid #e2e8f0}.login-modal-content .modal-body .btn-office i{color:#0078d4;font-size:1.2rem}.login-modal-content .modal-body .btn-office:hover{background:#a9a9a9;border-color:#cbd5e1}@media (width<=51.2rem){.login-modal-overlay{background-color:#fff;align-items:flex-start}.login-modal-content{max-width:100%;height:100vh;box-shadow:none;border-radius:0;margin-top:1.3333rem;padding:1.6rem}.login-modal-content .modal-header{justify-content:flex-end;margin-bottom:2.6667rem}.login-modal-content .modal-header .close-icon,.login-modal-content .modal-header .close-btn{font-size:1.6rem}}:root,body,html{color:#1e293b;font-family:Inter,system-ui,sans-serif;font-weight:400}html{font-size:15px}:root{--font-h1:clamp(1.5rem, 1.25rem + 1vw, 2rem);--font-h2:clamp(1.3rem, 1.15rem + .6vw, 1.6rem);--font-h3:clamp(1.15rem, 1.075rem + .3vw, 1.3rem);--font-body:.875rem}button,input,textarea,select{font-family:inherit;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,sans-serif;font-weight:700}label{font-weight:700}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100vh}