#menu{position:relative;background-color:#eaeaea;z-index:1000;.menus-container{position:relative;box-shadow:#43565d 0 0 15px;width:45.33px;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem 0 .5rem;background-color:#eaeaea;z-index:1000;ul{list-style-type:none;display:flex;flex-direction:column;padding:0;margin:0;li{a,button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;color:#43565d;padding:.5rem;width:100%;background-color:transparent;border-radius:0;margin-top:.2rem}a i,button i{font-size:1.75rem;transition:color .2s ease-in-out;margin-bottom:.25rem}a span,button span{display:none;font-size:.8rem}button .notification-count{position:absolute;top:0;padding:.12rem .25rem;background-color:var(--bg-danger);font-weight:700;border-radius:4px;font-size:.75rem;color:var(--text-light);display:flex;align-items:center;justify-content:center;display:none}button.active{background-color:#fff}button.active i,a:hover i,button:hover i{color:var(--text-accent)}}}}.primary-menu{position:relative;padding-bottom:.5rem!important;width:100%}.primary-menu:after{content:"";position:absolute;width:60%;height:1px;background-color:#43565d;bottom:-1px;left:50%;transform:translate(-50%)}.secondary-menu{padding-top:.5rem;justify-content:space-between;width:100%;flex-grow:1}.secondary-menu:has(:only-child){justify-content:flex-end}}.sub-menu{position:absolute;padding:1rem;width:calc(100vw - 44px);max-width:375px;top:0;left:44px;bottom:0;translate:-100% 0;background-color:var(--bg-light);height:100%;z-index:1;max-height:100svh;overflow:hidden;border-right:1px solid transparent;transition:translate .2s ease-in-out,border-right .1s ease-in-out .1s}.sub-menu.active{translate:0 0;border-right:1px solid var(--bg-dark)}.menu-head{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:.5rem}.menu-head label{display:flex;align-items:center;justify-content:center;gap:1rem}.search{display:flex;width:100%;border:2px solid #f6f6f6;border-radius:10px;transition:border-color .2s ease}.search:focus-within{border-color:var(--color-accent)}.search input{width:100%;border:none;background-color:transparent;padding:.5rem;font-size:.9rem}.search input:focus{outline:none}.search input::placeholder{color:#999;font-style:italic}.search button{background-color:transparent;border:none;color:var(--text-accent);padding:.5rem;cursor:pointer;font-size:1.25rem}#device-list{margin-top:.5rem;overflow-y:auto;padding:0;max-height:calc(100svh - 118px);.device-item{display:flex;align-items:center;gap:.5rem;padding:1rem .5rem;border-bottom:1px solid #eaeaea;width:100%;transition:background-color .1s ease-in-out}.device-item:hover{background-color:var(--bg-accent-light)}.device-item .device-icon{width:45px;height:45px;border-radius:50%;background-color:contrast-color(red);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-accent)}.device-item .device-icon i,.device-item .device-icon p{color:var(--text-accent)!important;font-size:1.25rem}.device-item p{line-height:1}.device-item p:nth-child(1){font-weight:700;color:var(--text-dark)}.device-item .pan-button{margin-left:auto;border:1px solid var(--bg-accent);cursor:pointer;color:var(--text-light);height:30px;width:30px;aspect-ratio:1;background-color:var(--bg-accent);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:.5rem}.device-item .pan-button i{font-size:1rem;margin:0;padding:0;line-height:0}.device-item .pan-button:hover{background-color:var(--bg-light)}.device-item .pan-button:hover i{color:var(--text-accent)}.device-item.no-search-results{justify-content:center;padding:2rem 1rem;border-bottom:none}.device-item.no-search-results .empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;opacity:.6}.device-item.no-search-results .empty-state i{font-size:2rem;color:var(--text-dark);margin-bottom:.5rem}.device-item.no-search-results .empty-state p{font-weight:600;color:var(--text-dark);margin:0}.device-item.no-search-results .empty-state small{color:var(--text-dark);opacity:.7}}#beacons-menu{.beacon-list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;.beacon-item{display:flex;align-items:center;gap:1rem;padding:1rem .5rem;border-bottom:1px solid #eaeaea;width:100%;transition:background-color .1s ease-in-out;&:hover{background-color:var(--bg-accent-light)}.beacon-icon i{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background-color:var(--bg-light);border:2px solid var(--bg-accent)}&.lost{.beacon-details{.beacon-status span{color:var(--text-danger);animation:blink 1s infinite}}}.beacon-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;.beacon-name{font-weight:700;color:var(--text-dark)}.beacon-status,.last-updated{font-size:.875rem;color:var(--text-secondary);text-transform:capitalize}.beacon-status span{font-weight:600}.beacon-status .status-visible{color:#22c55e}.beacon-status .status-found{color:#3b82f6}.beacon-status .status-lost{color:#ef4444;animation:blink 1s infinite}.beacon-status .status-unknown{color:#6b7280}}.toggle-button,.pan-button{border:1px solid var(--bg-accent);cursor:pointer;color:var(--text-light);height:30px;width:30px;aspect-ratio:1;background-color:var(--bg-accent);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:.5rem;margin-left:.25rem;i{font-size:.9rem;margin:0;padding:0;line-height:0}&:hover{background-color:var(--bg-light)}&:hover i{color:var(--text-accent)}}.toggle-button{margin-left:auto}.beacon-link{border:1px solid var(--bg-accent);cursor:pointer;color:var(--text-light);height:30px;width:30px;aspect-ratio:1;background-color:var(--bg-accent);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:.5rem;i{font-size:1rem;margin:0;padding:0;line-height:0}&:hover{background-color:var(--bg-light)}&:hover i{color:var(--text-accent)}}&.empty{justify-content:center;padding:2rem 1rem;border-bottom:none;.empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;opacity:.6;i{font-size:2rem;color:var(--text-dark);margin-bottom:.5rem}p{font-weight:600;color:var(--text-dark);margin:0}small{color:var(--text-dark);opacity:.7}}}}}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}@media (width >=500px){#menu .menus-container{width:91.36px}#menu .menus-container ul li a span,#menu .menus-container ul li button span{display:block}#menu .menus-container ul li button .notification-count{right:10px}.sub-menu{padding:1rem 1rem 1rem 1.5rem;width:calc(100vw - 91.36px);left:91.36px}}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}#geofences-list{margin-top:.5rem;overflow-y:auto;padding:0;max-height:calc(100svh - 118px);.geofence-item{display:flex;align-items:center;gap:.5rem;padding:1rem .5rem;border-bottom:1px solid #eaeaea;width:100%;transition:background-color .1s ease-in-out}.geofence-item:hover{background-color:var(--bg-accent-light)}.geofence-item .geofence-icon{width:45px;height:45px;border-radius:50%;background-color:var(--bg-light);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-accent)}.geofence-item .geofence-icon i{font-size:1.25rem;opacity:.8}.geofence-item .geofence-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.geofence-item .geofence-details p{margin:0;line-height:1.2}.geofence-item .geofence-name{font-weight:700;color:var(--text-dark);font-size:.95rem}.geofence-item .geofence-type{color:var(--text-dark);opacity:.7}.geofence-item .toggle-button,.geofence-item .pan-button{border:1px solid var(--bg-accent);cursor:pointer;color:var(--text-light);height:30px;width:30px;aspect-ratio:1;background-color:var(--bg-accent);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:.5rem;margin-left:.25rem}.geofence-item .toggle-button{margin-left:auto}.geofence-item .toggle-button i,.geofence-item .pan-button i{font-size:.9rem;margin:0;padding:0;line-height:0}.geofence-item .toggle-button:hover,.geofence-item .pan-button:hover{background-color:var(--bg-light)}.geofence-item .toggle-button:hover i,.geofence-item .pan-button:hover i{color:var(--text-accent)}.geofence-item.empty{justify-content:center;padding:2rem 1rem;border-bottom:none}.geofence-item.empty a{color:var(--text-accent);text-decoration:none;font-weight:600;margin-top:.5rem}.geofence-item.empty a:hover{color:var(--text-dark)}.geofence-item.empty .empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;opacity:.6}.geofence-item.empty .empty-state i{font-size:2rem;color:var(--text-dark);margin-bottom:.5rem}.geofence-item.empty .empty-state p{font-weight:600;color:var(--text-dark);margin:0}.geofence-item.empty .empty-state small{color:var(--text-dark);opacity:.7}}.menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.menu-head .settings-link{color:var(--text-dark);text-decoration:none;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.menu-head .settings-link:hover{background-color:var(--bg-accent-light);color:var(--text-accent)}.menu-sections{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.menu-section h3{font-size:.875rem;font-weight:600;color:var(--text-accent);padding:.25rem 0;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px;margin-top:.75rem}.menu-section h3 i{font-size:.8rem}.menu-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;padding-bottom:.75rem;border-bottom:1px solid #eaeaea}.menu-links li{display:flex;align-items:center;justify-content:space-between;padding:.5rem;transition:background-color .1s ease-in-out}.menu-links li:hover{background-color:var(--bg-accent-light)}.menu-links li p{display:flex;align-items:center;gap:.5rem}.menu-links li p i{font-size:1.25rem;color:var(--text-dark)}.menu-links a{border:1px solid var(--bg-accent);cursor:pointer;color:var(--text-light);height:30px;width:30px;aspect-ratio:1;background-color:var(--bg-accent);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:.5rem;transition:background-color .1s ease-in-out}.menu-links a:hover{background-color:var(--bg-light)!important;color:var(--text-accent)}
/*# sourceMappingURL=menu.css.map */