:root{--bg: #0f1115;--panel: #1a1d24;--panel2: #232733;--txt: #e6e8ec;--tenue: #8a90a0;--acc: #4f8cff;--ok: #2ecc71;--off: #e74c3c;--borde: #2b2f3a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--txt);font-size:14px}button{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;background:var(--acc);color:#fff;font-size:14px}button:disabled{opacity:.5;cursor:default}.btn-sec{background:var(--panel2);color:var(--txt);border:1px solid var(--borde)}input,select{background:var(--panel2);border:1px solid var(--borde);color:var(--txt);border-radius:6px;padding:8px 10px;font-size:14px}.centro{display:grid;place-items:center;height:100vh;color:var(--tenue)}.error{background:#3a1d1d;color:#ff9b9b;padding:10px 12px;border-radius:6px;margin:10px 0}.login-wrap{display:grid;place-items:center;height:100vh}.login-card{background:var(--panel);border:1px solid var(--borde);border-radius:12px;padding:32px;width:340px;display:flex;flex-direction:column;gap:14px}.login-card h1{margin:0;font-size:22px}.login-card .sub{margin:0 0 8px;color:var(--tenue)}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--tenue)}.topbar{display:flex;align-items:center;gap:24px;padding:0 20px;height:56px;background:var(--panel);border-bottom:1px solid var(--borde)}.marca{font-weight:600}.topbar nav{display:flex;gap:6px;flex:1}.nav{background:transparent;color:var(--tenue)}.nav.activo{background:var(--panel2);color:var(--txt)}.usuario{display:flex;align-items:center;gap:12px;font-size:13px}.rol{padding:2px 8px;border-radius:10px;font-size:11px;text-transform:uppercase}.rol-admin{background:#2a3f66;color:#9dbcff}.rol-auditor{background:#3a3326;color:#e0c98a}.salir{background:transparent;color:var(--tenue);border:1px solid var(--borde)}.contenido{padding:24px;max-width:1100px;margin:0 auto}.pagina-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.pagina-head h2{margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.card{background:var(--panel);border:1px solid var(--borde);border-radius:10px;padding:18px}.card-num{font-size:28px;font-weight:700}.card-lbl{color:var(--tenue);font-size:13px;margin-top:4px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.box{background:var(--panel);border:1px solid var(--borde);border-radius:10px;padding:16px}.box h3{margin:0 0 12px;font-size:15px}.vacio{color:var(--tenue);text-align:center;padding:16px}.barras{display:flex;flex-direction:column;gap:6px}.barra-row{display:grid;grid-template-columns:48px 1fr 36px;align-items:center;gap:8px}.barra-lbl{color:var(--tenue);font-size:12px}.barra-track{background:var(--panel2);border-radius:4px;height:16px;overflow:hidden}.barra-fill{background:var(--acc);height:100%}.barra-val{text-align:right;font-size:12px}.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lista li{display:flex;justify-content:space-between;padding:6px 8px;background:var(--panel2);border-radius:6px}.pill{background:var(--acc);color:#fff;border-radius:10px;padding:1px 8px;font-size:12px}.tabla{width:100%;border-collapse:collapse;background:var(--panel);border-radius:10px;overflow:hidden}.tabla th,.tabla td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--borde)}.tabla th{color:var(--tenue);font-weight:500;font-size:12px;text-transform:uppercase}.tabla tr:last-child td{border-bottom:none}.fila-baja{opacity:.5}.fila-error td{background:#2a1818}.tenue{color:var(--tenue)}.sql{font-family:ui-monospace,monospace;font-size:12px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acciones{display:flex;gap:6px}.badge{padding:2px 8px;border-radius:10px;font-size:12px}.badge.ok{background:#1e3a2a;color:var(--ok)}.badge.off{background:#3a1e1e;color:var(--off)}.filtros{display:flex;gap:10px;margin-bottom:16px}.filtros input{flex:1}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center}.modal{background:var(--panel);border:1px solid var(--borde);border-radius:12px;padding:24px;width:420px;display:flex;flex-direction:column;gap:14px}.modal h3{margin:0}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--tenue)}.modal-botones{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.aviso{color:#e0c98a;font-size:13px;margin:0}.token-box{font-family:ui-monospace,monospace;background:var(--panel2);border:1px solid var(--borde);border-radius:6px;padding:12px;word-break:break-all;font-size:13px}.check{flex-direction:row!important;align-items:center;gap:8px!important;color:var(--txt)!important;font-size:13px}.check input{width:auto}