:root{--sb-width:105px;--header-height:2rem;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}.showOnMobile{display:none}.editing .leaflet-container{cursor:crosshair!important}body.el-popup-parent--hidden{padding-right:0!important}body,html{height:100%;height:100dvh}body,html{margin:0;padding:0}body{overflow:hidden;position:relative;width:100%;max-width:100vw}*{margin:0;padding:0}#app{font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;color:#2c3e50;flex-direction:column;width:100%;max-width:100vw;min-height:100dvh}#app,#head{display:flex;overflow:hidden;position:relative}#head{padding-top:var(--sat);height:calc(var(--header-height) + var(--sat));min-height:calc(var(--header-height) + var(--sat));border-bottom:var(--el-text-color-primary) 1px solid;background:var(--el-bg-color);align-content:space-between;justify-content:space-between;z-index:1010;box-sizing:border-box}#head #user{display:flex}#logo{padding:.5rem}#content{display:flex;width:100%;max-width:100vw;overflow:hidden}#content,#menu{height:calc(100dvh - var(--header-height) - var(--sat));max-height:calc(100dvh - var(--header-height) - var(--sat));position:relative}#menu{width:var(--sb-width);background:var(--el-color-primary);transition:width .3s ease,opacity .3s ease;box-shadow:inset -1px 0 0 hsla(0,0%,100%,.08);z-index:1005;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));pointer-events:none;z-index:0}#menu.sidebar-closed{width:0!important;overflow:hidden}#menu.sidebar-closed #version{display:none}#version{position:absolute;bottom:.6rem;left:.2rem;width:calc(var(--sb-width) - .4rem);background:hsla(0,0%,100%,.15);color:#fff;padding:.3rem .4rem;font-size:.55rem;border-radius:10px;box-sizing:border-box;text-align:center;font-weight:600;cursor:pointer;transition:background .2s;z-index:1}#version:hover{background:hsla(0,0%,100%,.25)}#open{height:calc(100dvh - var(--header-height) - var(--sat));background:var(--el-bg-color);color:var(--el-text-color-primary);display:flex;align-content:center;justify-content:space-between;transition:.2s;opacity:0;width:0;overflow:hidden}#open.allowExpand .expandBtn{position:absolute;left:555px;top:50%;z-index:9999999999;border:1px solid #fff;background:var(--el-color-primary);padding:25px 5px;color:#fff;transform:translateY(-50%);border-radius:0 8px 8px 0;cursor:pointer;transition:all .2s}#open.allowExpand .expandBtn:hover{filter:brightness(1.1);padding:25px 8px}#open.shown{opacity:1;width:700px}#open.allowExpand.expanded{width:1400px!important}#open.allowExpand.expanded .expandBtn{left:805px}#open.allowExpand.expanded .expandBtn i{transform:rotate(180deg)}#open.shown.editing{width:130px!important}#open.shown.editing div{display:flex;flex-direction:column-reverse;align-content:space-between;justify-content:space-between}#open #rv{overflow-y:auto;height:calc(100dvh - var(--header-height) - var(--sat) - 130px);padding:7px}#open.minimized{height:35px!important}::-webkit-scrollbar{width:8px;height:4px;background:#f5f5f5}::-webkit-scrollbar-thumb{width:8px;height:5px;background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--el-color-info)}*{scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5}#menu .indicator{display:none!important}#menu ul{list-style:none;margin-top:.8rem;padding:0;display:flex;flex-direction:column;align-items:center;width:100%;position:relative;z-index:1}#menu ul li{padding:6px 0 8px;z-index:5}#menu ul li,#menu ul li a{position:relative;width:100%;height:auto;display:flex;justify-content:center}#menu ul li a{color:#fff;align-items:center;flex-direction:column;gap:6px;text-decoration:none!important;padding:0 5px;box-sizing:border-box}#menu ul li a .el-icon{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:1.2rem;box-shadow:0 6px 14px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease;will-change:transform,box-shadow}#menu ul li a .text{position:static;display:block;width:auto;max-width:100%;transform:none!important;opacity:1;color:#fff;font-weight:600;font-size:10px;line-height:1.2;letter-spacing:0;text-align:center;text-transform:uppercase;padding:0 3px;white-space:nowrap}#menu ul li:hover a .el-icon{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 20px rgba(0,0,0,.22)}#menu ul li.active a .el-icon{transform:translateY(-1px) scale(1.03);box-shadow:0 12px 22px rgba(0,0,0,.28)}#menu ul li:first-child a .el-icon{background:linear-gradient(180deg,#60a5fa,#2563eb)}#menu ul li:nth-child(2) a .el-icon{background:linear-gradient(180deg,#a855f7,#7c3aed)}#menu ul li:nth-child(3) a .el-icon{background:linear-gradient(180deg,#fb923c,#f97316)}#menu ul li:nth-child(4) a .el-icon{background:linear-gradient(180deg,#fbbf24,#f59e0b)}#menu ul li:nth-child(5) a .el-icon{background:linear-gradient(180deg,#f472b6,#db2777)}#menu ul li:nth-child(6) a .el-icon{background:linear-gradient(180deg,#34d399,#10b981)}#menu ul li:nth-child(7) a .el-icon{background:linear-gradient(180deg,#38bdf8,#0ea5e9)}#menu ul li:nth-child(8) a .el-icon{background:linear-gradient(180deg,#f87171,#ef4444)}#main{width:calc(var(--vw, 100vw) - var(--sb-width));height:calc(100dvh - var(--header-height) - var(--sat));transition:width .3s ease}#main.sidebar-closed{width:var(--vw,100vw)!important}#main.minimized{height:calc(100dvh - var(--header-height) - var(--sat) - 15px)!important}.el-form-item{margin-bottom:10px;display:flex;align-items:center}.el-form-item__label{flex:1;text-align:left}.el-form-item__content{flex:2;display:flex;align-items:center}.el-switch{margin-left:10px}#heading{text-align:center;font-weight:700;background:linear-gradient(135deg,var(--el-color-primary),#0a62c2);border-radius:16px;padding:12px 40px;color:var(--el-color-white);position:relative;z-index:0;margin:10px;box-shadow:0 4px 12px rgba(0,0,0,.15)}#open{z-index:1}#heading span:first-child,#heading span:last-child{position:absolute;top:0;padding:8px;font-size:22px;cursor:pointer;transition:transform .2s}#heading span:first-child{left:8px}#heading span:last-child{right:8px}#heading span:hover{transform:scale(1.1)}body.rtl #app div #content{flex-direction:row-reverse!important}body.rtl #app div #content #menu ul .indicator:after{left:calc(50% + 7px);bottom:-18px;border-top-right-radius:0;border-top-left-radius:20px;box-shadow:-10px 0 0 0 var(--el-bg-color)}body.rtl #app div #content #menu ul li a .text{left:45px}body.rtl #app div #content #menu ul li.active a .text{left:20px}body.rtl #app div #content #menu ul li a .el-icon{transform:translateX(-7px)}body.rtl #app div #content #menu ul li.active a .el-icon{transform:translateX(-45px)}.notification-soft-red{--el-color-white:#fdd!important;--el-notification-icon-color:#181818!important;--el-notification-content-color:#181818!important}.notification-soft-red .el-icon{color:#181818!important}.notification-red{--el-color-white:#f44336!important;--el-notification-icon-color:#fff!important;--el-notification-title-color:#fff!important}.notification-red .el-icon{color:#fff!important}.notification-soft-yellow{--el-color-white:#ffc!important;--el-notification-icon-color:#181818!important;--el-notification-title-color:#181818!important}.notification-soft-yellow .el-icon{color:#181818!important}.notification-yellow{--el-color-white:#ffeb3b!important;--el-notification-icon-color:#181818!important;--el-notification-title-color:#181818!important}.notification-yellow .el-icon{color:#181818!important}.notification-soft-green{--el-color-white:#dfd!important;--el-notification-icon-color:#181818!important;--el-notification-title-color:#181818!important}.notification-soft-green .el-icon{color:#181818!important}.notification-green{--el-color-white:#4caf50!important;--el-notification-icon-color:#fff!important;--el-notification-title-color:#fff!important}.notification-green .el-icon{color:#fff!important}.notification-soft-info{--el-color-white:#dff!important;--el-notification-icon-color:#181818!important;--el-notification-title-color:#181818!important}.notification-soft-info .el-icon{color:#181818!important}.notification-info{--el-color-white:#2196f3!important;--el-notification-icon-color:#fff!important;--el-notification-title-color:#fff!important}.notification-info .el-icon{color:#fff!important}.el-notification__content{background:#fff!important;color:#000!important;padding:5px;border-radius:5px;min-width:255px}.customFilter{margin-left:1px;padding:10px;background:#fff;text-align:center;margin-bottom:4px;border-radius:4px;color:#fff;box-shadow:0 0 3px rgba(45,45,45,.5);cursor:pointer}.all{background:var(--el-color-info)}.online{background:var(--el-color-success)}.offline{background:var(--el-color-danger)}.unknown{background:var(--el-color-warning)}.motion{background:var(--el-color-primary)}.customFilter.active{border:1px solid #fff}#btnmenu{display:none;padding:.5rem;font-size:1rem;cursor:pointer}#expander{display:none;text-align:center;padding:5px;background:#f3f3f3}@media (orientation:portrait){#menu{width:0;overflow:hidden;position:fixed;left:0;top:calc(var(--header-height) + var(--sat));z-index:1006;height:calc(100dvh - var(--header-height) - var(--sat) - var(--sab));max-height:calc(100dvh - var(--header-height) - var(--sat) - var(--sab));padding-bottom:var(--sab)}#menu.isopen{width:var(--sb-width)!important;overflow-y:auto;overflow-x:hidden}#main{width:var(--vw,100vw);height:calc(100dvh - var(--header-height) - var(--sat));max-height:calc(100dvh - var(--header-height) - var(--sat))}#main.menuShown{width:calc(var(--vw, 100vw) - var(--sb-width))}.uname{display:none!important}#btnmenu{display:block}#open.shown:not(.bottom){position:absolute;overflow:hidden;left:0;top:calc(var(--header-height) + var(--sat));width:100%;height:calc(100dvh - var(--header-height) - var(--sat));z-index:1005}#open.shown.bottom{position:fixed;width:100%;height:40vh;left:0;right:0;bottom:0;top:auto;z-index:1005;padding-bottom:var(--sab)}#open.bottom{box-shadow:0 -3px 15px rgba(0,0,0,.15);border-radius:15px 15px 0 0!important;overflow:hidden}#open.bottom.mobileExpanded{height:calc(var(--vh, 100vh) - 100px)!important}#open.bottom #heading,#open.bottom .kr-spacer{display:none!important}#open.bottom #expander{display:block!important}#main.bottom{height:calc(var(--vh, 100vh));margin-bottom:-40vh;padding-bottom:40vh;box-sizing:border-box}#main.bottom.minimized{margin-bottom:0;padding-bottom:0}#pano{position:fixed!important;left:0!important;bottom:0;width:100%!important;height:calc(44vh - 85px)!important;z-index:1005!important}.el-dialog{--el-dialog-width:95vw!important}.el-dialog__footer{overflow:auto;margin-right:10px}.showOnMobile{display:block!important}.modal-content{width:95%;max-width:95%}}.el-form-item{margin-bottom:5px!important}.el-form-item__label{line-height:30px!important}.menu-scroll{height:calc(100dvh - var(--header-height) - var(--sat));overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.menu-scroll::-webkit-scrollbar{display:none}