:root{font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.45;--c-brand: #0f172a;--c-accent: #3b82f6;--c-success: #16a34a;--c-warning: #d97706;--c-danger: #dc2626;--c-info: #0891b2;--c-surface: #ffffff;--c-surface-2: #f8fafc;--c-border: #e2e8f0;--c-muted: #64748b;--c-text: #0f172a;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);color:var(--c-text);background:var(--c-surface-2)}*{box-sizing:border-box}body{margin:0}a{color:var(--c-accent)}button{font:inherit;cursor:pointer}input,select{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:var(--c-brand);color:#f1f5f9}.topbar a{color:#93c5fd;text-decoration:none}.topbar a:hover{text-decoration:underline}main{flex:1;padding:1.25rem;max-width:1200px;width:100%;margin:0 auto}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.status-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem}.status-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;font-size:.8rem;font-weight:500;border:1px solid var(--c-border);background:var(--c-surface);box-shadow:var(--shadow-sm);white-space:nowrap}.status-chip--ok{border-color:#bbf7d0;background:#f0fdf4;color:var(--c-success)}.status-chip--warn{border-color:#fde68a;background:#fffbeb;color:var(--c-warning)}.status-chip--err{border-color:#fecaca;background:#fef2f2;color:var(--c-danger)}.status-chip--info{border-color:#bae6fd;background:#f0f9ff;color:var(--c-info)}.status-chip--neutral{border-color:var(--c-border);background:var(--c-surface);color:var(--c-muted)}.status-chip--active{border-color:#bfdbfe;background:#eff6ff;color:var(--c-accent)}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .65rem;border-bottom:1px solid var(--c-border);vertical-align:middle}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted);background:var(--c-surface-2)}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;white-space:nowrap}.badge--azul{background:#dbeafe;color:#1d4ed8}.badge--verde{background:#dcfce7;color:#15803d}.badge--amber{background:#fef3c7;color:#b45309}.badge--rojo{background:#fee2e2;color:#b91c1c}.badge--gris{background:#e2e8f0;color:#475569}.badge--cyan{background:#cffafe;color:#0e7490}.badge--pulso{animation:pulso 1.6s ease-in-out infinite}@keyframes pulso{0%,to{opacity:1}50%{opacity:.45}}.btn-sm{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:filter .15s}.btn-sm:hover:not(:disabled){filter:brightness(.93)}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--c-accent);color:#fff}.btn-success{background:var(--c-success);color:#fff}.btn-warning{background:var(--c-warning);color:#fff}.btn-danger{background:var(--c-danger);color:#fff}.btn-ghost{background:transparent;color:var(--c-muted);border-color:var(--c-border)}.progress-wrap{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.progress-track{flex:1;height:5px;background:var(--c-border);border-radius:99px;overflow:hidden;min-width:50px}.progress-fill{height:100%;border-radius:99px;background:var(--c-accent);transition:width .4s ease}.progress-fill--ok{background:var(--c-success)}.progress-fill--active{background:var(--c-accent)}.audit-row td{padding:0;border-bottom:2px solid var(--c-accent)}.audit-panel{padding:1rem 1.25rem;background:#f8fafc;display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.audit-panel{grid-template-columns:1fr}}.audit-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);margin:0 0 .6rem}.event-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.event-item{display:flex;align-items:flex-start;gap:.55rem;font-size:.8rem}.event-dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent);margin-top:4px;flex-shrink:0}.event-dot--ok{background:var(--c-success)}.event-dot--err{background:var(--c-danger)}.event-dot--amber{background:var(--c-warning)}.event-dot--log{background:#94a3b8;width:6px;height:6px;margin-top:5px;border-radius:50%;flex-shrink:0}.event-item--log{align-items:flex-start;opacity:.9}.log-entry{font-size:.73rem;font-family:SF Mono,Fira Code,ui-monospace,monospace;color:var(--c-muted);line-height:1.45;word-break:break-all}.log-entry--err{color:var(--c-danger);font-weight:500}.obs-item{font-size:.78rem;margin-bottom:.5rem;border-left:3px solid var(--c-border);padding-left:.6rem}.obs-item--1{border-color:var(--c-info)}.obs-item--2{border-color:var(--c-warning)}.obs-item--3{border-color:var(--c-danger)}.obs-raw{margin:.25rem 0 0;font-size:.72rem;white-space:pre-wrap;word-break:break-all;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:.35rem .5rem;max-height:120px;overflow:auto}.spinner{animation:spin .8s linear infinite;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.err{color:var(--c-danger);font-size:.9rem}.muted{color:var(--c-muted);font-size:.85rem}