.fallback-spinner{position:relative;display:flex;height:100vh;width:100%}.loading{position:absolute;left:calc(50% - 35px);top:50%;width:55px;height:55px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid transparent}.effect-1,.effect-2{position:absolute;width:100%;height:100%;border:3px solid transparent;border-left:3px solid #2962ff;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.effect-1{animation:rotate 1s ease infinite}.effect-2{animation:rotateOpacity 1s ease infinite .1s}.effect-3{width:100%;height:100%;border:3px solid transparent;border-left:3px solid #2962ff;-webkit-animation:rotateOpacity 1s ease infinite .2s;animation:rotateOpacity 1s ease infinite .2s;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.loading .effects{transition:all .3s ease}.fallback-logo{position:absolute;left:calc(50% - 45px);top:40%}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateOpacity{0%{-webkit-transform:rotate(0deg);transform:rotate(0);opacity:.1}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}:root{--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--bp-xs: 0px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1600px;--font-scale-1: 12px;--font-scale-2: 14px;--font-scale-3: 16px;--font-scale-4: 18px;--font-scale-5: 20px;--font-scale-6: 24px;--font-scale-7: 28px;--font-scale-8: 32px;--font-scale-9: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--elev-0: none;--elev-1: 0 1px 2px rgba(0, 0, 0, .05);--elev-2: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--elev-3: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--elev-4: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--elev-5: 0 20px 25px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .04);--content-max-width: 1440px;--container-padding-mobile: var(--space-4);--container-padding-tablet: var(--space-6);--container-padding-desktop: var(--space-8);--touch-target-min: 44px;--touch-target-comfortable: 48px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--bottom-nav-height: 56px;--drawer-width: 280px;--header-height-mobile: 56px;--header-height-desktop: 64px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--transition-fast: .15s;--transition-base: .24s;--transition-slow: .35s;--transition-ease: cubic-bezier(.4, 0, .2, 1)}.responsive-container{padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile);max-width:var(--content-max-width);margin-left:auto;margin-right:auto}@media (min-width: 768px){.responsive-container{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}@media (min-width: 1024px){.responsive-container{padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}}@media (max-width: 767px){html,body{overflow-x:hidden!important;width:100%;position:relative}body{margin:0;padding:0}#root{overflow-x:hidden!important;width:100%;max-width:100vw}*{box-sizing:border-box}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;flex-direction:row;gap:var(--space-3)}.row-sm{display:flex;flex-direction:row;gap:var(--space-2)}.row-lg{display:flex;flex-direction:row;gap:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hide-mobile{display:none}.show-mobile,.hide-tablet,.hide-desktop{display:block}@media (min-width: 480px){.hide-sm{display:none}.show-sm{display:block}.only-xs{display:none}}@media (min-width: 768px){.hide-mobile{display:block}.show-mobile,.hide-md{display:none}.show-md{display:block}.only-mobile,.hide-tablet{display:none}}@media (min-width: 1024px){.hide-lg{display:none}.show-lg{display:block}.only-tablet,.hide-desktop{display:none}}@media (min-width: 1280px){.hide-xl{display:none}.show-xl{display:block}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.safe-top{padding-top:var(--safe-area-inset-top)}.safe-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-left{padding-left:var(--safe-area-inset-left)}.safe-right{padding-right:var(--safe-area-inset-right)}.mobile-nav-spacer{height:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom))}.mobile-header-spacer{height:var(--header-height-mobile)}@media (max-width: 767.95px){.mainwrapper{flex-direction:column!important}.sidebar-drawer .MuiDrawer-paper{width:100%!important;position:fixed!important;z-index:1300!important;transform:translate(-100%)!important;transition:transform .225s cubic-bezier(0,0,.2,1) 0ms!important}.sidebar-drawer.MuiDrawer-docked{position:fixed!important;width:0!important}.sidebar-drawer .MuiDrawer-paper.sidebar-mobile-open{transform:translate(0)!important}.page-wrapper{margin-left:0!important;width:100%!important;padding:0!important}.MuiContainer-root{padding-left:var(--container-padding-mobile)!important;padding-right:var(--container-padding-mobile)!important;max-width:100%!important}.map-container{height:calc(100vh - var(--bottom-nav-height) - var(--safe-area-inset-bottom))!important;width:100%!important}.MuiAppBar-root{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1200!important}.MuiToolbar-root{min-height:48px!important;padding-left:8px!important;padding-right:8px!important}.maplibregl-popup-content{width:280px!important;max-width:calc(100vw - 40px)!important;font-size:14px!important}.maplibregl-popup.maplibregl-popup-anchor-top{max-width:calc(100vw - 40px)!important}.status-card{width:calc(100vw - 20px)!important;max-width:350px!important;left:10px!important;right:10px!important;bottom:70px!important}.device-list-mobile{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:40vh!important;z-index:1100!important;border-radius:16px 16px 0 0!important;transform:translateY(calc(100% - 48px))!important;transition:transform .3s ease-in-out!important}.device-list-mobile.expanded{transform:translateY(0)!important}.MuiFab-root{position:fixed!important;bottom:16px!important;right:16px!important;z-index:1050!important}.MuiFab-root:nth-of-type(2){bottom:80px!important}.MuiFab-root:nth-of-type(3){bottom:144px!important}.MuiOutlinedInput-root{font-size:14px!important}.MuiPopover-paper{max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 100px)!important}.MuiFormControl-root{margin-bottom:8px!important}.MuiTextField-root{margin-bottom:16px!important}.MuiTableContainer-root{overflow-x:auto!important;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.MuiTable-root{min-width:300px!important;width:100%}.MuiPaper-root:has(.MuiTableContainer-root){overflow:hidden;max-width:100%}.MuiPaper-root{margin:4px!important;border-radius:8px!important;max-width:100%;overflow:hidden}.MuiContainer-root{max-width:100vw!important;padding-left:8px!important;padding-right:8px!important;overflow-x:hidden}.MuiBox-root{max-width:100%}.MuiButton-root{padding:6px 12px!important;font-size:.75rem!important}.MuiIconButton-root{padding:8px!important}.MuiTypography-h1{font-size:2rem!important}.MuiTypography-h2{font-size:1.75rem!important}.MuiTypography-h3{font-size:1.5rem!important}.MuiTypography-h4{font-size:1.25rem!important}.MuiTypography-h5{font-size:1.125rem!important}.MuiTypography-h6{font-size:1rem!important}.MuiDialog-paper{margin:16px!important;width:calc(100vw - 32px)!important;max-height:calc(100vh - 64px)!important}.MuiDialogTitle-root{padding:16px!important}.MuiDialogContent-root{padding:8px 16px!important}.MuiDialogActions-root{padding:8px 16px 16px!important}}@media (max-width: 899.95px){.mainwrapper{flex-direction:column!important}.page-wrapper{margin-left:0!important}.MuiDrawer-root .MuiDrawer-paper{width:280px!important}.map-container{height:calc(100vh - 64px)!important}.device-list-tablet{width:320px!important;position:fixed!important;left:-320px!important;top:64px!important;height:calc(100vh - 64px)!important;z-index:1100!important;transition:left .3s ease-in-out!important}.device-list-tablet.expanded{left:0!important}.MuiToolbar-root{padding-left:16px!important;padding-right:16px!important}.status-card{width:calc(100vw - 40px)!important;max-width:400px!important;left:20px!important;right:20px!important}}@media (max-width: 1199.95px){.MuiDrawer-root .MuiDrawer-paper{width:240px!important}.map-padding-medium{padding-left:240px!important}.MuiContainer-maxWidthLg{max-width:100%!important}}@media (max-height: 599.95px) and (orientation: landscape){.device-list-mobile{height:60vh!important;transform:translateY(calc(100% - 40px))!important}.MuiFab-root{bottom:12px!important;right:12px!important}.status-card{bottom:50px!important}}.maplibregl-canvas,.maplibregl-map{width:100%!important;height:100%!important}@media (max-width: 599.95px){.maplibregl-ctrl-top-right{top:60px!important;right:10px!important}.maplibregl-ctrl-bottom-right{bottom:60px!important;right:10px!important}.maplibregl-ctrl-bottom-left{bottom:60px!important;left:10px!important}.maplibregl-ctrl{margin:4px!important}.maplibregl-ctrl-group{border-radius:6px!important}.maplibregl-ctrl-group button{width:32px!important;height:32px!important;font-size:14px!important}}@media (pointer: coarse){.MuiIconButton-root{min-width:44px!important;min-height:44px!important}.MuiButton-root{min-height:44px!important}.MuiTableCell-root{padding:12px 8px!important}.MuiListItem-root{padding:12px 16px!important}}.mobile-hidden{display:block!important}.desktop-hidden{display:none!important}@media (max-width: 899.95px){.mobile-hidden{display:none!important}.desktop-hidden{display:block!important}}@media print{.no-print,.MuiDrawer-root,.MuiAppBar-root,.MuiFab-root{display:none!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.maplibregl-ctrl-icon{background-size:20px 20px!important}}@media (prefers-color-scheme: dark){.maplibregl-popup-content{background-color:#2a3447!important;color:#e5eaef!important}.maplibregl-popup-tip{border-bottom-color:#2a3447!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.MuiButton-root:focus-visible,.MuiIconButton-root:focus-visible,.MuiTab-root:focus-visible{outline:2px solid #5d87ff!important;outline-offset:2px!important}.main-map-root{height:100vh!important;overflow:hidden!important}@media (max-width: 899.95px){.main-map-sidebar{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:auto!important;z-index:1200!important;background:rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.main-map-content{margin-top:60px!important;height:calc(100vh - 60px)!important}}@media (max-width: 599.95px){.device-row{padding:8px 12px!important}.device-row-text{font-size:14px!important}.device-row-secondary{font-size:12px!important}}.status-card-responsive{position:fixed!important;z-index:1000!important;max-width:400px!important;box-shadow:0 8px 32px #0000001f!important;border-radius:12px!important}@media (max-width: 599.95px){.status-card-responsive{left:10px!important;right:10px!important;bottom:70px!important;max-width:none!important;width:calc(100vw - 20px)!important}}@media (min-width: 600px) and (max-width: 899.95px){.status-card-responsive{left:20px!important;bottom:20px!important;width:380px!important}}@media (min-width: 900px){.status-card-responsive{left:380px!important;bottom:20px!important;width:400px!important}}