
.plugin[data-v-6fbc4895] {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background-color: #f5f5f5;padding: 20px;color: #333;width: 100vw; min-height: 100vh;}
.container[data-v-6fbc4895] {width: 80%;margin: 0 auto;background-color: white;border-radius: 10px;-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);box-shadow: 0 4px 12px rgba(0, 0, 0, .1);padding: 30px;}
h1[data-v-6fbc4895] {color: #2c3e50;border-bottom: 2px solid #3498db;padding-bottom: 10px;margin-bottom: 25px;}
.alert-box[data-v-6fbc4895] {padding: 15px;border-radius: 8px;margin-bottom: 25px;border-left: 4px solid;}
.alert-warning[data-v-6fbc4895] {background-color: #fff3cd;border-color: #ffc107;color: #856404;}
.alert-danger[data-v-6fbc4895] {background-color: #f8d7da;border-color: #dc3545;color: #721c24;}
.alert-success[data-v-6fbc4895] {background-color: #d4edda;border-color: #28a745;color: #155724;}
.section[data-v-6fbc4895] {margin-bottom: 30px;padding: 20px;border-radius: 8px;background-color: #f8f9fa;border-left: 4px solid #3498db;}
.section-title[data-v-6fbc4895] {font-weight: 600;color: #2c3e50;margin-bottom: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.section-title i[data-v-6fbc4895] {margin-right: 10px;color: #3498db;}
.status[data-v-6fbc4895] {padding: 12px;border-radius: 6px;margin-bottom: 20px;font-weight: 500;}
.status.connected[data-v-6fbc4895] {background-color: #d4edda;color: #155724;border: 1px solid #c3e6cb;}
.status.disconnected[data-v-6fbc4895] {background-color: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;}
.btn-primary[data-v-6fbc4895] {background-color: #3498db;border-color: #3498db;font-weight: 500;}
.btn-primary[data-v-6fbc4895]:hover {background-color: #2980b9;border-color: #2980b9;}
.btn-success[data-v-6fbc4895] {background-color: #2ecc71;border-color: #2ecc71;font-weight: 500;}
.btn-success[data-v-6fbc4895]:hover {background-color: #27ae60;border-color: #27ae60;}
.btn-danger[data-v-6fbc4895] {background-color: #e74c3c;border-color: #e74c3c;font-weight: 500;}
.btn-danger[data-v-6fbc4895]:hover {background-color: #c0392b;border-color: #c0392b;}
.instructions[data-v-6fbc4895] {background-color: #e8f4fc;border-radius: 6px;padding: 15px;margin-top: 25px;border-left: 4px solid #3498db;}
.instructions ol[data-v-6fbc4895] {margin-bottom: 0;padding-left: 20px;}
.logs[data-v-6fbc4895] {
  max-height: 200px;
  overflow-y: auto;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 15px;
  font-family: monospace;
  font-size: 14.4px;
  font-size: 0.9rem;
  margin-top: 20px;
}
.log-entry[data-v-6fbc4895] {padding: 3px 0;border-bottom: 1px dotted #dee2e6;}
.log-time[data-v-6fbc4895] {color: #6c757d;margin-right: 10px;}
.log-info[data-v-6fbc4895] {color: #17a2b8;}
.log-success[data-v-6fbc4895] {color: #28a745;}
.log-error[data-v-6fbc4895] {color: #dc3545;}
.log-warning[data-v-6fbc4895] {color: #ffc107;}
.troubleshooting[data-v-6fbc4895] {background-color: #fff3cd;border-radius: 6px;padding: 15px;margin-top: 20px;border-left: 4px solid #ffc107;}
.troubleshooting h6[data-v-6fbc4895] {color: #856404;margin-bottom: 10px;}
.troubleshooting ul[data-v-6fbc4895] {margin-bottom: 0;padding-left: 20px;}
.troubleshooting li[data-v-6fbc4895] {margin-bottom: 5px;}
.config-section[data-v-6fbc4895] {background-color: #e9ecef;padding: 15px;border-radius: 6px;margin-bottom: 20px;}
.config-item[data-v-6fbc4895] {margin-bottom: 10px;}
.config-label[data-v-6fbc4895] {font-weight: 500;margin-bottom: 5px;}


