.page-title{color:#133438;margin:0 0 4px}.page-subtitle{color:#888;margin:0 0 8px;font-size:14px}.realtime-status{margin:0 0 20px;font-size:12px;font-weight:600}.realtime-status.is-connected{color:#2e7d32}.realtime-status.is-disconnected{color:#c62828}.page-error{color:#c62828;font-size:13px}.dashboard-realtime-status{margin-bottom:28px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.dashboard-panels{display:grid;grid-template-columns:2fr 1fr;gap:20px}.dashboard-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 6px #00000012}.dashboard-panel-title{margin:0 0 16px;color:#133438;font-size:15px}.dashboard-node-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5}.dashboard-node-name{margin:0;font-size:13px;font-weight:600;color:#133438}.dashboard-node-campus{margin:0;font-size:11px;color:#aaa}.dashboard-node-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--badge-bg);color:var(--badge-color)}.stations-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.stations-node-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 6px #00000012;border-top:4px solid var(--status-color)}.stations-node-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.stations-node-name{margin:0;font-weight:700;font-size:15px;color:#133438}.stations-node-campus{margin:2px 0 0;font-size:12px;color:#888}.stations-node-id{margin:4px 0 0;font-size:11px;color:#5b7b7e;font-family:monospace}.stations-status-badge{background:var(--status-bg);color:var(--status-color);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.stations-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.stations-chip{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.stations-chip.sync{background:#e3f2fd;color:#1565c0}.stations-chip.local{background:#f1f3f4;color:#666}.stations-chip.deveui{background:#f8fafb;color:#355b5f;font-family:monospace;font-weight:400}.stations-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stations-reading-box{background:#f8fafb;border-radius:8px;padding:8px 12px}.stations-reading-label{margin:0;font-size:11px;color:#999}.stations-reading-value{margin:2px 0 0;font-size:14px;font-weight:700;color:#133438}.stations-offline-message{color:#e53935;font-size:13px;margin:12px 0}.stations-meta-row{display:flex;gap:16px;font-size:12px;color:#888;flex-wrap:wrap}.stations-form{background:#fff;border-radius:12px;box-shadow:0 1px 6px #00000012;padding:16px;display:grid;gap:12px;margin-bottom:20px}.stations-form-header{display:flex;justify-content:space-between;align-items:center}.stations-section-title{margin:0;font-size:16px;color:#133438}.stations-secondary-button,.stations-primary-button,.stations-table-button,.stations-table-button-danger,.stations-filter-button{border-radius:8px;cursor:pointer;font-size:12px}.stations-secondary-button{padding:6px 10px;border:1px solid #ddd;background:#fff}.stations-helper-box{background:#f8fafb;border-radius:10px;padding:12px;color:#4f676a;font-size:12px;line-height:1.5}.stations-helper-box strong{color:#133438}.stations-form-group-title{margin:0 0 8px;font-size:12px;font-weight:700;color:#355b5f;text-transform:uppercase;letter-spacing:.6px}.stations-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.stations-form-grid-wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.stations-field,.stations-select{padding:10px 12px;border-radius:8px;border:1px solid #ddd;font-size:13px;background:#fff}.stations-field.is-disabled{background:#f6f6f6}.stations-checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.stations-nested-panel{display:grid;gap:12px;background:#f8fafb;border-radius:10px;padding:12px}.stations-actions-row{display:flex;gap:8px}.stations-primary-button{padding:8px 14px;border:none;background:#1a6c74;color:#fff;font-weight:600}.stations-table-card{background:#fff;border-radius:12px;box-shadow:0 1px 6px #00000012;overflow:hidden;margin-bottom:20px}.stations-table{width:100%;border-collapse:collapse;font-size:13px}.stations-table thead tr{background:#f8fafb}.stations-table th{padding:12px 16px;text-align:left;color:#888;font-size:12px;font-weight:600}.stations-table tbody tr{border-top:1px solid #f0f0f0}.stations-table td{padding:12px 16px}.stations-table-id,.stations-table-dev-eui{font-family:monospace;color:#355b5f}.stations-table-name{font-weight:600;color:#133438}.stations-table-muted{color:#666}.stations-table-nowrap{white-space:nowrap}.stations-table-status{background:var(--status-bg);color:var(--status-color);padding:3px 10px;border-radius:20px;font-weight:700;font-size:11px}.stations-table-battery{display:grid;gap:2px}.stations-table-battery-sub{font-size:11px;color:#999}.stations-table-sync{color:var(--sync-color);font-weight:600}.stations-table-actions{display:flex;gap:6px;flex-wrap:wrap}.stations-table-button{padding:4px 10px;border:1px solid #ddd;background:#fff;color:#555;font-size:11px}.stations-table-button-danger{padding:4px 10px;border:1px solid #f8c8c8;background:#fff5f5;color:#c62828;font-size:11px}.stations-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.stations-filter-button{padding:6px 16px;border:none;background:#e8f0f1;color:#555;font-size:13px;font-weight:600;border-radius:20px}.stations-filter-button.is-active{background:#1a6c74;color:#fff}.monitor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.monitor-station-select{padding:8px 14px;border-radius:8px;border:1px solid #ddd;font-size:14px;background:#fff}.monitor-pipeline-status{margin-bottom:14px;font-size:12px;color:#666}.monitor-pipeline-status span+span{margin-left:16px}.monitor-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.monitor-metric-card{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 1px 6px #00000012;border-top:3px solid var(--metric-color)}.monitor-metric-label{margin:0;font-size:12px;color:#888}.monitor-metric-value{margin:6px 0 0;font-size:28px;font-weight:700;color:var(--metric-color)}.monitor-metric-unit{font-size:14px;font-weight:400}.monitor-metric-alert{margin:4px 0 0;font-size:11px;color:#e53935;font-weight:600}.monitor-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.monitor-chart-card,.monitor-table-card{background:#fff;border-radius:12px;box-shadow:0 1px 6px #00000012}.monitor-chart-card{padding:20px}.monitor-chart-title,.monitor-table-title{margin:0 0 12px;color:#133438;font-size:14px}.monitor-table-card{margin-top:20px;overflow:hidden}.monitor-table-header{padding:14px 16px;border-bottom:1px solid #f1f1f1}.monitor-table{width:100%;border-collapse:collapse;font-size:12px}.monitor-table thead tr{background:#f8fafb}.monitor-table th{text-align:left;padding:10px 14px;color:#777;font-weight:600}.monitor-table tbody tr{border-top:1px solid #f3f3f3}.monitor-table td{padding:10px 14px}.monitor-empty{color:#888}.alerts-tabs{display:flex;gap:10px;margin-bottom:20px}.alerts-tab-button{padding:8px 20px;border-radius:8px;border:none;cursor:pointer;background:#e8f0f1;color:#555;font-size:13px;font-weight:600}.alerts-tab-button.is-active{background:#1a6c74;color:#fff}.alerts-card,.alerts-config-card{background:#fff;border-radius:12px;box-shadow:0 1px 6px #00000012}.alerts-card{overflow:hidden}.alerts-table{width:100%;border-collapse:collapse;font-size:13px}.alerts-table thead tr{background:#f8fafb;color:#888}.alerts-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:12px}.alerts-table tbody tr{border-top:1px solid #f0f0f0;opacity:var(--row-opacity, 1)}.alerts-table td{padding:12px 16px}.alerts-severity-badge{background:var(--severity-bg);color:var(--severity-color);padding:3px 10px;border-radius:20px;font-weight:700;font-size:11px}.alerts-station-name{font-weight:600;color:#133438}.alerts-variable{color:#555}.alerts-value{font-weight:700;color:var(--severity-color)}.alerts-threshold{color:#888}.alerts-time{color:#aaa;font-size:11px}.alerts-ack{color:#43a047;font-size:11px;font-weight:600}.alerts-action-button,.alerts-save-button{cursor:pointer;font-weight:600}.alerts-action-button{padding:4px 12px;border-radius:6px;border:1px solid #1a6c74;background:#fff;color:#1a6c74;font-size:11px}.alerts-config-card{padding:24px}.alerts-config-title{margin:0 0 20px;color:#133438;font-size:15px}.alerts-threshold-row{display:grid;grid-template-columns:200px 1fr 1fr;gap:16px;align-items:center;margin-bottom:16px;padding:16px;background:#f8fafb;border-radius:8px}.alerts-threshold-name{margin:0;font-weight:600;color:#133438;font-size:14px}.alerts-threshold-label{font-size:11px;color:#888}.alerts-threshold-input{display:block;width:100%;padding:6px 10px;border-radius:6px;border:1px solid #ddd;margin-top:4px}.alerts-save-button{padding:10px 24px;background:#1a6c74;color:#fff;border:none;border-radius:8px;margin-top:8px}.alerts-admin-note{margin-top:10px;font-size:12px;color:#888}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f0f7f8;color:#133438}button,input,select{font-family:inherit}