:root{--bg-main: #0a121f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-main);color:#e5e7eb}#app{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 16px}.page[data-v-0f1dd3e1]{min-height:100vh;background-color:var(--bg-main)}.header[data-v-0f1dd3e1]{background:#0f172a;border-bottom:1px solid #1f2937}.container[data-v-0f1dd3e1]{max-width:1280px;margin:0 auto;padding:0 16px}.header-content[data-v-0f1dd3e1]{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.header-left[data-v-0f1dd3e1]{display:flex;align-items:center;gap:12px}.icon-box[data-v-0f1dd3e1]{padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px}.icon-box.blue[data-v-0f1dd3e1]{background-color:#2563eb}.header-title[data-v-0f1dd3e1]{font-size:24px;font-weight:600;color:#f3f4f6;margin-bottom:4px}.logout-btn[data-v-0f1dd3e1]{padding:.7rem 1.4rem;background:#7f1d1d;border:1px solid #991b1b;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:.2s}.logout-btn[data-v-0f1dd3e1]:hover{background:#991b1b;border-color:#b91c1c}.header-subtitle[data-v-0f1dd3e1]{font-size:14px;color:#9ca3af}.btn[data-v-0f1dd3e1]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:.2s}.btn[data-v-0f1dd3e1]:disabled{opacity:.5;cursor:not-allowed}.btn span[data-v-0f1dd3e1]{font-size:20px}.btn-secondary[data-v-0f1dd3e1]{background:#1f2937;color:#e5e7eb;border:1px solid #374151}.btn-secondary[data-v-0f1dd3e1]:hover:not(:disabled){background:#273449}.main[data-v-0f1dd3e1]{padding:32px 0}.loading[data-v-0f1dd3e1]{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:#9ca3af;font-size:18px}.forbidden-state[data-v-0f1dd3e1]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:80px 16px;text-align:center}.forbidden-state h2[data-v-0f1dd3e1]{font-size:36px;color:#f87171}.forbidden-state p[data-v-0f1dd3e1]{color:#cbd5e1;font-size:16px}.section-title[data-v-0f1dd3e1]{margin-bottom:16px}.section-title h2[data-v-0f1dd3e1]{font-size:18px;font-weight:600;color:#f3f4f6}.stations-grid[data-v-0f1dd3e1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.station-card[data-v-0f1dd3e1]{background:#111827;border-radius:10px;border:1px solid #1f2937;padding:24px;cursor:pointer;transition:.2s}.station-card[data-v-0f1dd3e1]:hover{border-color:#3b82f6;transform:translateY(-2px)}.station-card-header[data-v-0f1dd3e1]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.station-name[data-v-0f1dd3e1]{font-size:18px;font-weight:600;color:#f3f4f6;margin-bottom:8px;transition:color .2s}.station-card:hover .station-name[data-v-0f1dd3e1]{color:#3b82f6}.chevron-icon[data-v-0f1dd3e1]{font-size:24px;color:#6b7280;transition:color .2s}.station-card:hover .chevron-icon[data-v-0f1dd3e1]{color:#3b82f6}.station-details[data-v-0f1dd3e1]{margin-bottom:16px}.detail-row[data-v-0f1dd3e1]{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.detail-label[data-v-0f1dd3e1]{color:#9ca3af}.detail-value[data-v-0f1dd3e1]{color:#e5e7eb;font-weight:500}.heartbeat[data-v-0f1dd3e1]{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:16px;color:#9ca3af}.connectors-preview[data-v-0f1dd3e1]{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid #1f2937}.connector-badge[data-v-0f1dd3e1]{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0f172a;border-radius:6px;font-size:12px;color:#cbd5e1;border:1px solid #1f2937}.spinning[data-v-0f1dd3e1]{animation:spin-0f1dd3e1 1s linear infinite;display:inline-block}.header-actions[data-v-0f1dd3e1]{display:flex;align-items:center;gap:12px}@keyframes spin-0f1dd3e1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.stations-grid[data-v-0f1dd3e1]{grid-template-columns:1fr}}.page[data-v-026f37be]{min-height:100vh;background-color:var(--bg-main)}.logout-btn[data-v-026f37be]{padding:.7rem 1.4rem;background:#7f1d1d;border:1px solid #991b1b;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:.2s}.logout-btn[data-v-026f37be]:hover{background:#991b1b;border-color:#b91c1c}.header-actions[data-v-026f37be]{display:flex;align-items:center;gap:12px}.header[data-v-026f37be]{background:#0f172a;border-bottom:1px solid #1f2937}.container[data-v-026f37be]{max-width:1400px;margin:0 auto;padding:0 16px}.header-content[data-v-026f37be]{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.header-left[data-v-026f37be]{display:flex;align-items:center;gap:16px}.icon-btn[data-v-026f37be]{padding:8px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:20px;color:#e5e7eb}.icon-btn[data-v-026f37be]:hover{background:#1f2937}.header-title[data-v-026f37be]{font-size:24px;font-weight:600;color:#f3f4f6;margin-bottom:4px}.header-subtitle[data-v-026f37be]{font-size:14px;color:#9ca3af}.btn[data-v-026f37be]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500}.btn[data-v-026f37be]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-026f37be]{background:#1f2937;color:#e5e7eb;border:1px solid #374151}.btn-primary[data-v-026f37be]{color:#fff}.btn-green[data-v-026f37be]{background:#10b981}.btn-red[data-v-026f37be]{background:#ef4444}.btn-blue[data-v-026f37be]{background:#2563eb}.btn-full[data-v-026f37be]{width:100%}.main[data-v-026f37be]{padding:32px 0}.loading[data-v-026f37be]{display:flex;justify-content:center;padding:60px 0;color:#9ca3af;font-size:18px}.forbidden-state[data-v-026f37be]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:80px 16px;text-align:center}.forbidden-state h2[data-v-026f37be]{font-size:36px;color:#f87171}.forbidden-state p[data-v-026f37be]{color:#cbd5e1;font-size:16px}.layout[data-v-026f37be]{display:grid;grid-template-columns:340px 1fr;gap:24px}.left-column[data-v-026f37be]{display:flex;flex-direction:column;gap:20px;position:sticky;top:20px;align-self:start}.right-column[data-v-026f37be]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-card[data-v-026f37be],.control-card[data-v-026f37be]{background:#111827;border-radius:10px;border:1px solid #1f2937;padding:20px}.control-card[data-v-026f37be]{display:flex;flex-direction:column;gap:6px}.card-title[data-v-026f37be]{font-size:14px;font-weight:500;color:#e5e7eb;margin-bottom:12px}.status-badge[data-v-026f37be]{display:inline-flex;gap:8px;padding:8px 12px;border-radius:8px;font-weight:500;margin-bottom:16px}.status-available[data-v-026f37be]{background:#10b98126;color:#10b981}.status-occupied[data-v-026f37be]{background:#3b82f626;color:#3b82f6}.status-faulted[data-v-026f37be]{background:#ef444426;color:#ef4444}.status-unavailable[data-v-026f37be]{background:#9ca3af26;color:#9ca3af}.info-list[data-v-026f37be]{display:flex;flex-direction:column;gap:12px}.info-item span[data-v-026f37be]{font-size:13px;color:#9ca3af;display:block;margin-bottom:2px}.info-value[data-v-026f37be]{font-weight:500;color:#f3f4f6;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.auth-header-value[data-v-026f37be]{max-width:100%;overflow-wrap:anywhere;word-break:break-all}.heartbeat[data-v-026f37be]{display:flex;gap:8px;font-size:13px;color:#9ca3af}.connectors-list[data-v-026f37be]{display:flex;flex-direction:column;gap:10px}.connector-item[data-v-026f37be]{padding:10px;background:#0f172a;border-radius:8px;border:1px solid #1f2937}.connector-header[data-v-026f37be]{display:flex;gap:10px}.connector-title[data-v-026f37be]{display:flex;gap:6px;font-weight:500;color:#f3f4f6}.connector-status[data-v-026f37be]{font-size:11px;padding:2px 8px;border-radius:999px}.transaction-id[data-v-026f37be]{font-size:12px;color:#60a5fa}.control-header[data-v-026f37be]{display:flex;gap:10px;margin-bottom:8px}.control-icon[data-v-026f37be]{padding:6px;border-radius:8px;font-size:18px}.control-icon.green[data-v-026f37be]{background:#10b98126;color:#10b981}.control-icon.red[data-v-026f37be]{background:#ef444426;color:#ef4444}.control-icon.blue[data-v-026f37be]{background:#3b82f626;color:#3b82f6}.control-title[data-v-026f37be]{font-size:16px;font-weight:600;color:#f3f4f6;margin-bottom:2px}.control-subtitle[data-v-026f37be]{font-size:13px;color:#9ca3af}.form-group[data-v-026f37be]{margin-bottom:8px}.form-label[data-v-026f37be]{font-size:13px;color:#9ca3af;margin-bottom:4px;display:block}.form-input[data-v-026f37be]{width:100%;padding:8px 12px;border-radius:8px;background:#0f172a;border:1px solid #1f2937;color:#e5e7eb;font-size:13px}.form-input[data-v-026f37be]:focus{outline:none;border-color:#3b82f6}.json-response[data-v-026f37be]{margin-top:8px;background:#052e16;border:1px solid #16a34a;border-radius:8px;padding:8px;max-height:220px;overflow:auto}.json-response pre[data-v-026f37be]{margin:0;font-family:monospace;font-size:12px;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.info-card[data-v-026f37be]:has(#logs){grid-column:1/-1}#logs[data-v-026f37be]{height:450px;overflow-y:auto;font-family:monospace;padding:6px}.log[data-v-026f37be]{white-space:pre-wrap;margin-bottom:6px;padding:6px 8px;border-radius:10px;font-size:12px}.log.from[data-v-026f37be]{background:#2ea04326;border-left:3px solid #2ea043}.log.to[data-v-026f37be]{background:#58a6ff26;border-left:3px solid #58a6ff}@media (max-width:1200px){.layout[data-v-026f37be]{grid-template-columns:1fr}.left-column[data-v-026f37be]{position:relative;top:0}.right-column[data-v-026f37be]{grid-template-columns:1fr}}