*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#1f2937;font-family:Arial,Helvetica,sans-serif}header{background:#17365d;color:#fff;padding:18px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px}h1{margin:0;font-size:25px}header p{margin:6px 0 0;opacity:.85}.acciones{display:flex;gap:8px;flex-wrap:wrap}.acciones button{background:#fff;color:#17365d}.panel{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0001;margin-bottom:16px;padding:16px}main{width:94%;max-width:1550px;margin:20px auto}.filtros{display:flex;align-items:end;gap:15px}.campo{flex:1;max-width:650px}label{display:block;font-weight:700;font-size:14px;margin-bottom:12px}label input,label select,label textarea,.barra input{display:block;width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:7px;padding:10px;font-size:14px;background:#fff}button{border:0;border-radius:7px;padding:10px 14px;cursor:pointer;font-weight:700}button.primary{background:#2563eb;color:#fff}.encabezado{display:grid;grid-template-columns:1fr 1.5fr .7fr .8fr .8fr;gap:10px;background:#eef4fb}.encabezado div{padding:10px;border-left:3px solid #2563eb}.encabezado span{display:block;font-size:11px;color:#64748b}.encabezado strong{font-size:16px}.barra{display:flex;gap:12px;margin-bottom:14px}.barra input{flex:1;margin:0}.tabla-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1100px}th{background:#17365d;color:#fff;padding:10px 8px;font-size:12px}td{border:1px solid #dbe2ea;padding:8px;text-align:center;font-size:13px}td:nth-child(2),td:nth-child(3),td:nth-child(8){text-align:left}.acciones-fila{white-space:nowrap}.acciones-fila button{padding:6px 9px;margin:2px;font-size:12px}.editar{background:#e0f2fe;color:#075985}.eliminar{background:#fee2e2;color:#991b1b}.modal{position:fixed;inset:0;background:#0008;display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal.activo{display:flex}.modal-card{background:#fff;width:min(650px,100%);border-radius:12px;padding:20px}.modal-card.small{max-width:430px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h2{margin:0}.cerrar{font-size:25px;background:transparent}.grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.form-actions button:first-child{background:#e5e7eb}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.filtros,.barra{flex-direction:column;align-items:stretch}.encabezado{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}