:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:#111827;background-color:#f9fafb}body{margin:0}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#047857,#16a34a);color:#fff}.app-header h1{margin:0 0 .25rem}.app-header p{margin:0;opacity:.9}.app-main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem}.panel-grid{display:grid;gap:2rem}.panel-grid{grid-template-columns:1fr}@media (min-width: 768px){.panel-grid{grid-template-columns:1fr 1fr}}.card{background:#fff;border-radius:1rem;padding:1.5rem 1.75rem;box-shadow:0 15px 35px #0f172a14;max-width:480px;width:90%}.card h2{margin-top:0;margin-bottom:1rem}.sensor-panel-main{display:flex;align-items:center;gap:1.25rem}.sensor-panel-gauge{width:90px;height:90px;border-radius:999px;border-width:4px;border-style:solid;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem}.sensor-panel-info{display:flex;flex-direction:column;gap:.35rem}.sensor-panel-status{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.sensor-panel-meta{font-size:.85rem;color:#4b5563}.sensor-panel-bar{margin-top:1rem}.sensor-panel-bar-bg{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}.sensor-panel-bar-fill{height:100%;transition:width .3s ease}.sensor-panel-message{margin-top:.75rem;font-size:.95rem}.sensor-chart{margin-top:1.25rem}.sensor-chart-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.sensor-chart-title{font-size:.9rem;font-weight:600;color:#111827}.sensor-chart-subtitle{font-size:.75rem;color:#6b7280}.sensor-chart-empty{font-size:.85rem;color:#6b7280;padding:.5rem 0}.sensor-chart-svg{width:100%;max-width:100%;display:block;border-radius:.5rem;background:#f9fafb}