*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--radius: 12px}[data-theme=light]{--bg: #ffffff;--surface: #e8e8e8;--border: #d0d0d0;--text: #1a1d27;--muted: #6b7280;--metric-bg: #f4f4f4;--accent: #1a7fd4;--solar: #e07b00;--battery: #2e9e50;--divider: #c9cdd6;--card-online: #daf0dc;--card-offline: #e4e4e4;--card-falha: #fad8d6;--card-outro: #dce8f7;--border-online: #a5d6a7;--border-offline: #c4c4c4;--border-falha: #f5c6c2;--border-outro: #bfcfee}[data-theme=dark]{--bg: #0f1117;--surface: #1a1d27;--border: #2a2d3a;--text: #e8eaf0;--muted: #8891a8;--metric-bg: #0f1117;--accent: #41ABF7;--solar: #FFB300;--battery: #4CAF50;--divider: #2a2d3a;--card-online: #1a2e1c;--card-offline: #1e2028;--card-falha: #2e1a1a;--card-outro: #1a2030;--border-online: #2e5c32;--border-offline: #2a2d3a;--border-falha: #5c2e2e;--border-outro: #2a3a5c}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;transition:background .2s,color .2s}.app{max-width:1400px;margin:0 auto;padding:24px 20px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px}.header h1{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:.02em}.header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-bar{font-size:.85rem}.status-ok{color:var(--battery)}.status-loading{color:var(--accent)}.status-error{color:#e53935}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text);width:34px;height:34px;border-radius:6px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.icon-btn:hover{background:var(--border)}.collect-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:6px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .15s}.collect-btn:hover:not(:disabled){background:var(--accent)20}.collect-btn:disabled{opacity:.4;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.empty{color:var(--muted)}.card{border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s,background .2s;background:var(--surface)}.card[data-status=online]{background:var(--card-online);border-color:var(--border-online)}.card[data-status=offline]{background:var(--card-offline);border-color:var(--border-offline)}.card[data-status=falha]{background:var(--card-falha);border-color:var(--border-falha)}.card[data-status=nao_monitorado],.card[data-status=unknown]{background:var(--card-outro);border-color:var(--border-outro)}.card.summary-card{background:var(--surface);border-color:var(--accent);border-width:2px}.card:hover{box-shadow:0 4px 16px #0002}.card-header{display:flex;align-items:center;justify-content:space-between;font-size:1.05rem;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.status-dot-wrapper{display:flex;align-items:center;gap:6px;flex-shrink:0}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:none}.section{display:flex;flex-direction:column;gap:10px}.section-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.icon{flex-shrink:0}.solar-icon{width:32px;height:32px}.battery-icon{width:42px;height:22px}.soc-badge{margin-left:auto;background:#4caf5022;color:var(--battery);font-size:.78rem;padding:2px 8px;border-radius:999px;font-weight:700}.metrics{display:flex;gap:12px}.metric{flex:1;background:var(--metric-bg);border:1px solid var(--border);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.metric-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.metric-value{font-size:1.4rem;font-weight:700;color:var(--text);line-height:1}.metric-value small{font-size:.7rem;color:var(--muted);font-weight:400}.metric-value.big{font-size:2rem;color:var(--accent)}.divider{text-align:center;color:var(--divider);font-size:1.2rem;line-height:1}.card-footer{font-size:.72rem;color:var(--muted);border-top:1px solid var(--border);padding-top:10px;text-align:right}@media (max-width: 600px){.header{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}}