*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #646cff;--secondary-color: #3a3a3a;--background-color: #3a3a3a;--header-background: #4B4F58;--button-background: #6366f1;--action-color: #f8eefa;--selected-color: #9b51e0;--box-color: #abb8c38c;--textual-color: #eeeeee;--footer-height: 300px}body{margin:0;font-family:var(--font-family, system-ui);background-color:var(--background-color);min-height:100vh;display:flex;flex-direction:column}h1{font-size:2.5rem;line-height:1.1;color:var(--primary-color);transition:drop-shadow .25s}h1 span{color:var(--selected-color)}h1:hover span{cursor:pointer;filter:drop-shadow(0 0 2em #61dafb);border-radius:5px}h2,h4,h5{color:var(--textual-color);align-items:center}h4,h6,p,label{color:var(--textual-color)}button{border:3px solid;padding:.2em .7em;font-size:.9em;font-weight:500;font-family:inherit;background-color:var(--button-background);border-color:color(from color srgb r g b);cursor:pointer;transition:border-color .25s;transition:drop-shadow .25s}button:hover{background-color:#8ab48a59;border-color:var(--action-color);filter:drop-shadow(0 0 2em #61dafb)}button:focus,button:focus-visible{outline:none;border-color:var(--action-color);background-color:var(--selected-color);filter:drop-shadow(0 0 2em #61dafb)}button:active:hover{border-color:color(from color srgb r g b)}select{font-family:inherit;font-size:1rem;padding:.5rem;border:2px solid var(--primary-color);border-radius:5px;background-color:var(--background-color);color:var(--action-color);outline:none;transition:border-color .3s ease,box-shadow .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}select:hover{border-color:var(--selected-color);box-shadow:0 0 5px var(--selected-color)}select:focus{border-color:var(--selected-color);box-shadow:0 0 8px var(--selected-color)}select option{font-family:inherit;background-color:var(--background-color);color:var(--action-color)}select:disabled{opacity:.5;cursor:not-allowed}input[type=text]{font-family:inherit;font-size:1rem;padding:.25rem;border:2px solid var(--primary-color);border-radius:5px;background-color:var(--background-color);color:var(--action-color);outline:none;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}input[type=text]:hover{border-color:var(--selected-color);box-shadow:0 0 5px var(--selected-color)}input[type=text]:focus{border-color:var(--selected-color);box-shadow:0 0 8px var(--selected-color)}input[type=text]:disabled{opacity:.5;cursor:not-allowed}input[type=number]{font-family:inherit;font-size:1rem;padding:.25rem;border:2px solid var(--primary-color);border-radius:5px;background-color:var(--background-color);color:var(--action-color);outline:none;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}header{box-shadow:0 0 2em #61dafb;display:flex;justify-content:space-between;align-items:center;padding:1rem}#root{display:flex;flex-direction:column;height:100vh;width:100vw}.dashboard{display:flex;justify-content:center;padding-left:1rem;padding-right:1rem;padding-top:1rem;overflow-y:auto;padding-bottom:var(--footer-height, 120px);scrollbar-width:thin;scrollbar-color:var(--selected-color) var(--background-color);width:100%;box-sizing:border-box}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;width:90%;flex:1;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:thin;padding-bottom:1rem}.box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:8px;box-shadow:0 4px 8px --action-color;background-color:var(--box-color);width:100%;max-width:600px;min-width:400px;margin:0 auto;box-sizing:border-box}.gauge-container{display:flex;justify-content:center;align-items:center;width:100%;min-width:380px;margin:0 auto}.device-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem;padding:.5rem;width:100%}.device-page{display:flex;flex-direction:column;align-items:center;padding-top:1rem;padding-left:1rem;padding-right:1rem;color:var(--textual-color);padding-bottom:var(--footer-height, 60px);overflow-y:auto;width:100%;scrollbar-width:thin;scrollbar-color:var(--selected-color) var(--background-color);box-sizing:border-box}.device-grid{display:grid;grid-template-columns:none;gap:1rem;width:90%;flex:1;overflow-y:auto;margin-top:20px;scrollbar-width:thin;padding-bottom:1rem}.customer-group{background-color:var(--secondary-color);padding:10px;border-radius:5px;width:100%;cursor:pointer;border-color:var(--button-background);border-width:1px;border-style:solid}.customer-group:hover{box-shadow:0 0 .5em #61dafb}.customer-group:open{border-color:var(--selected-color);border-width:2px}.device-button{padding:10px;cursor:pointer;max-width:180px;text-align:center;border-radius:5px}.device-table{width:50vw;padding:10px;border-spacing:0;border:2px solid #eeeeee;border-collapse:collapse;scrollbar-width:thin;scrollbar-color:var(--selected-color) var(--background-color)}.device-table th{font-size:large}.device-table td{border:2px solid #e0e0e0c7;padding:10px}.device-searcher{margin-left:10px}.select-filters{display:flex;justify-content:space-between;align-items:center;width:100%}.scrolling-footer{position:fixed;bottom:0;width:100%;background-color:var(--header-background);text-align:center;padding:10px;box-shadow:0 0 2em #61dafb;max-height:var(--footer-height, 60px)}.scrolling-footer-module-selector{margin-left:8px;margin-top:2px;margin-bottom:2px;display:flex;flex-direction:row}.scrolling-footer-page-intro{margin-left:8px}.scrolling-footer-type-summary{display:flex;flex-direction:row;gap:10px;border:1px solid #ccc;padding:5px;border-radius:3px;margin-left:4px}.filter-row{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:50%}.filter-set{display:flex;flex-direction:row;justify-content:flex-start;gap:.5rem;width:100%}.filter-set label{white-space:nowrap}.custom-multiselect{display:flex;position:relative}.selector-button{border:2px solid var(--primary-color);background-color:var(--background-color);padding:.5em;cursor:pointer;border-radius:5px;color:var(--textual-color)}.options-dropdown{position:absolute;bottom:100%;left:0;width:100%;background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:5px;max-height:150px;overflow-y:auto;z-index:100;scrollbar-width:thin;scrollbar-color:var(--selected-color) var(--background-color)}.option{padding:.5em;cursor:pointer}.option:hover{background-color:var(--selected-color)}.option.selected{background-color:var(--selected-color);color:var(--textual-color);font-weight:700}.severity-json-editor{width:70%;height:50%;font-family:monospace;background-color:var(--background-color);color:var(--textual-color);border:2px solid var(--primary-color);border-radius:5px;padding:10px;resize:vertical}.severity-json-file-upload{margin-top:10px;padding:5px;border:2px solid var(--primary-color);background-color:var(--background-color);color:var(--textual-color);border-radius:5px;cursor:pointer}.severity-json-extra-info{white-space:pre-wrap;background:#292929;padding:10px;border-radius:5px;color:var(--textual-color)}.severity-json-editor-container{margin-left:20px;margin-top:20px;height:100%;max-height:100vh;overflow-y:auto;padding-bottom:var(--footer-height, 60px);margin-bottom:20px;box-sizing:border-box}.alerted-devices-container{height:100vh;overflow-y:auto;padding-bottom:var(--footer-height, 60px);margin:10px;box-sizing:border-box}.agent-alert-flash{animation:flash-red 1s infinite alternate}@keyframes flash-red{0%{background-color:inherit}to{background-color:#f009}}