:root{--fondo: #f6f7f9;--panel: #ffffff;--borde: #dfe3e8;--texto: #1c2530;--tenue: #5f6b7a;--acento: #1f5fa9;--ok: #1a7f4b;--aviso: #a86a00;--error: #b3261e;--radio: 8px}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:0 0 12px}a{color:var(--acento)}button{font:inherit;padding:7px 14px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--panel);color:var(--texto);cursor:pointer}button:hover:not(:disabled){border-color:var(--acento);color:var(--acento)}button:disabled{opacity:.5;cursor:default}button.principal{background:var(--acento);border-color:var(--acento);color:#fff}button.principal:hover:not(:disabled){color:#fff;filter:brightness(1.1)}button.peligro:hover:not(:disabled){border-color:var(--error);color:var(--error)}input,select{font:inherit;padding:7px 10px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--panel);color:var(--texto);min-width:0}label{display:block;font-size:13px;color:var(--tenue);margin-bottom:4px}.panel{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);padding:16px;margin-bottom:16px}.tabla-envoltura{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--borde);white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--tenue)}tbody tr:hover{background:#f0f4f9}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.etiqueta{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--borde)}.etiqueta.activa{color:var(--ok);border-color:var(--ok)}.etiqueta.revocada,.etiqueta.inactiva{color:var(--tenue)}.etiqueta.caducada{color:var(--aviso);border-color:var(--aviso)}.tenue{color:var(--tenue)}.error{color:var(--error)}.ok{color:var(--ok)}.aviso-error{border:1px solid var(--error);color:var(--error);background:#fdf3f2;padding:10px 12px;border-radius:var(--radio);margin-bottom:12px}.filtros{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tarjeta{border:1px solid var(--borde);border-radius:var(--radio);padding:12px}.tarjeta .valor{font-size:24px;font-variant-numeric:tabular-nums}.tarjeta .titulo{font-size:12px;color:var(--tenue);text-transform:uppercase;letter-spacing:.03em}