body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:spin 20s linear infinite}}.css-1mh4cpl-MuiPaper-root-MuiAccordion-root:before{display:none!important}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.css-1env1m9:before{display:none!important}.appContainer .css-mzavur-MuiContainer-root{max-width:700px}.App-link{color:#61dafb}.box_stats span{color:#70008b;color:var(--h1)}#root .appContainer{height:100%!important}:root{--h1:#70008b;--light-blue:#cde7ff;--hover-blue:#0183fc;--blue:#0248c0;--dark-blue:#003ca6;--orange:#f57c00;--red:#d30e00;--date:#c2005a;--delivered:hsla(0,0%,57%,.342);--text-delivered:#302f2f80}.table-cell-commis span{padding-right:60px}.driver_count_link a{background-color:#0248c0;background-color:var(--blue);border-radius:9px;color:#fff;padding:1rem 1.5rem;text-decoration:none}.driver_count_link a:hover{background-color:#0183fc;background-color:var(--hover-blue)}.svg-wrapper{display:inline-block;position:relative}.icon-base{position:relative;z-index:2}.svg-container{align-items:center;display:flex;height:64px;justify-content:center;width:64px}.car-icon{transform-origin:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s ease;will-change:transform,filter}.car-icon[data-dragover=true]{filter:brightness(150%) drop-shadow(0 0 8px rgba(66,66,66,.7));transform:scale(1.4)}.car-icon[data-drop=true]{animation:drop-pulse .5s cubic-bezier(.175,.885,.32,1.275)}.car-icon:hover{transform:scale(1.2);z-index:1000}@keyframes drop-pulse{0%{filter:brightness(100%);transform:scale(1)}50%{filter:brightness(150%);transform:scale(1.6)}to{filter:brightness(100%);transform:scale(1)}}.car-icon path{filter:drop-shadow(-1px -1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff)}.map-container{height:100vh;overflow:hidden;position:relative;width:100vw}#map{background:#f0f0f0;bottom:0;left:0;position:absolute;right:0;top:0}.leaflet-container{height:100%;width:100%;z-index:1}.leaflet-tile-pane{z-index:2}.leaflet-overlay-pane{z-index:3}.leaflet-marker-pane{z-index:4}.leaflet-popup-pane{z-index:5}.trash-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}.leaflet-marker-icon{backface-visibility:hidden;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.leaflet-marker-icon:hover{filter:drop-shadow(0 0 5px rgba(0,0,0,.5));z-index:1000!important}.label{background-color:#ffffffe6;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0000001a;font-size:12px;padding:6px 10px;text-align:center}.car-marker{transition:transform .3s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.car-marker:hover{transform:scale(1.1);z-index:1001!important}@keyframes marker-update{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.15)}to{filter:brightness(1);transform:scale(1)}}.marker-updated{animation:marker-update .6s ease-out}.leaflet-tooltip{background:#fffffff2;border:1px solid #cccccc80;border-radius:4px;box-shadow:0 1px 5px #0003;font-size:12px;padding:4px 8px;pointer-events:none;transition:opacity .2s ease;white-space:nowrap;z-index:1000}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{display:none}.leaflet-tooltip.driver-tooltip{background-color:#fff;border:none;border-radius:4px;box-shadow:0 2px 8px #00000026;margin-top:8px;min-width:80px;padding:6px 10px;pointer-events:none;text-align:center;transition:opacity .3s ease,transform .3s ease;white-space:nowrap;width:auto;z-index:1000}.leaflet-tooltip.driver-tooltip.hidden{opacity:0;transform:translateY(10px)}.map-toast{border-radius:6px;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;font-size:14px;font-weight:500;left:50%;max-width:80%;opacity:0;padding:12px 20px;pointer-events:none;position:fixed;text-align:center;transform:translateX(-50%);transition:opacity .3s ease,transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:9999}.map-toast.show{opacity:1;transform:translateX(-50%) translateY(-10px)}.map-toast-info{background-color:#2196f3}.map-toast-success{background-color:#4caf50}.map-toast-warning{background-color:#ff9800}.map-toast-error{background-color:#f44336}.map-container.drag-active:after{animation:pulse-border 2s ease-in-out infinite;background-color:#2196f30d;border:2px dashed #2196f380;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}@keyframes pulse-border{0%{border-color:#2196f34d}50%{border-color:#2196f3b3}to{border-color:#2196f34d}}.map-loading-spinner{bottom:16px;left:20px;position:absolute;z-index:1000}.map-loading{align-items:center;background-color:#ffffffe6;border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;font-size:12px;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:1000}.map-loading:after{animation:spin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#333;content:"";display:inline-block;height:12px;margin-left:10px;width:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-toast{animation:fadeIn .3s ease forwards;background-color:#f44336;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;left:50%;padding:10px 16px;position:absolute;top:10px;transform:translateX(-50%);z-index:1001}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.pulse{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.pulse:after,.pulse:before{animation:pulsing 2.5s linear infinite;background:currentColor;border-radius:50%;bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}.pulse:after{animation:pulsing1 2.5s linear infinite}@keyframes pulsing{0%{opacity:.2;transform:scale(1)}70%{opacity:.1;transform:scale(1.8)}80%,to{opacity:0;transform:scale(2)}}@keyframes pulsing1{0%{opacity:.2;transform:scale(1)}70%{opacity:.1;transform:scale(1.3)}80%,to{opacity:0;transform:scale(1.5)}}@media (max-width:768px){.map-container{height:100vh;left:0;position:fixed;top:0;width:100vw}#map{height:100%;width:100%}.map-loading-spinner{bottom:80px;left:50%;position:fixed;transform:translateX(-50%);z-index:2000}.error-message{background:#f44336f2;border-radius:8px;color:#fff;font-size:14px;left:10px;padding:12px;position:fixed;right:10px;text-align:center;top:10px;z-index:2000}.leaflet-tooltip{font-size:11px;max-width:150px;padding:3px 6px}.leaflet-tooltip.driver-tooltip{font-size:10px;min-width:70px;padding:4px 8px}.svg-container{height:48px;width:48px}.car-icon{transform:scale(.8)}.car-icon:hover{transform:scale(1)}.car-icon[data-dragover=true]{transform:scale(1.2)}.leaflet-control-zoom{border-radius:8px;box-shadow:0 2px 8px #0000004d;position:fixed;right:10px;top:80px}.leaflet-control-zoom a{font-size:20px;height:36px;line-height:36px;width:36px}.mobile-panel-overlay{background:#0000;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:1999}.mobile-panel-overlay.active{opacity:1;pointer-events:auto}.mobile-bottom-sheet{border-radius:16px 16px 0 0!important;bottom:0!important;left:0!important;max-height:85vh!important;max-width:100%!important;position:fixed!important;right:0!important;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%!important;z-index:2000!important}.mobile-bottom-sheet.open{transform:translateY(0)}.mobile-sheet-handle{background:#0000004d;border-radius:2px;height:4px;margin:12px auto 8px;width:48px}.mobile-fab-container{bottom:20px;display:flex;flex-direction:column;gap:12px;position:fixed;right:20px;z-index:1500}.map-toast{bottom:100px;left:10px;max-width:calc(100% - 20px);right:10px;transform:translateX(0)}.map-toast.show{transform:translateX(0) translateY(-10px)}}@media (max-width:480px){.svg-container{height:40px;width:40px}.car-icon{transform:scale(.7)}.leaflet-tooltip{font-size:10px;padding:2px 4px}.MuiFab-root{height:48px!important;width:48px!important}.mobile-bottom-sheet .MuiTypography-h6{font-size:1rem!important}.mobile-bottom-sheet .MuiTypography-body2{font-size:.75rem!important}.mobile-bottom-sheet .MuiChip-root{font-size:.65rem!important;height:20px!important}}@media (min-width:769px) and (max-width:1024px){.location-panel,.notification-panel{max-width:45vw;width:380px!important}.svg-container{height:56px;width:56px}}@media (max-width:768px) and (orientation:landscape){.mobile-bottom-sheet{max-height:70vh!important}.mobile-fab-container{bottom:10px;flex-direction:row;right:10px}.leaflet-control-zoom{top:10px}.leaflet-control-zoom a{font-size:18px;height:32px;line-height:32px;width:32px}}@media (pointer:coarse){.MuiIconButton-root,.MuiListItem-root{padding:12px!important}.MuiListItem-root{min-height:56px}.car-icon:hover{transform:none}.leaflet-marker-icon:hover{filter:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.mobile-bottom-sheet{box-shadow:0 -2px 16px #00000026}.leaflet-tooltip{border:.5px solid #cccccc80}}@supports (padding:env(safe-area-inset-bottom)){.mobile-bottom-sheet{padding-bottom:env(safe-area-inset-bottom)}.mobile-fab-container{bottom:calc(20px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right))}}@media (max-width:768px){body.map-view{height:100%;overflow:hidden;position:fixed;width:100%}body:not(.map-view){height:auto;min-height:100vh;overflow:auto;position:static}.map-container,body,body:not(.map-view),html{-webkit-overflow-scrolling:touch}body,html{overflow-x:hidden}.MuiBox-root,.MuiContainer-root,.MuiTableContainer-root{-webkit-overflow-scrolling:touch}.MuiTableContainer-root{max-width:100vw;overflow-x:auto}.MuiAccordion-root,.MuiAccordionDetails-root{-webkit-overflow-scrolling:touch}.driver-card{border-radius:12px;margin:8px 0}.driver-card .MuiCardContent-root{padding:12px!important}.responsive-table{display:block}.responsive-table thead{display:none}.responsive-table tbody,.responsive-table td,.responsive-table tr{display:block;width:100%}.responsive-table tr{border:1px solid #0000001f;border-radius:8px;margin-bottom:12px;padding:12px}.responsive-table td{padding:4px 0 4px 40%!important;position:relative;text-align:left!important}.responsive-table td:before{content:attr(data-label);font-size:.75rem;font-weight:600;left:12px;position:absolute;text-align:left;width:35%}.stats-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;padding:12px}.order-detail-modal{margin:0!important;max-height:100vh!important;width:100%!important}.order-detail-modal .MuiDialogContent-root{padding:12px!important}.dispatch-form .MuiTextField-root{margin-bottom:12px!important}.dispatch-form .MuiButton-root{font-size:16px;height:48px;width:100%}.notification-badge{font-size:10px;height:18px;min-width:18px;right:-4px;top:-4px}.dispatch-list-item{border-bottom:1px solid #00000014;padding:12px!important}.dispatch-list-item:last-child{border-bottom:none}.MuiChip-root{margin:2px!important;touch-action:manipulation}.MuiDrawer-paper{max-width:320px!important;width:85vw!important}.MuiDrawer-root[aria-hidden=false]{position:fixed!important;z-index:1300!important}.mobile-main-content{margin-left:0!important;padding:0!important;width:100%!important}.MuiSpeedDial-root{bottom:72px!important;position:fixed!important;right:16px!important}.fab-group{bottom:16px;display:flex;flex-direction:column;gap:8px;position:fixed;right:16px;z-index:1400}.MuiPagination-root{padding:8px 0}.MuiPagination-ul{justify-content:center}.MuiPaginationItem-root{height:32px;margin:0 2px;min-width:32px}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.status-indicator.active{background-color:#4caf50}.status-indicator.inactive{background-color:#f44336}.status-indicator.pending{background-color:#ff9800}}@media (max-width:380px){.MuiTypography-h4{font-size:1.25rem!important}.MuiTypography-h5{font-size:1.1rem!important}.MuiTypography-h6{font-size:1rem!important}.MuiButton-root{min-width:48px!important;padding:6px 12px!important}.MuiFab-root{height:44px!important;width:44px!important}.MuiFab-root .MuiSvgIcon-root{font-size:20px!important}.MuiContainer-root{padding-left:8px!important;padding-right:8px!important}.mobile-bottom-sheet{border-radius:12px 12px 0 0!important}}@media (max-width:768px) and (prefers-color-scheme:dark){.mobile-bottom-sheet{background-color:#1e1e1e!important}.mobile-panel-overlay{background:#000000b3}.mobile-sheet-handle{background:#ffffff4d}.driver-card{background-color:#2a2a2a;border:1px solid #ffffff1a}}