nav{background-color:var(--pico-background-color);border-bottom:1px solid var(--pico-muted-border-color);z-index:1000;position:sticky;top:0}nav .container-fluid{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}nav ul{align-items:center;gap:1rem;margin:0;padding:0;display:flex}nav ul li{list-style:none}nav a{color:var(--pico-color);border-radius:var(--pico-border-radius);padding:.5rem 1rem;text-decoration:none;transition:all .3s}nav a:hover{background-color:var(--pico-primary-hover-background);color:var(--pico-primary-inverse)}nav a.active{background-color:var(--pico-primary-background);color:var(--pico-primary-inverse);font-weight:700}.mobile-menu-toggle{display:none!important}@media (width<=768px){.mobile-menu-toggle{display:block!important}nav ul:last-child{background-color:var(--pico-background-color);border-top:1px solid var(--pico-muted-border-color);flex-direction:column;width:100%;padding:1rem 0;display:none}nav ul:last-child.mobile-menu-open{display:flex}nav ul:last-child li{text-align:center;width:100%}nav ul:last-child a{padding:.75rem;display:block}}nav ul:last-child{transition:all .3s ease-in-out;overflow:hidden}nav ul:last-child a{transition:background-color .2s}.mobile-menu-toggle{transition:transform .2s}.mobile-menu-toggle:active{transform:scale(.95)}.dashboards-container{box-sizing:border-box;flex-wrap:wrap;gap:20px;width:100%;padding:20px;display:flex}.dashboards-container .dashboard{box-sizing:border-box;background:#f9f9f9;border-radius:8px;flex:calc(25% - 20px);min-width:250px;height:600px;padding:10px}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:800px;max-width:90vw;max-height:90vh;padding:20px;overflow:auto}button.close{background-image:var(--pico-icon-close);background-color:#0000;border:2px;width:2rem;height:2rem}.login-container{text-align:center;align-content:center;padding:1rem}.login-container .login-content{width:300px;display:inline-block}:root{--pico-font-size:1rem;--alarm-color:#fffcfc;--alarm-resolved-color:#000;--alarm-resolved-acked-color:#000;--alarm-acked-color:#000;--alarm-background-color:#e25300;--alarm-resolved-background-color:#ffddab;--alarm-resolved-acked-background-color:#8effa1;--alarm-acked-background-color:#ff9684}[data-theme=dark]{--test-var:23}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--pico-font-family-sans-serif);font-size:var(--pico-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.listpage-container{padding:1rem 0}.listpage-header{border-bottom:1px solid var(--pico-muted-border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2rem;margin-left:2rem;padding-bottom:1rem;display:flex}.listpage-stats{color:var(--pico-muted-color);gap:1rem;font-size:.9rem;display:flex}.loading-container{text-align:center;padding:3rem}.loading-container p{color:var(--pico-muted-color);margin-top:1rem}.error-message{background-color:var(--pico-del-background);color:var(--pico-color-inverse);border-left:4px solid var(--pico-del-color)}.responsive-table{border-collapse:collapse;width:100%;font-family:sans-serif}.responsive-table tbody tr:hover:not(:disabled):not(.no-hover){background-color:var(--pico-primary-underline);cursor:pointer;transform:translateY(-2px)}.responsive-table tbody tr:hover:not(:disabled):not(.no-hover) td{background-color:var(--pico-primary-underline)}.responsive-table tr.no-hover:hover,.responsive-table tr.no-hover:hover td{background-color:inherit;cursor:unset}.responsive-table th,.responsive-table td{text-align:left;border-bottom:1px solid var(--pico-primary-underline);color:inherit;padding:12px;background-color:inherit!important}.responsive-table th{font-weight:700}.responsive-table th.link:hover{background-color:var(--pico-primary-hover);cursor:pointer;transform:translateY(-2px)}.responsive-table th.link.selected{border-bottom:3px solid #daa520}.responsive-table tr.modified{background-color:var(--pico-form-element-valid-focus-color)}.details-container{border:1px solid var(--pico-primary-border);border-radius:4px;margin-left:1rem;margin-right:1rem;padding:0}.details-container .details-caption{border-bottom:1px;border-color:var(--pico-primary-border);background-color:var(--pico-primary-focus);gap:2rem;width:100%;padding:4px;font-size:large}.details-container .details-caption .details-buttons{gap:2rem;width:fit-content;margin-left:auto;display:flex}.responsive-table tbody tr input[readonly]:not([type=checkbox]){box-shadow:none;cursor:default;pointer-events:none;color:inherit;background-color:#0000;border-color:#0000;margin:0;padding:0}@media (width<=768px){.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table tr{border:1px solid var(--pico-muted-border-color);border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 4px 6px #0000000d}.responsive-table td{text-align:right;border-bottom:1px dashed #eee;padding:8px 0;position:relative}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);float:left;color:#666;text-transform:uppercase;font-size:.8rem;font-weight:700}}.pagination-container{border-top:1px solid var(--pico-muted-border-color);z-index:unset;margin-top:2rem}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.pagination button{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);cursor:pointer;min-width:2.5rem;transition:all .2s}.pagination button:hover:not(:disabled){background-color:var(--pico-primary-hover-background);color:var(--pico-primary-inverse);transform:translateY(-2px)}.pagination button.active{background-color:var(--pico-primary-background);color:var(--pico-primary-inverse);border-color:var(--pico-primary-background)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-numbers{flex-wrap:wrap;gap:.25rem;display:flex}.alarm{background-color:var(--alarm-background-color);color:var(--alarm-color)}.alarm-resolved{background-color:var(--alarm-resolved-background-color);color:var(--alarm-resolved-color)}.alarm-resolved-acked{background-color:var(--alarm-resolved-acked-background-color);color:var(--alarm-resolved-acked-color)}.alarm-acked{background-color:var(--alarm-acked-background-color);color:var(--alarm-acked-color)}.filter-container{border-top:1px solid var(--pico-muted-border-color);background-color:var(--pico-background-color);margin-top:2rem}.filter-container input{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);min-width:100px;max-height:2rem;margin-bottom:0}.filter-container select{padding:unset;border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);min-width:100px;max-height:2rem;margin-bottom:0}.filter-container button{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);cursor:pointer;max-height:2rem;padding:4px;font-size:smaller;transition:all .2s}.filter-container button:hover:not(:disabled){background-color:var(--pico-primary-hover-background);color:var(--pico-primary-inverse);transform:translateY(-2px)}.filter-container button.active{background-color:var(--pico-primary-background);color:var(--pico-primary-inverse);border-color:var(--pico-primary-background)}.filter-container button:disabled{opacity:.5;cursor:not-allowed}