:root{--amarillo:#ffd43b;--amarillo-oscuro:#f5b400;--gris-fondo:#f5f6fa;--texto:#222;--muted:#6c757d;--borde:#e5e7eb;--card:#fff;}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#fff6bf 0,#f7f8fc 32%,#eef1f7 100%);color:var(--texto);}
.hero-card,.panel-card{background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.85);border-radius:24px;box-shadow:0 18px 50px rgba(18,38,63,.10);}
.hero-card{padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.hero-card h1{margin:1px 0 2px;font-weight:900;font-size:1.55rem;}.hero-card p{margin:0;color:var(--muted);}.eyebrow{font-weight:800;color:#8a6b00;text-transform:uppercase;font-size:.78rem;letter-spacing:.05em}.hero-badge{background:#fff8d6;border:1px solid #ffe58a;padding:8px 12px;border-radius:999px;font-weight:800;white-space:nowrap;}
.panel-card{padding:22px;}.panel-card h2{font-size:1.25rem;font-weight:900;margin-bottom:16px;}.form-label{font-weight:700}.config-security-row{display:grid;grid-template-columns:1fr 260px;gap:14px;align-items:end}.security-alert{height:48px;display:flex;align-items:center}.security-input .form-label{margin-bottom:6px}.code-area{font-family:"Cascadia Code",Consolas,monospace;font-size:.88rem;}.btn-warning{background:var(--amarillo);border-color:var(--amarillo);font-weight:800}.btn-warning:hover{background:var(--amarillo-oscuro);border-color:var(--amarillo-oscuro)}
.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;font-weight:800}.status-pill.idle{background:#eef2ff;color:#38406b}.status-pill.running{background:#fff8d6;color:#8a6b00}.status-pill.done{background:#dcfce7;color:#047857}.status-pill.error{background:#ffe4e6;color:#be123c}.status-pill i{font-size:.65rem}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.metric-card{border:1px solid var(--borde);border-radius:18px;padding:18px;background:#fff}.metric-card span{display:block;color:var(--muted);font-size:.9rem}.metric-card strong{display:block;font-size:1.65rem;font-weight:900}.metric-card small{color:var(--muted)}
.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.monitor-grid div{border:1px solid var(--borde);border-radius:16px;background:#fff;padding:12px}.monitor-grid span{display:block;color:var(--muted);font-size:.82rem}.monitor-grid strong{font-size:1.05rem}.progress-bar{background:#f5b400;color:#222;font-weight:900}
.table{--bs-table-bg:transparent}.table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:1px solid #d7dce5}.consulta-escenario{min-width:220px}.consulta-meta{font-size:.78rem;color:#6b7280;margin-bottom:4px;white-space:nowrap}.detail-table-wrap{max-height:520px;overflow:auto;border:1px solid var(--borde);border-radius:16px}.grupo-impar td{background:#fffdf0!important}.grupo-par td{background:#f0f7ff!important}.filtro{max-width:420px}.response-box{white-space:pre-wrap;background:#111827;color:#e5e7eb;padding:16px;border-radius:14px;min-height:300px}
@media(max-width:992px){.config-security-row{grid-template-columns:1fr}.security-alert{height:auto}}@media(max-width:768px){.hero-card{align-items:flex-start;flex-direction:column}.hero-badge{white-space:normal}.panel-card{padding:18px}}