*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef3f7;color:#24313d}header{background:#075985;color:white;padding:24px;text-align:center}nav{background:#0c4a6e;padding:12px;text-align:center}nav a,nav span{color:white;margin:0 9px;text-decoration:none}.contenedor{width:90%;max-width:1100px;margin:30px auto}.tarjeta{background:white;padding:24px;margin-bottom:24px;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.12)}.formulario{display:grid;gap:12px;margin-top:18px}label{font-weight:bold}input,select{width:100%;padding:10px;border:1px solid #aab7c4;border-radius:5px}.boton,.acciones a{display:inline-block;background:#0284c7;color:white;border:0;padding:11px 16px;border-radius:5px;text-decoration:none;cursor:pointer}.acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tabla-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid #cbd5e1;padding:10px;text-align:left}th{background:#075985;color:white}tr:nth-child(even){background:#f1f5f9}.mensaje-exito{background:#dcfce7;color:#166534;border:1px solid #86efac;padding:14px;border-radius:5px}.mensaje-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;padding:14px;border-radius:5px}