:root{--azul:#123b68;--claro:#eef4f8;--gris:#5c6770;--verde:#167c4b;--rojo:#a83232}*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f6f8fa;color:#20252a}.top{background:var(--azul);color:white;padding:22px}.top h1{margin:0;font-size:24px}.wrap{max-width:1100px;margin:28px auto;padding:0 18px}.card{background:#fff;border-radius:10px;padding:22px;box-shadow:0 2px 10px #0001;margin-bottom:20px}label{font-weight:bold;display:block;margin-top:12px}input,select,textarea{width:100%;padding:10px;border:1px solid #ccd3d8;border-radius:6px;margin-top:5px}textarea{min-height:110px}button,.btn{display:inline-block;background:var(--azul);color:#fff;border:0;border-radius:6px;padding:10px 16px;text-decoration:none;cursor:pointer;margin-top:14px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.badge{padding:4px 8px;border-radius:12px;background:var(--claro);font-size:12px}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #e4e8eb;text-align:left;font-size:14px}th{background:var(--claro)}.ok{color:var(--verde);font-weight:bold}.warn{color:var(--rojo);font-weight:bold}@media(max-width:700px){.grid{grid-template-columns:1fr}table{display:block;overflow:auto}}