[data-v-1e1a2507]{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body[data-v-1e1a2507]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6;padding:20px}.container[data-v-1e1a2507]{max-width:900px;margin:0 auto;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);padding:30px}h1[data-v-1e1a2507]{text-align:center;margin-bottom:30px;color:#2c3e50}.status[data-v-1e1a2507]{padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:700}.status.connected[data-v-1e1a2507]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status.disconnected[data-v-1e1a2507]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status.scanning[data-v-1e1a2507]{background-color:#cce7ff;color:#004085;border:1px solid #b3d7ff}.status.connecting[data-v-1e1a2507]{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.panel[data-v-1e1a2507]{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.panel h2[data-v-1e1a2507]{margin-bottom:15px;color:#495057;font-size:1.2rem}.btn[data-v-1e1a2507]{display:inline-block;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;-webkit-transition:background-color .3s;transition:background-color .3s;margin-right:10px;margin-bottom:10px}.btn[data-v-1e1a2507]:hover:not(:disabled){background-color:#2980b9}.btn[data-v-1e1a2507]:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.6}.btn-success[data-v-1e1a2507]{background-color:#2ecc71}.btn-success[data-v-1e1a2507]:hover:not(:disabled){background-color:#27ae60}.btn-danger[data-v-1e1a2507]{background-color:#e74c3c}.btn-danger[data-v-1e1a2507]:hover:not(:disabled){background-color:#c0392b}.device-list[data-v-1e1a2507]{list-style-type:none;margin-bottom:20px;max-height:200px;overflow-y:auto}.device-item[data-v-1e1a2507]{padding:12px 15px;border:1px solid #dee2e6;border-radius:5px;margin-bottom:10px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.device-item[data-v-1e1a2507]:hover{background-color:#e9ecef}.device-item.selected[data-v-1e1a2507]{background-color:#d1ecf1;border-color:#bee5eb}.form-group[data-v-1e1a2507]{margin-bottom:15px}label[data-v-1e1a2507]{display:block;margin-bottom:5px;font-weight:700}input[data-v-1e1a2507],textarea[data-v-1e1a2507]{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:16px}textarea[data-v-1e1a2507]{min-height:150px;resize:vertical;font-size:14px}.log-container[data-v-1e1a2507],input[type=text][data-v-1e1a2507],textarea[data-v-1e1a2507]{font-family:Courier New,monospace}.log-container[data-v-1e1a2507]{background-color:#2c3e50;color:#ecf0f1;border-radius:5px;padding:15px;height:250px;overflow-y:auto;font-size:13px;margin-bottom:15px}.log-entry[data-v-1e1a2507]{margin-bottom:5px;padding:3px 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.log-time[data-v-1e1a2507]{color:#3498db;font-weight:700}.log-info[data-v-1e1a2507]{color:#2ecc71}.log-error[data-v-1e1a2507]{color:#e74c3c;font-weight:700}.log-data[data-v-1e1a2507]{color:#f39c12}.flex-container[data-v-1e1a2507]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.flex-item[data-v-1e1a2507]{-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width:768px){.container[data-v-1e1a2507]{padding:15px}.flex-container[data-v-1e1a2507]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.device-list[data-v-1e1a2507]{max-height:150px}}