@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";.header{position:fixed;top:0;right:0;height:70px;background-color:#c62828;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1100;transition:top .2s ease,left .2s ease,background-color .2s ease}.header.with-banner{top:28px}.header.sidebar-open{left:280px}.header.sidebar-closed{left:0}.header.booking-theme-courier{background-color:#009688}.header.booking-theme-parcel{background-color:#4c8b2c}.header.booking-theme-bulk{background-color:navy}.header-left{display:flex;align-items:center;gap:8px}.header-breadcrumb{display:flex;align-items:center;gap:2px}.header-breadcrumb-sep{color:#ffffffb3!important;font-size:18px!important}.header-breadcrumb-current{color:#fff!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.3px}.header-menu-toggle{color:#fff;padding:6px}.header-menu-toggle:hover{background-color:#ffffff1a}.header-menu-toggle svg{font-size:24px}.header-home-btn{color:#fff!important;text-transform:none;font-size:.8rem;font-weight:500}.header-home-btn:hover{background-color:#ffffff1a}.header-home-btn .MuiButton-startIcon{color:#fff}.header-home-icon{font-size:18px;color:#fff}.header-right{display:flex;align-items:center;gap:16px}.header-search{display:flex;align-items:center;gap:4px}.header-search-icon{color:#fff;font-size:18px}.header-search-label{color:#fff;font-size:.75rem;margin-right:4px}.header-search-input{background-color:#ffffff26;border-radius:4px;padding:2px 8px;color:#fff;font-size:1.25rem;width:180px;border:none;outline:none}.header-search-input::placeholder{color:#fff9;opacity:1}.header-welcome{font-size:.75rem;color:#fff}.header-avatar{background-color:#ff7043;width:30px;height:30px;font-size:.75rem;cursor:pointer}.user-menu-header{padding:8px 16px}.user-menu-name{font-weight:600;font-size:.875rem}.user-menu-role{font-size:.75rem;color:#666}.user-menu-item{font-size:.875rem}.user-menu-item-icon{margin-right:8px;font-size:20px}.user-menu-logout{color:#d32f2f}.header.mobile{left:0!important;padding:0 8px}.header.mobile .header-right{gap:8px}.header-mobile-title{color:#fff;font-size:.85rem!important;font-weight:600!important;letter-spacing:.5px;cursor:pointer;white-space:nowrap}.user-menu-welcome{opacity:1!important;padding:8px 16px!important}.sidebar{position:fixed;left:0;top:0;height:100vh;background:#fff;transition:width .25s cubic-bezier(.4,0,.2,1);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;z-index:1200;border-right:1px solid rgba(145,158,171,.12)}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.sidebar:hover::-webkit-scrollbar-thumb{background:#919eab3d}.sidebar.open{width:280px}.sidebar.closed{width:0}.sidebar-logo{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(145,158,171,.12);background-color:#c62828;min-height:70px;height:70px;flex-shrink:0}.sidebar-logo-content{display:flex;align-items:center;gap:6px;flex:1}.sidebar-logo-image{height:35px;width:auto;object-fit:contain}.sidebar-toggle-btn{color:#fffc;padding:4px}.sidebar-toggle-btn:hover{color:#fff;background:#ffffff1f}.sidebar-quick-links{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(145,158,171,.12);flex-shrink:0}.quick-link{font-size:.7rem!important;font-weight:700!important;letter-spacing:.05em!important;color:#00b8d9!important;cursor:pointer;padding:4px 12px;border-radius:6px;transition:all .2s}.quick-link:hover{background:#00b8d914}.sidebar-menu{padding:8px 0 16px!important;flex-grow:1}.menu-group{margin-bottom:2px}.menu-item{padding:8px 16px!important;margin:2px 10px!important;min-height:44px!important;border-radius:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.menu-item:hover{background:#919eab14!important}.menu-item.has-active{background:#00b8d914!important}.menu-item.has-active .menu-item-icon svg{color:#00b8d9}.menu-item.has-active .menu-item-text span{color:#212b36!important;font-weight:700!important}.menu-item.has-active:hover{background:#00b8d91f!important}.menu-item-icon{min-width:36px!important}.menu-item-icon svg{font-size:20px;color:#637381;transition:color .2s}.menu-item-text{margin:0!important}.menu-item-text span{font-size:.82rem!important;font-weight:600!important;color:#212b36!important;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-expand-icon{font-size:18px!important;color:#919eab;transition:color .2s}.submenu-list{padding:4px 10px!important}.submenu-item{padding:5px 12px 5px 20px!important;min-height:34px!important;margin-bottom:1px!important;border-radius:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.submenu-item .submenu-indicator{width:4px;height:4px;border-radius:50%;background:#c4cdd5;margin-right:14px;flex-shrink:0;transition:all .2s ease}.submenu-item:hover{background:#919eab14!important}.submenu-item:hover .submenu-indicator{background:#637381}.submenu-item:hover .submenu-text span{color:#212b36!important}.submenu-item.active{background:#00b8d914!important}.submenu-item.active .submenu-indicator{width:6px;height:6px;background:#00b8d9}.submenu-item.active .submenu-text span{color:#00b8d9!important;font-weight:600!important}.submenu-text{margin:0!important}.submenu-text span{font-size:.78rem!important;font-weight:450!important;color:#637381!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;line-height:1.6!important}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:1199}.sidebar.mobile{z-index:1201;box-shadow:8px 0 24px #00000029}.main-layout{display:flex;min-height:100vh}.main-layout-right{display:flex;flex-direction:column;flex-grow:1;min-width:0;min-height:100vh;transition:margin-left .2s ease}.main-layout-right.sidebar-open{margin-left:280px}.main-layout-right.sidebar-closed{margin-left:0}.scrolling-banner{position:fixed;top:0;left:0;right:0;height:28px;background-color:#b0c;z-index:1101;display:flex;align-items:center;overflow:hidden}.scrolling-banner marquee{color:#fff;font-size:1.25rem;font-weight:500;letter-spacing:.3px;line-height:28px;white-space:nowrap}.main-content{flex-grow:1;padding:16px;margin-top:70px;background-color:#eceff1;min-height:calc(100vh - 70px);overflow-x:hidden}.main-content.with-banner{margin-top:98px;min-height:calc(100vh - 98px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:inherit!important}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.section-to-print{display:none!important}.section-to-print.show{display:inherit!important}.grid-overflow{margin-left:.6rem!important;overflow:hidden;overflow-wrap:anywhere}@media print{body *{visibility:hidden}.section-to-print,.section-to-print *{visibility:visible}.section-to-print{display:block!important;position:absolute;left:0;top:0}.section-to-print.single-page{height:100%;overflow:hidden}.section-to-print .p-hide{display:none!important}.dc-remittance-print{zoom:.87;width:100%}body[data-print-type=delivery] .delivery-print-view{display:block!important;position:absolute;left:0;top:0;width:100%;background:#fff;font-family:Roboto,Arial,Helvetica,sans-serif!important}}
