:root{--color-primary:#1a365d;--color-primary-light:#2b4c7e;--color-accent:#38a169;--color-accent-hover:#2f855a;--color-danger:#e53e3e;--color-warning:#dd6b20;--color-bg:#f7fafc;--color-surface:#fff;--color-text:#2d3748;--color-text-muted:#718096;--color-border:#e2e8f0;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 10px 30px #0000001f;--radius:8px;--radius-lg:12px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f7fafc;background-color:var(--color-bg);color:#2d3748;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:14px;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:0 24px;width:100%}.main-content{flex:1 1;padding:32px 0}.header{background:linear-gradient(135deg,#1a365d,#2b4c7e);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;padding:16px 0}.header-inner{align-items:center;display:flex;justify-content:space-between}.header-title{font-size:20px;font-weight:700;letter-spacing:-.3px}.header-subtitle{font-size:12px;font-weight:400;opacity:.8}.header-status{align-items:center;background:#ffffff1f;border-radius:20px;display:flex;font-size:13px;gap:8px;padding:6px 14px}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-connected{background:#68d391;box-shadow:0 0 6px #68d391}.status-disconnected{background:#e53e3e;background:var(--color-danger);box-shadow:0 0 6px #e53e3e;box-shadow:0 0 6px var(--color-danger)}.status-checking{animation:pulse 1.5s infinite;background:#dd6b20;background:var(--color-warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.dashboard{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:380px 1fr}@media (max-width:900px){.dashboard{grid-template-columns:1fr}}.panel{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);padding:24px}.panel-title{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);color:#1a365d;color:var(--color-primary);font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:12px}.sensor-list{display:flex;flex-direction:column;gap:10px;max-height:600px;overflow-y:auto}.sensor-card{align-items:flex-start;background:#fff;background:var(--color-surface);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;gap:14px;padding:14px;transition:all .2s ease}.sensor-card:hover{border-color:#2b4c7e;border-color:var(--color-primary-light);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sensor-card-selected{background:#ebf4ff;border-color:#1a365d;border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md)}.sensor-card-icon{align-items:center;background:#f7fafc;background:var(--color-bg);border-radius:8px;border-radius:var(--radius);display:flex;flex-shrink:0;font-size:28px;height:44px;justify-content:center;width:44px}.sensor-card-name{color:#2d3748;color:var(--color-text);font-size:14px;font-weight:600;margin-bottom:2px}.sensor-card-location{color:#718096;color:var(--color-text-muted);font-size:12px;margin-bottom:8px}.sensor-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.badge-type{background:#ebf4ff;color:#1a365d;color:var(--color-primary)}.badge-active,.badge-status{background:#f0fff4;color:#38a169;color:var(--color-accent)}.badge-inactive{background:#fff5f5;color:#e53e3e;color:var(--color-danger)}.badge-maintenance{background:#fffaf0;color:#dd6b20;color:var(--color-warning)}.readings-count{color:#718096;color:var(--color-text-muted);font-size:11px}.sensor-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.meta-location{color:#718096;color:var(--color-text-muted);font-size:13px}.readings-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat{background:#f7fafc;background:var(--color-bg);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);padding:12px;text-align:center}.stat-label{color:#718096;color:var(--color-text-muted);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#1a365d;color:var(--color-primary);font-size:16px;font-weight:700}.bar-chart{margin-bottom:24px}.bar-row{align-items:center;display:flex;gap:10px;margin-bottom:6px}.bar-label{color:#718096;color:var(--color-text-muted);flex-shrink:0;font-size:11px;text-align:right;width:80px}.bar-track{background:#f7fafc;background:var(--color-bg);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:9px;flex:1 1;height:18px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#1a365d,#2b4c7e);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:9px;height:100%;min-width:8px;transition:width .4s ease}.bar-value{flex-shrink:0;font-size:12px;width:80px}.bar-value,.table-title{color:#2d3748;color:var(--color-text);font-weight:600}.table-title{font-size:14px;margin-bottom:12px}.table-wrapper{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);overflow-x:auto}.readings-table{border-collapse:collapse;font-size:13px;width:100%}.readings-table thead{background:#f7fafc;background:var(--color-bg)}.readings-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);color:#718096;color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.readings-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);padding:10px 14px}.readings-table tr:last-child td{border-bottom:none}.readings-table tr:hover{background:#f7fafc}.value-cell{font-feature-settings:"tnum";color:#1a365d;color:var(--color-primary);font-variant-numeric:tabular-nums;font-weight:600}.loading{align-items:center;color:#718096;color:var(--color-text-muted);display:flex;flex-direction:column;padding:40px}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#1a365d;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:32px;margin-bottom:12px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;border-radius:var(--radius);color:#e53e3e;color:var(--color-danger);padding:24px;text-align:center}.error-message small{display:block;margin-top:4px}.empty-state,.error-message small{color:#718096;color:var(--color-text-muted)}.empty-state{padding:24px;text-align:center}.placeholder{align-items:center;color:#718096;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.5}.footer{background:#1a365d;background:var(--color-primary);color:#ffffffb3;font-size:12px;margin-top:24px;padding:16px 0;text-align:center}
/*# sourceMappingURL=main.15440993.css.map*/