body{color:#fff;background-color:#121212;margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s}.container{max-width:1000px;margin:0 auto}.header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.status-dot{border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.connected{background-color:#4caf50;box-shadow:0 0 8px #4caf50}.disconnected{background-color:#f33;box-shadow:0 0 8px #f33}.grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.card{text-align:center;cursor:pointer;background-color:#1e1e1e;border:1px solid #333;border-radius:8px;padding:20px;transition:all .2s}.card:hover{border-color:#4caf50;transform:translateY(-3px);box-shadow:0 4px 12px #4caf5033}.card h2{color:#aaa;margin-top:0;font-size:1.2rem}.batt-val{color:#4caf50;margin:10px 0;font-size:2rem;font-weight:700}.batt-low{color:#ffc107}.batt-crit{color:#f33}.node-status{color:#888;font-size:.9rem}.node-triggered{border-color:#ff9800;box-shadow:0 0 15px #ff9800}.controls-bar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.controls-bar select{color:#fff;cursor:pointer;background-color:#1e1e1e;border:1px solid #333;border-radius:6px;padding:8px 12px;font-size:.9rem}.controls-bar label{color:#aaa;margin-right:8px;font-size:.9rem}.log-container{background-color:#000;border:1px solid #333;border-radius:8px;height:400px;padding:15px;font-family:monospace;overflow-y:auto}.log-entry{border-bottom:1px dashed #222;margin:5px 0;padding-bottom:5px}.log-time{color:#888;margin-right:10px}.log-alarm{color:#f33;font-weight:700}.log-node{color:#ff9800}.log-health{color:#ffc107}.log-batt{color:#4caf50}.log-system{color:#00bcd4}