:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color:#f3f3f3;--card-bg-color:#fff;--text-color:#333;--text-color-secondary:#666;--border-color:#ddd;--shadow-color:#00000014;--button-bg:#f0f0f0;--button-hover-bg:#e0e0e0;--chart-line-color:#3794ff;--color-vol:#569cd6;--color-cur:#ce9178;--color-frq:#b5cea8;--color-pwp:#4ec9b0;--color-pwa:#dcdcaa}[data-theme=dark]{--bg-color:#1e1e1e;--card-bg-color:#252526;--text-color:#ccc;--text-color-secondary:#9cdcfe;--border-color:#3c3c3c;--shadow-color:#0000004d;--button-bg:#3a3d41;--button-hover-bg:#4a4d51;--chart-line-color:#4ec9b0;--color-vol:#569cd6;--color-cur:#ce9178;--color-frq:#b5cea8;--color-pwp:#4ec9b0;--color-pwa:#dcdcaa}#root{box-sizing:border-box;width:100%;min-height:100vh;padding:1.5rem}body{background-color:var(--bg-color);color:var(--text-color);margin:0;font-family:Menlo,Consolas,SF Mono,Roboto Mono,monospace;transition:background-color .2s}.dashboard-header{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto 1.5rem;padding:0 .5rem;display:flex}.dashboard-header h1{color:var(--text-color);margin:0;font-size:1.25rem;font-weight:400}.header-actions{align-items:center;gap:1rem;display:flex}.edit-btn,.delete-btn{cursor:pointer;color:var(--text-color-secondary);background:0 0;border:none;align-items:center;padding:.25rem;display:flex}.edit-btn:hover{color:var(--text-color)}.delete-btn:hover{color:#f44747}.card-header-actions{gap:.5rem;display:flex}.register-btn{padding:.5rem 1rem;font-size:.8rem}.global-ack-message{text-align:center;color:var(--text-color-secondary);height:1em;margin:-1rem 0 1.5rem;font-size:.8rem;font-style:italic}.theme-toggle{cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-color);border-radius:50%;width:24px;height:24px}.dashboard-container{grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.graph-wrapper{grid-column:1/-1;position:relative}.graph-wrapper.is-modal{z-index:1001;width:90vw;height:90vh;position:fixed;top:5vh;left:5vw}.graph-wrapper.is-modal .connection-graph-container{flex-direction:column;height:100%;display:flex}.card{background-color:var(--card-bg-color);text-align:center;border:1px solid var(--border-color);border-radius:4px;padding:1.25rem 1.5rem;transition:background-color .2s,border-color .2s}.card h2{color:var(--text-color);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1rem;font-weight:400;display:flex}.card-span-full{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:50vh;display:flex}.card-span-full p{color:var(--text-color-secondary)}.device-card-body{text-align:left;grid-template-columns:1fr;gap:1.5rem;display:grid}.device-card-controls{justify-content:flex-start;align-items:center;display:flex}a.device-visualizations{grid-template-columns:1fr;gap:1.5rem;display:grid}.charts-column{flex-direction:column;gap:.75rem;display:flex}.chart-section{width:100%;min-height:250px}.visualizations-row{grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;display:grid}.card-section h3{color:var(--text-color-secondary);text-align:left;margin:0 0 .75rem;font-size:.8rem;font-weight:400}.command-buttons{flex-direction:row;justify-content:flex-start;gap:.75rem;display:flex}.command-buttons button{cursor:pointer;background-color:var(--button-bg);height:32px;color:var(--text-color);border:none;border:1px solid var(--border-color);border-radius:4px;justify-content:center;align-items:center;padding:0 1rem;font-size:.8rem;font-weight:400;transition:all .2s;display:flex}.command-buttons button svg{width:14px;height:14px;color:var(--text-color-secondary);margin-right:.5rem;transition:color .2s}.command-buttons button:disabled{background-color:var(--button-bg);color:var(--text-color-secondary);cursor:not-allowed;opacity:.6}.command-buttons button:not(:disabled):hover{background-color:var(--button-hover-bg)}.command-buttons button,.register-btn{cursor:pointer;background-color:var(--button-bg);color:var(--text-color);border:none;border:1px solid var(--border-color);border-radius:4px;justify-content:center;align-items:center;gap:.5rem;font-weight:400;transition:all .2s;display:flex}.command-buttons button{height:32px;padding:0 1rem;font-size:.8rem}.btn-on:not(:disabled):hover svg{color:#4ec9b0}.btn-off:not(:disabled):hover svg{color:#f44747}.btn-restart:not(:disabled):hover svg{color:#ce9178}.device-status-label{color:#fff;text-align:center;border-radius:6px;padding:.2em .6em;font-size:.75rem;font-weight:400}.device-status-label.status-unknown{background-color:#6c757d}.device-status-label.status-on{background-color:#569cd6}.device-status-label.status-off{background-color:#6c757d}.device-status-label.status-restarting{background-color:#ce9178}.chart-container{width:100%;height:180px}.chart-section-small{width:100%;min-height:80px}.chart-container-small{width:100%;height:60px}.recharts-tooltip-wrapper{box-shadow:0 2px 8px var(--shadow-color);background:var(--card-bg-color)!important;border:1px solid var(--border-color)!important;border-radius:4px!important}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{width:100%;max-width:500px}.modal-content form{text-align:left;flex-direction:column;gap:1rem;display:flex}.modal-content input{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:4px;padding:.75rem;font-family:inherit;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.modal-actions button{border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:.6rem 1.2rem;font-size:.9rem;transition:background-color .2s}.modal-actions button[type=button]{background-color:var(--button-bg);color:var(--text-color)}.modal-actions button[type=submit]{background-color:var(--chart-line-color);color:#fff;border-color:var(--chart-line-color)}.modal-content.chart-modal{flex-direction:column;max-width:800px;height:50vh;display:flex}.chart-container-modal{flex-grow:1;width:100%;height:100%}.close-btn{color:var(--text-color-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.close-btn:hover{color:var(--text-color)}.modal-content.chart-modal h2,.connection-graph-header{justify-content:space-between;align-items:center;display:flex}.recharts-legend-item{color:var(--text-color)!important}.status-display{text-transform:capitalize;align-items:center;gap:.5rem;font-size:.8rem;font-weight:400;display:flex}.status-color-disconnected{color:#6c757d}.status-color-unknown{color:#ce9178}.status-color-on{color:#4ec9b0}.status-color-off{color:#f44747}.status-color-restarting{color:#ce9178}.status-color-stale{color:#d4d434}@media (max-width:992px){.dashboard-container{grid-template-columns:1fr}}@media (max-width:768px){.device-card-body{grid-template-columns:1fr;gap:2rem}.visualizations-row{text-align:center;grid-template-columns:1fr}.visualizations-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.device-visualizations{grid-template-columns:1fr auto;align-items:flex-start}.device-card-controls{flex-direction:row}.dashboard-header h1{font-size:1.25rem}}.visualizations-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start;gap:1rem;display:grid}.viz-item{flex-direction:column;justify-content:space-between;align-items:center;min-height:150px;display:flex}.viz-item h3{margin-bottom:.5rem;font-size:.9em}.speedometer-container.small{justify-content:center;align-items:center;width:150px;height:100px;display:flex;overflow:hidden}.viz-item-large{grid-column:1/-1;min-height:180px}@media (min-width:768px){.viz-item-large{grid-area:span 2/span 2;min-height:0}.visualizations-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.visualizations-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.viz-item-large{grid-area:auto/1/auto/-1}}.connection-graph-container{padding-bottom:1.5rem}.connection-graph-header{margin-bottom:1rem}.connection-graph-header h3{color:var(--text-color-secondary);text-align:left;margin:-.25rem 0 0;font-size:.8rem;font-weight:400}.graph-toggle-btn{cursor:pointer;color:var(--text-color-secondary);background:0 0;border:none;padding:.25rem}.graph-toggle-btn:hover{color:var(--text-color)}.node-group{cursor:grab}.is-dragging,.is-dragging .node-group{cursor:grabbing}.node-shape{stroke-width:2px;transition:all .3s}.node-shape.node-backend{fill:var(--card-bg-color);stroke:var(--chart-line-color)}.node-shape.node-dashboard{fill:var(--card-bg-color);stroke:#9cdcfe}.node-shape.node-plug{fill:var(--card-bg-color);stroke:#ce9178}.node-shape.node-appliance{fill:var(--card-bg-color);stroke:#b5cea8}.node-icon{cursor:pointer;fill:var(--text-color-secondary);opacity:.7;transition:all .2s}.node-icon:hover{opacity:1;fill:var(--text-color)}.node-html-content{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2px;display:flex}.node-label{color:var(--text-color);font-size:11px;font-weight:700;line-height:1.2}.node-sublabel{color:var(--text-color-secondary);margin-top:2px;font-size:8px}.edge-line.edge-animated{stroke:var(--border-color);stroke-width:1.5px;stroke-dasharray:5;animation:2s linear infinite edge-flow}.edge-line.edge-static{stroke:var(--border-color);stroke-width:1.5px}.edge-label{fill:var(--text-color-secondary);text-anchor:middle;dominant-baseline:middle;font-size:9px}@keyframes edge-flow{0%{stroke-dashoffset:10px}to{stroke-dashoffset:0}}.connection-graph-container svg{flex-grow:1;width:100%;max-width:500px;margin:0 auto;display:block}.is-modal .connection-graph-container svg{max-width:none}