.header[data-v-9b3d8159]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;margin-bottom:30px;text-align:center;box-shadow:0 8px 32px #0000001a}.header-left h1[data-v-9b3d8159]{color:#2c3e50;font-size:36px;margin-bottom:15px;font-weight:700}.device-info[data-v-9b3d8159]{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.device-name[data-v-9b3d8159],.current-time[data-v-9b3d8159],.status[data-v-9b3d8159],.pipeline-selector[data-v-9b3d8159],.flange-selector[data-v-9b3d8159]{font-size:14px;padding:8px 16px;background:#667eea1a;border-radius:20px}.device-name[data-v-9b3d8159]{color:#6c757d}.current-time[data-v-9b3d8159]{color:#2c3e50;font-weight:600}.status[data-v-9b3d8159],.pipeline-selector[data-v-9b3d8159],.flange-selector[data-v-9b3d8159]{display:flex;align-items:center;gap:8px;color:#495057}.selector[data-v-9b3d8159]{padding:4px 8px;border:1px solid #ced4da;border-radius:6px;font-size:14px;color:#495057;background-color:#fff;cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.selector[data-v-9b3d8159]:focus{border-color:#667eea;outline:0;box-shadow:0 0 0 .2rem #667eea40}.status-dot[data-v-9b3d8159]{width:10px;height:10px;border-radius:50%;background:#28a745;animation:pulse-9b3d8159 2s infinite ease-in-out}@keyframes pulse-9b3d8159{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.header[data-v-9b3d8159]{padding:20px;margin-bottom:20px}.header-left h1[data-v-9b3d8159]{font-size:28px}.device-info[data-v-9b3d8159]{gap:10px}.device-name[data-v-9b3d8159],.current-time[data-v-9b3d8159],.status[data-v-9b3d8159],.pipeline-selector[data-v-9b3d8159],.flange-selector[data-v-9b3d8159]{font-size:12px;padding:6px 12px}}@media(max-width:480px){.header-left h1[data-v-9b3d8159]{font-size:24px}.device-info[data-v-9b3d8159]{flex-direction:column;gap:8px}}.controls-panel[data-v-90c49781]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a}.panel-title[data-v-90c49781]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:20px;text-align:center}.mqtt-connection[data-v-90c49781]{margin-bottom:20px;padding:15px;background:#667eea0d;border-radius:12px}.mqtt-config[data-v-90c49781]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.button-group[data-v-90c49781]{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.input-group[data-v-90c49781]{display:flex;flex-direction:column;gap:5px}.input-group label[data-v-90c49781]{font-size:12px;font-weight:500;color:#495057;text-align:left}.mqtt-input[data-v-90c49781]{padding:10px;border:1px solid #ced4da;border-radius:8px;font-size:14px;color:#495057;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.mqtt-input[data-v-90c49781]:focus{border-color:#667eea;outline:0;box-shadow:0 0 0 .2rem #667eea40}.button-group[data-v-90c49781]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.button-group .control-btn[data-v-90c49781]{padding:12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;transition:all .3s ease}.button-group .control-btn[data-v-90c49781]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.button-group .control-btn[data-v-90c49781]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.connection-status[data-v-90c49781]{font-size:14px;font-weight:500;padding:5px 10px;border-radius:6px;display:inline-block}.connection-status.connected[data-v-90c49781]{background:#28a7451a;color:#28a745}.connection-status.disconnected[data-v-90c49781]{background:#dc35451a;color:#dc3545}.controls-grid[data-v-90c49781]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.control-btn[data-v-90c49781]{padding:15px;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;color:#fff}.btn-primary[data-v-90c49781]{background:linear-gradient(45deg,#667eea,#764ba2)}.btn-secondary[data-v-90c49781]{background:#6c757d}.btn-success[data-v-90c49781]{background:#28a745}.btn-warning[data-v-90c49781]{background:#ffc107;color:#212529}.btn-danger[data-v-90c49781]{background:#dc3545}.control-btn[data-v-90c49781]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}@media(max-width:768px){.mqtt-config[data-v-90c49781],.button-group[data-v-90c49781]{grid-template-columns:1fr}.mqtt-input[data-v-90c49781]{width:100%}.controls-grid[data-v-90c49781]{grid-template-columns:1fr}.control-btn[data-v-90c49781]{width:100%}}@keyframes slideIn-90c49781{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut-90c49781{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}*{margin:0;padding:0;box-sizing:border-box;list-style:none}body{font-family:Microsoft YaHei,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.container,#app[data-v-2cdb4de0]{max-width:1200px;margin:0 auto;padding:20px}.top[data-v-2cdb4de0]{margin-bottom:20px}@media(max-width:768px){#app[data-v-2cdb4de0]{padding:15px}}ul[data-v-f85d0ad3]{margin:0;padding:0;list-style:none}.main-grid[data-v-f85d0ad3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:30px}.feature-card[data-v-f85d0ad3]{overflow:hidden;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease-in-out;cursor:pointer;animation:fadeInUp-f85d0ad3 .6s ease forwards}.feature-card[data-v-f85d0ad3]:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.feature-card[data-v-f85d0ad3]:nth-child(1){animation-delay:.1s}.feature-card[data-v-f85d0ad3]:nth-child(2){animation-delay:.2s}.feature-card[data-v-f85d0ad3]:nth-child(3){animation-delay:.3s}.card-icon[data-v-f85d0ad3]{display:flex;width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;align-items:center;justify-content:center;font-size:36px;color:#fff}.card-title[data-v-f85d0ad3]{font-size:24px;font-weight:600;color:#2c3e50;text-align:center;margin-bottom:15px}.card-description[data-v-f85d0ad3]{color:#6c757d;text-align:center;line-height:1.6;margin-bottom:25px}.card-features[data-v-f85d0ad3]{margin-bottom:25px}.card-features li[data-v-f85d0ad3]{padding:8px 0;color:#495057;display:flex;align-items:center;gap:10px}.card-features li[data-v-f85d0ad3]:before{display:flex;content:"✓";color:#28a745;font-weight:700;width:20px;height:20px;background:#28a7451a;border-radius:50%;align-items:center;justify-content:center;font-size:12px}.enter-btn[data-v-f85d0ad3]{width:100%;padding:15px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.enter-btn[data-v-f85d0ad3]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.enter-btn[data-v-f85d0ad3]:active{transform:translateY(0);box-shadow:0 2px 10px #667eea66}.footer[data-v-f85d0ad3]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;text-align:center;box-shadow:0 8px 32px #0000001a}.footer-content[data-v-f85d0ad3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.footer-section h4[data-v-f85d0ad3]{color:#2c3e50;margin-bottom:10px;font-size:16px;margin-top:0}.footer-section ul li[data-v-f85d0ad3]{color:#6c757d;font-size:14px;line-height:1.5}.copyright[data-v-f85d0ad3]{border-top:1px solid #e9ecef;padding-top:15px;color:#6c757d;font-size:14px}@media(max-width:768px){.main-grid[data-v-f85d0ad3]{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.feature-card[data-v-f85d0ad3]{padding:25px}.card-icon[data-v-f85d0ad3]{width:60px;height:60px;font-size:28px}.card-title[data-v-f85d0ad3]{font-size:20px}.card-description[data-v-f85d0ad3]{font-size:14px}.footer[data-v-f85d0ad3]{padding:20px}.footer-content[data-v-f85d0ad3]{grid-template-columns:1fr;gap:15px}}@media(max-width:480px){.feature-card[data-v-f85d0ad3]{padding:20px}.card-icon[data-v-f85d0ad3]{width:50px;height:50px;font-size:24px}}@keyframes fadeInUp-f85d0ad3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.selector-panel[data-v-0e318ceb]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px 25px;box-shadow:0 8px 32px #0000001a;margin-bottom:20px}.pipe-flange-selector[data-v-0e318ceb]{display:flex;gap:20px;justify-content:center;align-items:center}.selector-item[data-v-0e318ceb]{display:flex;align-items:center;gap:8px}.selector-item label[data-v-0e318ceb]{font-size:14px;color:#2c3e50;font-weight:500}.selector-item select[data-v-0e318ceb]{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;color:#495057;background-color:#fff;cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.selector-item select[data-v-0e318ceb]:focus{border-color:#667eea;outline:0;box-shadow:0 0 0 .2rem #667eea40}.selector-item select[data-v-0e318ceb]:disabled{background-color:#e9ecef;cursor:not-allowed}.main-content[data-v-0e318ceb]{display:flex;gap:20px;margin-bottom:20px}.gauge-panel[data-v-0e318ceb]{flex:0 0 50%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;align-items:center}.panel-title[data-v-0e318ceb]{font-size:18px;color:#2c3e50;margin-bottom:20px;text-align:center;font-weight:600}.gauge-container[data-v-0e318ceb]{display:flex;justify-content:center;align-items:center;width:100%}.sensor-circle[data-v-0e318ceb]{position:relative;width:100%;max-width:380px;height:380px;border-radius:50%;border:2px solid #e0e0e0;background:#f8f9fa80}.sensor-item[data-v-0e318ceb]{position:absolute;top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%) rotate(-90deg) rotate(var(--angle)) translate(150px) rotate(calc(-1 * var(--angle))) rotate(90deg);display:flex;flex-direction:column;align-items:center;gap:4px;width:80px;text-align:center}.sensor-dot[data-v-0e318ceb]{width:12px;height:12px;border-radius:50%;background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea66}.sensor-label[data-v-0e318ceb]{font-size:12px;color:#6c757d}.sensor-value[data-v-0e318ceb]{font-size:14px;font-weight:600;color:#2c3e50}.chart-panel[data-v-0e318ceb]{flex:1;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column}.time-range[data-v-0e318ceb]{font-size:14px;color:#6c757d;text-align:center;margin-bottom:10px}.sensor-selector[data-v-0e318ceb]{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:15px}.sensor-select[data-v-0e318ceb]{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;color:#495057;background-color:#fff;cursor:pointer}.chart-container[data-v-0e318ceb]{width:100%;height:380px;border-radius:8px;flex:1;justify-content:center;align-items:center}.bottom-section[data-v-0e318ceb]{margin-top:20px}.parameters-panel[data-v-0e318ceb]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;box-shadow:0 8px 32px #0000001a}.parameters-grid[data-v-0e318ceb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.param-item[data-v-0e318ceb]{display:flex;flex-direction:column;align-items:center;gap:5px}.param-label[data-v-0e318ceb]{font-size:14px;color:#6c757d}.param-value[data-v-0e318ceb]{font-size:16px;font-weight:600;color:#2c3e50}.alert-area[data-v-0e318ceb]{background:#ff4d4d1a;border-left:4px solid #ff4d4d;padding:10px 15px;border-radius:6px;color:#d32f2f;font-size:14px;text-align:center;margin-top:10px}@media(max-width:992px){.main-content[data-v-0e318ceb]{flex-direction:column}.gauge-panel[data-v-0e318ceb],.chart-panel[data-v-0e318ceb]{flex:auto}}@media(max-width:768px){.pipe-flange-selector[data-v-0e318ceb]{flex-direction:column;gap:10px}.sensor-circle[data-v-0e318ceb]{max-width:300px;height:300px}.sensor-item[data-v-0e318ceb]{transform:translate(-50%,-50%) rotate(-90deg) rotate(var(--angle)) translate(120px) rotate(calc(-1 * var(--angle))) rotate(90deg)}.chart-container[data-v-0e318ceb]{height:300px}.parameters-grid[data-v-0e318ceb]{grid-template-columns:repeat(2,1fr)}}.fade-enter-from[data-v-33f40aa3],.fade-leave-to[data-v-33f40aa3]{opacity:0;transform:translateY(10px)}.fade-enter-active[data-v-33f40aa3],.fade-leave-active[data-v-33f40aa3]{transition:all .3s ease}.main-content[data-v-33f40aa3]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;box-shadow:0 8px 32px #0000001a}.settings-form[data-v-33f40aa3]{display:grid;gap:30px}.setting-section[data-v-33f40aa3]{border:1px solid #e9ecef;border-radius:12px;padding:25px;background:#f8f9fa}.section-title[data-v-33f40aa3]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:10px;margin-top:0}.section-icon[data-v-33f40aa3]{width:24px;height:24px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.form-grid[data-v-33f40aa3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group[data-v-33f40aa3]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-33f40aa3]{font-size:14px;font-weight:500;color:#495057}.form-input[data-v-33f40aa3],.form-select[data-v-33f40aa3]{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.form-input--readonly[data-v-33f40aa3]{background:#f8f9fa;color:#6c757d;cursor:not-allowed;border-color:#dee2e6}.form-input[data-v-33f40aa3]:focus,.form-select[data-v-33f40aa3]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-input.error[data-v-33f40aa3]{border-color:#dc3545}.form-help[data-v-33f40aa3]{font-size:12px;color:#6c757d}.threshold-group[data-v-33f40aa3]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.serial-config[data-v-33f40aa3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.button-group[data-v-33f40aa3]{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef;flex-wrap:wrap}.btn[data-v-33f40aa3]{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-primary[data-v-33f40aa3]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn-secondary[data-v-33f40aa3]{background:#6c757d;color:#fff}.btn-success[data-v-33f40aa3]{background:#28a745;color:#fff}.btn-danger[data-v-33f40aa3]{background:#dc3545;color:#fff}.btn[data-v-33f40aa3]:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.btn[data-v-33f40aa3]:active{transform:translateY(0);box-shadow:none}.btn[data-v-33f40aa3]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.status-message[data-v-33f40aa3]{padding:15px;border-radius:8px;margin-bottom:20px;opacity:0;transform:translateY(10px);text-align:center;transition:all .3s ease}.status-message.success[data-v-33f40aa3]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error[data-v-33f40aa3]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-message.show[data-v-33f40aa3]{opacity:1;transform:translateY(0)}@media(max-width:768px){.main-content[data-v-33f40aa3]{padding:20px}.form-grid[data-v-33f40aa3],.serial-config[data-v-33f40aa3],.threshold-group[data-v-33f40aa3]{grid-template-columns:1fr}.button-group[data-v-33f40aa3]{gap:10px}.btn[data-v-33f40aa3]{min-width:unset;width:100%}}@media(max-width:480px){.main-content[data-v-33f40aa3]{padding:15px}.setting-section[data-v-33f40aa3]{padding:20px 15px}}.header[data-v-32efc9fc]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #0000001a}.header-left[data-v-32efc9fc]{display:flex;align-items:center;gap:15px}.back-btn[data-v-32efc9fc]{background:#6c757d;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.back-btn[data-v-32efc9fc]:hover{background:#5a6268;transform:translate(-2px)}.header-left h1[data-v-32efc9fc]{color:#2c3e50;font-size:24px}.device-info[data-v-32efc9fc]{display:flex;gap:20px;align-items:center}.current-time[data-v-32efc9fc]{font-size:14px;color:#2c3e50}.sensor-select-container[data-v-32efc9fc]{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-left:20px}.selector-item[data-v-32efc9fc]{display:flex;align-items:center;gap:8px}.selector-item label[data-v-32efc9fc]{font-size:14px;font-weight:500;color:#495057;white-space:nowrap}.selector-item select[data-v-32efc9fc]{padding:8px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;color:#495057;background:#fff;cursor:pointer;transition:all .3s ease;min-width:120px}.selector-item select[data-v-32efc9fc]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.selector-item select[data-v-32efc9fc]:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.sensor-select[data-v-32efc9fc]{min-width:150px}.filter-section[data-v-32efc9fc]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:25px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a}.filter-title[data-v-32efc9fc]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:10px}.filter-grid[data-v-32efc9fc]{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end}.form-group[data-v-32efc9fc]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-32efc9fc]{font-size:14px;font-weight:500;color:#495057}.form-input[data-v-32efc9fc]{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.form-input[data-v-32efc9fc]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-primary[data-v-32efc9fc]{padding:12px 24px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-32efc9fc]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.quick-filters[data-v-32efc9fc]{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.quick-time-btn[data-v-32efc9fc]{padding:8px 16px;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:20px;cursor:pointer;font-size:12px;transition:all .3s ease}.quick-time-btn[data-v-32efc9fc]:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.content-section[data-v-32efc9fc]{display:grid;grid-template-columns:1fr;gap:20px}.chart-section[data-v-32efc9fc]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:25px;box-shadow:0 8px 32px #0000001a}.chart-title[data-v-32efc9fc]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:20px;text-align:center}.chart-container[data-v-32efc9fc]{height:400px;background:#f8f9fa;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:16px;position:relative}.chart-placeholder[data-v-32efc9fc]{text-align:center}.data-summary[data-v-32efc9fc]{display:flex;justify-content:center;gap:30px;padding:20px;flex-wrap:wrap}.summary-item[data-v-32efc9fc]{display:flex;flex-direction:column;align-items:center;gap:5px}.summary-label[data-v-32efc9fc]{font-size:12px;color:#6c757d}.summary-value[data-v-32efc9fc]{font-size:18px;font-weight:600;color:#667eea}.data-section[data-v-32efc9fc]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:25px;box-shadow:0 8px 32px #0000001a}.section-header[data-v-32efc9fc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.data-title[data-v-32efc9fc]{font-size:18px;font-weight:600;color:#2c3e50}.export-btn[data-v-32efc9fc]{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.export-btn[data-v-32efc9fc]:hover{background:#218838;transform:translateY(-2px)}.data-table-container[data-v-32efc9fc]{overflow-x:auto;border-radius:10px;border:1px solid #e9ecef}.data-table[data-v-32efc9fc]{width:100%;border-collapse:collapse;background:#fff}.data-table th[data-v-32efc9fc]{background:#f8f9fa;padding:15px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef}.data-table td[data-v-32efc9fc]{padding:12px 15px;border-bottom:1px solid #e9ecef;color:#212529}.data-table tbody tr[data-v-32efc9fc]:hover{background:#f8f9fa}.status-normal[data-v-32efc9fc]{color:#28a745;font-weight:500}.status-warning[data-v-32efc9fc]{color:#ffc107;font-weight:500}.status-alarm[data-v-32efc9fc]{color:#dc3545;font-weight:500}.pagination[data-v-32efc9fc]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination button[data-v-32efc9fc]{padding:8px 12px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;cursor:pointer;transition:all .3s ease}.pagination button[data-v-32efc9fc]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.pagination button[data-v-32efc9fc]:disabled{opacity:.5;cursor:not-allowed}.pagination .current-page[data-v-32efc9fc]{background:#667eea;color:#fff;border-color:#667eea}.loading[data-v-32efc9fc]{display:none;text-align:center;padding:20px;color:#6c757d}.loading.show[data-v-32efc9fc]{display:block}.no-data[data-v-32efc9fc]{text-align:center;padding:40px;color:#6c757d}@media(max-width:768px){.container[data-v-32efc9fc]{padding:10px}.header[data-v-32efc9fc]{flex-direction:column;gap:15px;text-align:center}.header-left[data-v-32efc9fc]{flex-direction:column;gap:15px}.sensor-select-container[data-v-32efc9fc]{flex-direction:column;gap:15px;margin-left:0;width:100%}.selector-item[data-v-32efc9fc]{flex-direction:column;align-items:flex-start;width:100%}.selector-item select[data-v-32efc9fc]{width:100%;min-width:auto}.filter-grid[data-v-32efc9fc]{grid-template-columns:1fr;gap:15px}.quick-filters[data-v-32efc9fc]{justify-content:center}.section-header[data-v-32efc9fc]{flex-direction:column;gap:15px;align-items:stretch}.data-table-container[data-v-32efc9fc]{font-size:12px}.data-summary[data-v-32efc9fc]{flex-direction:column;gap:15px}}.export-container[data-v-54dcfd3c]{max-width:800px;margin:0 auto;padding:20px}.page-title[data-v-54dcfd3c]{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:24px;font-weight:600}.export-panel[data-v-54dcfd3c]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0000001a;display:grid;grid-template-columns:1fr 1fr;gap:30px}.export-options h3[data-v-54dcfd3c],.export-info h3[data-v-54dcfd3c]{color:#2c3e50;margin-bottom:20px;font-size:18px;font-weight:600}.form-group[data-v-54dcfd3c]{margin-bottom:20px}.form-group label[data-v-54dcfd3c]{display:block;margin-bottom:8px;color:#495057;font-weight:500}.form-control[data-v-54dcfd3c]{width:100%;padding:10px;border:1px solid #ced4da;border-radius:8px;font-size:14px;color:#495057;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control[data-v-54dcfd3c]:focus{border-color:#667eea;outline:0;box-shadow:0 0 0 .2rem #667eea40}.quick-time-ranges[data-v-54dcfd3c]{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.quick-time-btn[data-v-54dcfd3c]{padding:6px 12px;border:1px solid #667eea;background:#fff;color:#667eea;border-radius:16px;font-size:12px;cursor:pointer;transition:all .3s ease}.quick-time-btn[data-v-54dcfd3c]:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.button-group[data-v-54dcfd3c]{display:flex;flex-direction:column;gap:12px;margin-top:20px}.export-btn[data-v-54dcfd3c]{width:100%;padding:15px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.export-btn[data-v-54dcfd3c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.delete-btn[data-v-54dcfd3c]{width:100%;padding:15px;background:linear-gradient(45deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.delete-btn[data-v-54dcfd3c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.cleanup-btn[data-v-54dcfd3c]{width:100%;padding:15px;background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.cleanup-btn[data-v-54dcfd3c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.export-info[data-v-54dcfd3c]{background:#667eea0d;padding:20px;border-radius:12px}.export-info p[data-v-54dcfd3c]{margin-bottom:10px;color:#6c757d;line-height:1.5}.data-count[data-v-54dcfd3c]{font-weight:600;color:#667eea}@media(max-width:768px){.export-panel[data-v-54dcfd3c]{grid-template-columns:1fr}.export-container[data-v-54dcfd3c]{padding:15px}.export-panel[data-v-54dcfd3c]{padding:20px}}