:root{font-family:system-ui,Segoe UI,sans-serif;color:#16202c;background:#f4f6f9}*{box-sizing:border-box}body{margin:0}header.barra{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:#16202c;color:#fff}header.barra a{color:#cfd8e3;text-decoration:none}header.barra a.activo{color:#fff;font-weight:600}header.barra .separador{margin-left:auto;font-size:.85rem;color:#cfd8e3}main{max-width:1100px;margin:0 auto;padding:1.5rem}h1{font-size:1.35rem}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #e3e8ef;font-size:.9rem}th{background:#eef2f7}form.tarjeta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;background:#fff;padding:1rem;border:1px solid #e3e8ef;margin-bottom:1rem}label{display:flex;flex-direction:column;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:#5b6b7f;gap:.25rem}input,select{padding:.4rem .5rem;border:1px solid #c6d0dc;font-size:.9rem}button{padding:.45rem .9rem;border:0;background:#1f4e79;color:#fff;font-size:.9rem;cursor:pointer}button:disabled{background:#93a5b8;cursor:progress}p.error{background:#fdecec;border-left:4px solid #c0392b;padding:.6rem .8rem;font-size:.9rem}.acceso{max-width:360px;margin:12vh auto}.acceso form.tarjeta{flex-direction:column;align-items:stretch}td pre,details pre{margin:0;font-family:inherit;white-space:pre-wrap}td button{margin:0 .15rem .15rem 0;padding:.2rem .4rem;font-size:.75rem}.etiqueta{display:inline-block;padding:.1rem .45rem;border-radius:999px;background:#e3e8ef;font-size:.75rem}