.sensor-tracker[data-v-f3cda872]{max-width:1400px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header[data-v-f3cda872]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex;box-shadow:0 4px 6px #0000001a}.header h1[data-v-f3cda872]{margin:0;font-size:28px}.header-controls[data-v-f3cda872]{align-items:center;gap:15px;display:flex}.date-selector[data-v-f3cda872]{align-items:center;gap:10px;display:flex}.date-selector label[data-v-f3cda872]{font-weight:600}.date-input[data-v-f3cda872]{color:#333;background:#fff;border:2px solid #fff;border-radius:5px;padding:8px 12px;font-size:14px}.refresh-btn[data-v-f3cda872]{color:#fff;cursor:pointer;background-color:#2ecc71;border:none;border-radius:5px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .3s}.refresh-btn[data-v-f3cda872]:hover:not(:disabled){background-color:#27ae60}.refresh-btn[data-v-f3cda872]:disabled{cursor:not-allowed;background-color:#95a5a6}.error-message[data-v-f3cda872]{color:#c33;background-color:#fee;border-left:4px solid #c33;border-radius:8px;margin-bottom:20px;padding:15px}.success-message[data-v-f3cda872]{color:#2c3;background-color:#efe;border-left:4px solid #2c3;border-radius:8px;margin-top:15px;padding:15px}.tabs[data-v-f3cda872]{border-bottom:2px solid #e0e0e0;gap:10px;margin-bottom:30px;display:flex}.tab-btn[data-v-f3cda872]{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.tab-btn[data-v-f3cda872]:hover{color:#667eea}.tab-btn.active[data-v-f3cda872]{color:#667eea;border-bottom-color:#667eea}.phenol-input-section[data-v-f3cda872]{margin-bottom:30px}.input-card[data-v-f3cda872]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000001a}.input-card h3[data-v-f3cda872]{color:#2c3e50;margin:0 0 20px;font-size:18px}.input-form[data-v-f3cda872]{grid-template-columns:1fr 1fr auto;align-items:end;gap:15px;display:grid}.form-group[data-v-f3cda872]{flex-direction:column;gap:8px;display:flex}.form-group label[data-v-f3cda872]{color:#555;font-size:14px;font-weight:600}.time-input-group[data-v-f3cda872]{align-items:stretch;gap:8px;display:flex}.time-input-group .form-input[data-v-f3cda872]{flex:1}.current-time-btn[data-v-f3cda872]{color:#fff;cursor:pointer;white-space:nowrap;background-color:#3498db;border:none;border-radius:5px;padding:10px 16px;font-size:13px;font-weight:600;transition:background-color .3s}.current-time-btn[data-v-f3cda872]:hover{background-color:#2980b9}.form-input[data-v-f3cda872]{border:1px solid #ddd;border-radius:5px;padding:10px 12px;font-size:14px;transition:border-color .3s}.form-input[data-v-f3cda872]:focus{border-color:#667eea;outline:none}.save-btn[data-v-f3cda872]{color:#fff;cursor:pointer;white-space:nowrap;background-color:#667eea;border:none;border-radius:5px;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .3s}.save-btn[data-v-f3cda872]:hover:not(:disabled){background-color:#5568d3}.save-btn[data-v-f3cda872]:disabled{cursor:not-allowed;background-color:#95a5a6}.stats-summary[data-v-f3cda872]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card[data-v-f3cda872]{background:#fff;border-radius:10px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 8px #0000001a}.stat-card[data-v-f3cda872]:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.stat-card h3[data-v-f3cda872]{color:#7f8c8d;margin:0 0 10px;font-size:14px;font-weight:600}.stat-value[data-v-f3cda872]{color:#2c3e50;margin:0;font-size:24px;font-weight:700}.stat-card.extreme-high[data-v-f3cda872]{border-left:4px solid #e74c3c}.stat-card.extreme-low[data-v-f3cda872]{border-left:4px solid #3498db}.filters[data-v-f3cda872]{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.table-filters[data-v-f3cda872]{background:#fff;border-radius:10px;padding:15px 20px;box-shadow:0 2px 8px #0000001a}.filter-group[data-v-f3cda872]{align-items:center;gap:10px;display:flex}.filter-group label[data-v-f3cda872]{color:#555;font-weight:600}.filter-group select[data-v-f3cda872],.filter-group input[data-v-f3cda872]{border:1px solid #ddd;border-radius:5px;padding:8px 12px;font-size:14px}.toggle-graph-btn[data-v-f3cda872]{color:#fff;cursor:pointer;background-color:#9b59b6;border:none;border-radius:5px;padding:8px 16px;font-size:14px;transition:background-color .3s}.toggle-graph-btn[data-v-f3cda872]:hover{background-color:#8e44ad}.graphs-container[data-v-f3cda872]{margin-bottom:30px}.graph-card[data-v-f3cda872]{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000001a}.graph-card h3[data-v-f3cda872]{color:#2c3e50;margin:0 0 15px;font-size:16px}.graph-info[data-v-f3cda872]{color:#7f8c8d;margin-left:5px;font-size:12px;font-weight:400}.graph-card canvas[data-v-f3cda872]{height:300px!important}.graphs-grid[data-v-f3cda872]{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;display:grid}.graphs-grid .graph-card canvas[data-v-f3cda872]{height:250px!important}.data-table-container[data-v-f3cda872]{background:#fff;border-radius:10px;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.data-table[data-v-f3cda872]{border-collapse:collapse;width:100%}.data-table thead[data-v-f3cda872]{background-color:#f8f9fa}.data-table th[data-v-f3cda872]{text-align:left;color:#2c3e50;border-bottom:2px solid #dee2e6;padding:15px;font-weight:600}.data-table th.sortable[data-v-f3cda872]{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable[data-v-f3cda872]:hover{background-color:#e9ecef}.data-table td[data-v-f3cda872]{border-bottom:1px solid #dee2e6;padding:12px 15px}.data-row[data-v-f3cda872]:hover{background-color:#f8f9fa}.high-value[data-v-f3cda872]{color:#e74c3c;font-weight:600}.low-value[data-v-f3cda872]{color:#3498db;font-weight:600}.view-btn[data-v-f3cda872]{color:#fff;cursor:pointer;background-color:#2ecc71;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:background-color .3s}.view-btn[data-v-f3cda872]:hover{background-color:#27ae60}.no-data[data-v-f3cda872]{text-align:center;color:#999;padding:40px;font-size:16px}.modal-overlay[data-v-f3cda872]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-f3cda872]{background:#fff;border-radius:10px;width:90%;max-width:500px;padding:0;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-f3cda872]{border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2[data-v-f3cda872]{color:#2c3e50;margin:0}.close-btn[data-v-f3cda872]{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:28px;display:flex}.close-btn[data-v-f3cda872]:hover{color:#333}.modal-body[data-v-f3cda872]{padding:20px}.detail-row[data-v-f3cda872]{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:12px 0;display:flex}.detail-row[data-v-f3cda872]:last-child{border-bottom:none}.detail-row .label[data-v-f3cda872]{color:#555;font-weight:600}.detail-row .value[data-v-f3cda872]{color:#2c3e50}@media (max-width:768px){.header[data-v-f3cda872]{flex-direction:column;align-items:flex-start}.header-controls[data-v-f3cda872]{justify-content:space-between;width:100%}.date-selector[data-v-f3cda872],.date-input[data-v-f3cda872]{flex:1}.stats-summary[data-v-f3cda872]{grid-template-columns:1fr}.filters[data-v-f3cda872]{flex-direction:column}.filter-group[data-v-f3cda872]{width:100%}.filter-group select[data-v-f3cda872],.filter-group input[data-v-f3cda872]{flex:1}.input-form[data-v-f3cda872]{grid-template-columns:1fr}.time-input-group[data-v-f3cda872]{flex-direction:column}.current-time-btn[data-v-f3cda872]{width:100%}}